:root{--bg:#07040f;--fg:#f1eeff;--fg-2:#b8b3d6;--fg-3:#776f9b;--cyan:#00f0ff;--magenta:#ff2d95;--yellow:#ffe600;--purple:#9d4dff;--line:#ffffff1a;--glass:#0a06189e;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}kbd{text-align:center;min-width:26px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);background:#ffffff14;border:1px solid #ffffff38;border-bottom-width:3px;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.btn{font-family:var(--font-display);letter-spacing:.08em;border:1px solid var(--line);transition:transform .3s var(--ease), background .3s, box-shadow .3s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#ffffff0a;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:.9rem;font-weight:800;display:inline-flex}.btn:hover{background:#ffffff14;transform:translateY(-2px)}.btn--primary{background:var(--cyan);color:#05060c;border-color:var(--cyan);box-shadow:0 0 30px #00f0ff59}.btn--primary:hover{background:#6ff7ff;box-shadow:0 0 50px #00f0ff8c}.btn--ghost{color:var(--fg-2)}.loader{z-index:100;background:var(--bg);transition:opacity .8s var(--ease), visibility .8s;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;width:min(440px,84vw)}.loader__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cyan);text-shadow:0 0 24px #00f0ff99;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.loader__sub{font-family:var(--font-mono);letter-spacing:.3em;color:var(--fg-3);margin:8px 0 24px;font-size:11px}.loader__bar{background:#ffffff14;height:2px;overflow:hidden}.loader__fill{background:linear-gradient(90deg, var(--magenta), var(--cyan));width:0;height:100%;box-shadow:0 0 12px var(--cyan);transition:width .15s linear;display:block}.loader__pct{font-family:var(--font-mono);color:var(--fg-3);margin-top:10px;font-size:12px}.title{z-index:60;opacity:0;visibility:hidden;transition:opacity .8s var(--ease), visibility .8s;background:radial-gradient(at 50% 60%,#07040f33,#07040fd9 70%);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.title.is-on{opacity:1;visibility:visible}.title__inner{text-align:center;max-width:820px}.title__eyebrow{font-family:var(--font-mono);letter-spacing:.34em;color:var(--cyan);margin-bottom:14px;font-size:12px}.title__name{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--cyan) 60%, var(--magenta));color:#0000;filter:drop-shadow(0 0 30px #00f0ff59);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;margin:0 auto;padding:0 .08em;font-size:clamp(2.4rem,9vw,7rem);font-weight:800;line-height:.95;animation:6s infinite glitch}@keyframes glitch{0%,92%,to{transform:none}93%{transform:translate(-3px,1px)skew(-4deg)}95%{transform:translate(3px,-1px)skew(3deg)}97%{transform:none}}.title__tag{color:var(--fg-2);margin-top:14px;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:300}.title__tag em{color:var(--fg);font-style:normal;font-weight:500}.title__controls{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:30px 0 6px;font-size:11px;display:flex}.title__controls div{align-items:center;gap:4px;display:inline-flex}.title__controls span{margin-left:6px}.title__touch{color:var(--fg-3);margin-top:10px;font-size:.85rem;display:none}.is-touch .title__controls{display:none}.is-touch .title__touch{display:block}.title__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.title__hint{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg-3);margin-top:22px;font-size:11px}.hud{z-index:40;pointer-events:none;opacity:0;font-family:var(--font-mono);transition:opacity .6s;position:fixed;top:0;bottom:0;left:0;right:0}.hud.is-on{opacity:1}.hud>*{position:absolute}.hud__tl{flex-direction:column;gap:14px;display:flex;top:18px;left:18px}.hud__logo{font-family:var(--font-display);letter-spacing:.22em;color:var(--fg-2);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.hud__logo span{background:var(--cyan);color:#05060c;border-radius:4px;place-items:center;width:26px;height:26px;display:inline-grid;box-shadow:0 0 16px #00f0ff99}.objectives{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;min-width:180px;padding:10px 14px}.objectives__head{letter-spacing:.24em;color:var(--fg-3);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.objectives__head b{color:var(--cyan)}.objectives li{color:var(--fg-2);align-items:center;gap:10px;padding:4px 0;font-size:12px;transition:color .3s;display:flex}.objectives li i{background:var(--c);width:8px;height:8px;box-shadow:0 0 10px var(--c);border-radius:50%}.objectives li.is-done{color:var(--fg-3);text-decoration:line-through}.objectives li.is-done i{border:1px solid var(--fg-3);box-shadow:none;background:0 0}.hud__tr{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:12px;display:flex;top:18px;right:18px}.hud__btn{background:var(--glass);border:1px solid var(--line);width:42px;height:42px;color:var(--fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;font-size:20px}.minimap{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:180px;height:180px;transition:width .4s var(--ease), height .4s var(--ease);background:#06060e99;border-radius:6px;position:relative;overflow:hidden}.minimap canvas{image-rendering:auto;width:100%;height:100%;display:block}.minimap__label{letter-spacing:.2em;color:var(--fg-3);font-size:9px;position:absolute;bottom:6px;right:8px}.minimap.is-big{width:min(440px,70vw);height:min(440px,70vw)}.hud__bl{align-items:flex-end;gap:18px;display:flex;bottom:18px;left:18px}.speed{align-items:baseline;gap:8px;display:flex}.speed b{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg);text-shadow:0 0 20px #00f0ff66;font-size:3rem;font-weight:800;line-height:1}.speed span{letter-spacing:.2em;color:var(--fg-3);font-size:11px}.boost{border:1px solid var(--line);border-radius:2px;width:140px;height:10px;margin-bottom:10px;position:relative}.boost i{width:calc(var(--v,1) * 100%);background:linear-gradient(90deg, var(--purple), var(--cyan));box-shadow:0 0 10px var(--cyan);transition:width .1s linear;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.boost.is-boosting i{background:linear-gradient(90deg, var(--magenta), #fff)}.boost span{letter-spacing:.3em;color:var(--fg-3);font-size:9px;position:absolute;top:-16px;left:0}.prompt{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);opacity:0;transition:opacity .3s, transform .4s var(--ease);border:1px solid #00f0ff66;border-radius:6px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex;bottom:17vh;left:50%;transform:translate(-50%,10px);box-shadow:0 0 30px #00f0ff33}.prompt.is-on{opacity:1;transform:translate(-50%)}.is-touch .prompt kbd{display:none}.toast{text-align:center;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(520px,90vw);font-family:var(--font-body);color:var(--fg-2);opacity:0;transition:opacity .4s, transform .5s var(--ease);pointer-events:auto;border-radius:6px;padding:12px 18px;font-size:.92rem;top:82px;left:50%;transform:translate(-50%,-10px)}.toast b{color:var(--fg)}.toast a{color:var(--cyan);border-bottom:1px solid}.toast.is-on{opacity:1;transform:translate(-50%)}.joystick{pointer-events:auto;width:50%;height:55%;display:none;bottom:0;left:0}.joystick__base,.joystick__knob{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}.joystick__base{background:#ffffff0d;border:1px solid #ffffff4d;width:120px;height:120px}.joystick__knob{width:56px;height:56px;box-shadow:0 0 20px var(--cyan);background:#00f0ffb3}.joystick.is-active .joystick__base,.joystick.is-active .joystick__knob{opacity:1}.touch-btns{pointer-events:auto;flex-direction:column;gap:12px;display:none;bottom:24px;right:18px}.tbtn{background:var(--glass);border:1px solid var(--line);width:64px;height:64px;color:var(--fg);font-size:22px;font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:50%;font-weight:800}.tbtn.is-down{background:#00f0ff59}.tbtn--action{opacity:.3}.tbtn--action.is-on{opacity:1;background:var(--cyan);color:#05060c;box-shadow:0 0 24px var(--cyan)}.is-touch .joystick,.is-touch .touch-btns{display:flex}.is-touch .hud__bl{top:52px;bottom:auto;left:12px}.is-touch .hud__bl .boost,.is-touch .objectives{display:none}.is-touch .minimap{width:110px;height:110px}.is-touch .minimap.is-big{width:min(360px,80vw);height:min(360px,80vw)}.menu{z-index:55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#07040fc7;place-items:center;transition:opacity .4s,visibility .4s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.menu.is-on{opacity:1;visibility:visible}.menu__inner{text-align:center;width:min(560px,90vw)}.menu h2{font-family:var(--font-display);letter-spacing:.1em;color:var(--fg);font-size:clamp(2rem,6vw,3.4rem);font-weight:800}.menu__sub{font-family:var(--font-mono);letter-spacing:.24em;color:var(--fg-3);margin:8px 0 18px;font-size:11px}.menu__travel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.menu__travel button{border:1px solid var(--line);font-family:var(--font-display);transition:background .3s, transform .3s var(--ease);background:#ffffff0a;border-radius:6px;align-items:center;gap:10px;padding:14px 16px;font-size:.95rem;font-weight:700;display:flex}.menu__travel button:hover{background:#ffffff1a;transform:translateY(-2px)}.menu__travel i{background:var(--c);width:10px;height:10px;box-shadow:0 0 12px var(--c);border-radius:50%}.menu__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.menu__keys{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.06em;margin-top:22px;font-size:11px}.panel{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#07040f99;place-items:center;padding:24px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.panel.is-open{opacity:1;visibility:visible}.panel__card{width:min(1040px,100%);max-height:min(86vh,900px);transition:transform .6s var(--ease);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);background:#0a0716eb;border:1px solid #00f0ff47;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.98);box-shadow:inset 0 0 0 1px #ffffff0a,0 30px 100px #0009,0 0 60px #00f0ff1a}.panel.is-open .panel__card{transform:none}.panel__card:before{content:"";background:linear-gradient(90deg, var(--magenta), var(--cyan), transparent);height:2px;position:absolute;top:0;bottom:auto;left:0;right:0}.panel__close{z-index:2;font-family:var(--font-mono);color:var(--fg-2);border:1px solid var(--line);background:#07040fb3;border-radius:6px;padding:8px 12px;font-size:13px;position:absolute;top:14px;right:18px}.panel__close:hover{color:var(--fg);border-color:var(--cyan)}.panel__close small{color:var(--fg-3);margin-left:6px}.panel__body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;padding:clamp(24px,4vw,44px);overflow:auto}.panel__head{margin-bottom:26px;padding-right:90px}.panel__eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;font-size:11px}.panel__title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;line-height:1.02}.panel__lead{color:var(--fg-2);font-size:clamp(1rem,1.5vw,1.15rem);font-weight:300;line-height:1.6}.panel__meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-3);margin-top:14px;font-size:11px}.panel__grid{grid-template-columns:1.1fr 1fr;gap:36px;display:grid}.chips{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.chips--sm{margin-top:10px}.chip{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line);color:var(--fg-2);background:#ffffff08;border-radius:999px;padding:5px 9px;font-size:10.5px}.tl li{border-left:1px solid var(--line);padding:14px 0 14px 22px;position:relative}.tl li:before{content:"";background:var(--cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:-4px;box-shadow:0 0 0 5px #00f0ff1f}.tl__period{font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-size:10px}.tl__role{font-family:var(--font-display);margin-top:4px;font-size:1.05rem;font-weight:700}.tl__where{font-family:var(--font-body);color:var(--fg-3);margin-left:6px;font-size:.75rem;font-weight:400}.tl__company{color:var(--cyan);font-size:.9rem}.tl__detail{color:var(--fg-2);margin-top:4px;font-size:.88rem;font-weight:300}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);transition:transform .4s var(--ease), border-color .3s;background:#ffffff09;border-radius:10px;padding:22px}.card:hover{border-color:#00f0ff59;transform:translateY(-3px)}.card__idx{font-family:var(--font-mono);letter-spacing:.2em;color:var(--cyan);font-size:10px}.card__title{font-family:var(--font-display);margin:10px 0 8px;font-size:1.15rem;font-weight:700;line-height:1.2}.card__body{color:var(--fg-2);font-size:.92rem;font-weight:300;line-height:1.55}.card__top{justify-content:space-between;align-items:flex-start;display:flex}.card__year{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-3);font-size:10px}.card__stat{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--yellow), #ff7a1a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.card--ach .card__title{margin-top:18px}.plist{flex-direction:column;display:flex}.pitem{border-top:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:start;gap:18px;padding:20px 0;display:grid}.pitem__idx{font-family:var(--font-mono);color:var(--fg-3);padding-top:6px;font-size:11px}.pitem__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c);font-size:1.35rem;font-weight:800}.pitem__desc{color:var(--fg-2);max-width:60ch;margin-top:6px;font-size:.92rem;font-weight:300}.pitem__links{flex-direction:column;gap:6px;display:flex}.pitem__links a{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--line);color:var(--fg-2);white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:11px;transition:all .3s}.pitem__links a:hover{background:var(--c);color:#05060c;border-color:var(--c)}.contact{text-align:center;max-width:620px;margin:0 auto}.contact__email{font-family:var(--font-display);color:var(--cyan);border:1px solid #00f0ff66;border-radius:6px;margin:26px 0 22px;padding:14px 26px;font-size:clamp(1.2rem,3vw,1.9rem);font-weight:800;transition:all .3s;display:inline-block}.contact__email:hover{background:var(--cyan);color:#05060c;box-shadow:0 0 40px #00f0ff66}.socials{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.socials a{color:var(--fg-2);border-bottom:1px solid #0000;font-size:.92rem;transition:all .3s}.socials a:hover{color:var(--fg);border-color:var(--cyan)}@media (max-width:760px){.panel{padding:10px}.panel__card{max-height:92vh}.panel__grid{grid-template-columns:1fr}.pitem{grid-template-columns:1fr;gap:10px}.pitem__idx{display:none}.pitem__links{flex-direction:row}.hud__tl{top:12px;left:12px}.hud__tr{top:12px;right:12px}.speed b{font-size:2rem}}@media (prefers-reduced-motion:reduce){.title__name{animation:none}}