@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Hanken+Grotesk:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--void-0: #04040c;--void-1: #07071a;--ink: #e9ebff;--ink-dim: #9fa3cc;--ink-faint:#5d6196;--gold: #ffd27d;--cyan: #6ce7e8;--magenta: #ff79d2;--violet: #9d8bff;--card-bg: rgba(16, 18, 44, .72);--card-brd: rgba(157, 139, 255, .28);--glass: blur(18px) saturate(1.2);--font-display: "Syne", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--radius: 20px;--glow-v: 0 0 32px rgba(157, 139, 255, .45);--atm-glow-violet: rgba(120, 70, 200, .3);--atm-glow-cyan: rgba(40, 140, 170, .26);--atm-glow-magenta: rgba(180, 60, 150, .2);--shadow-strong: rgba(0, 0, 0, .75);--surface-scrim: rgba(2, 2, 10, .6);--orb-specular: #ffffff99;--star-tint-cool: 195, 230, 255;--star-tint-warm: 255, 225, 180;--star-tint-neutral: 255, 255, 255;--star-shoot-core: 255, 255, 255}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--void-0);color:var(--ink);font-family:var(--font-body);overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 22% 18%,var(--atm-glow-violet),transparent 60%),radial-gradient(55% 45% at 82% 28%,var(--atm-glow-cyan),transparent 62%),radial-gradient(70% 60% at 50% 92%,var(--atm-glow-magenta),transparent 60%),radial-gradient(120% 120% at 50% 40%,var(--void-1),var(--void-0) 75%)}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 220px 60px var(--shadow-strong)}canvas#stars{position:fixed;inset:0;z-index:1}.identity{position:fixed;top:30px;left:34px;z-index:8;animation:fade-up 1s .2s both}.identity .mark{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.02em;line-height:1;color:var(--ink)}.identity .mark .dot{color:var(--gold)}.identity .tag{font-size:12.5px;color:var(--ink-dim);margin-top:6px;max-width:230px}.identity .links{margin-top:12px;display:flex;gap:14px;font-family:var(--font-mono);font-size:11.5px}.identity .links a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}.identity .links a:hover,.identity .links a:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:none}.sys{position:fixed;top:32px;right:34px;z-index:8;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);animation:fade-up 1s .35s both}.sys .live{color:var(--cyan)}.sys .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:6px;animation:blink 2.4s infinite}#field{position:fixed;inset:0;z-index:5}.orb{position:absolute;top:0;left:0;width:var(--d);height:var(--d);transform:translate(-200px,-200px);will-change:transform;cursor:pointer;--c: hsl(var(--h) 85% 66%);--c-deep: hsl(var(--h) 80% 42%)}.orb__body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--orb-specular),transparent 38%),radial-gradient(circle at 64% 70%,var(--c-deep),transparent 70%),radial-gradient(circle at 50% 50%,var(--c),hsl(var(--h) 70% 22%) 78%);box-shadow:0 0 0 1px hsl(var(--h) 90% 70% / .35),0 0 26px hsl(var(--h) 90% 60% / .55),0 0 70px hsl(var(--h) 90% 55% / .25),inset -6px -8px 22px #00000080;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}.orb.is-ringed .orb__ring{position:absolute;inset:-22% -6%;border-radius:50%;border:1.5px solid hsl(var(--h) 90% 72% / .5);transform:rotate(-22deg);box-shadow:0 0 18px hsl(var(--h) 90% 60% / .3)}.orb__label{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;pointer-events:none;transition:opacity .3s,transform .3s}.orb__name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);text-shadow:0 2px 14px rgba(0,0,0,.8)}.orb__hint{display:block;font-family:var(--font-mono);font-size:9.5px;color:var(--c);opacity:.75;margin-top:3px;letter-spacing:.08em;text-transform:uppercase}.orb:hover .orb__body{transform:scale(1.13);box-shadow:0 0 0 1px hsl(var(--h) 95% 75% / .6),0 0 40px hsl(var(--h) 95% 65% / .8),0 0 110px hsl(var(--h) 90% 55% / .4),inset -6px -8px 22px #00000080}.orb:hover .orb__name{transform:translateY(-2px)}.orb.is-indev .orb__body{filter:saturate(.55) brightness(.85)}.orb.is-indev .orb__ring{border-style:dashed;inset:-28% -10%;animation:spin 18s linear infinite}.orb.is-nibbled .orb__body{animation:jolt .5s ease}.orb.is-nibbled .orb__body{box-shadow:0 0 0 2px hsl(var(--h) 100% 85% / .9),0 0 60px hsl(var(--h) 100% 70% / .95),0 0 150px hsl(var(--h) 95% 60% / .5),inset -6px -8px 22px #00000080}#station{position:fixed;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;height:340px;display:grid;place-items:center;text-align:center;animation:fade-in 1.2s .5s both;pointer-events:none}.station-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(157,139,255,.18)}.station-ring.r2{inset:30px;border-color:#6ce7e81f}.station-ring.r3{inset:-26px;border-style:dashed;border-color:#ffd27d24;animation:spin-slow 60s linear infinite}.station-core{position:relative;z-index:2}.station-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.station-title{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink)}.station-sub{margin-top:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--gold);opacity:.8;letter-spacing:.05em}.arcade-tiles{display:flex;flex-direction:column;gap:10px;margin-top:6px;pointer-events:auto}.arcade-tile{display:flex;flex-direction:column;gap:3px;min-width:200px;padding:13px 18px;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid var(--card-brd);border-radius:14px;transition:transform .2s,border-color .2s,background .2s}.arcade-tile:hover,.arcade-tile:focus-visible{transform:translateY(-2px);border-color:var(--cyan);background:#6ce7e814;outline:none}.arcade-tile__title{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink)}.arcade-tile__title:before{content:"▶ ";color:var(--gold)}.arcade-tile__tag{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-dim);letter-spacing:.03em}.arena{position:fixed;inset:0;z-index:15;display:none;align-items:center;justify-content:center;pointer-events:none}.arena.is-open{display:flex;animation:fade-in .3s}.arena__panel{position:relative;pointer-events:auto;width:min(900px,92vw);height:min(640px,84vh);display:flex;flex-direction:column;background:#080918c7;backdrop-filter:var(--glass);border:1px solid var(--card-brd);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px #0009,var(--glow-v)}.arena__hud{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(157,139,255,.18);font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.arena__title{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink);letter-spacing:.02em}.arena__title:before{content:"✦ ";color:var(--cyan)}.arena__score b{color:var(--gold);font-weight:700}.arena__spacer{flex:1}.arena__btn{background:none;border:1px solid transparent;color:var(--ink-dim);font-size:15px;cursor:pointer;border-radius:8px;width:30px;height:30px;transition:color .2s,border-color .2s}.arena__btn:hover,.arena__btn:focus-visible{color:var(--cyan);border-color:var(--card-brd);outline:none}.arena__stage{position:relative;flex:1;min-height:0}.game-canvas{display:block;width:100%;height:100%}.arena__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#060714b3;backdrop-filter:blur(4px);animation:fade-in .2s}.arena__overlay[hidden]{display:none}.ov-msg{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim);text-align:center}.ov-card{width:min(420px,84%);text-align:center;padding:26px;background:var(--card-bg);border:1px solid var(--card-brd);border-radius:18px}.ov-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}.ov-text{color:var(--ink-dim);font-size:14px;line-height:1.5;margin:12px 0 16px}.ov-score{font-family:var(--font-display);font-weight:800;font-size:52px;color:var(--gold);margin:6px 0 18px}.ht-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.ht-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-dim)}.ht-keys{flex:0 0 150px;font-family:var(--font-mono);font-size:11px;color:var(--ink)}.ov-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ov-btn{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--void-0);background:linear-gradient(135deg,var(--gold),#ffb35c);border:none;border-radius:100px;padding:11px 22px;cursor:pointer;transition:transform .2s}.ov-btn:hover,.ov-btn:focus-visible{transform:translateY(-2px);outline:none}.ov-btn.ghost{background:none;border:1px solid var(--card-brd);color:var(--ink-dim)}.arena--fullspace .arena__panel{width:100vw;height:100vh;max-width:none;border:none;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none}.arena--fullspace .arena__hud{position:absolute;top:0;left:0;right:0;z-index:2;border-bottom:none;background:linear-gradient(to bottom,rgba(4,4,12,.6),transparent);pointer-events:none}.arena--fullspace .arena__hud .arena__btn{pointer-events:auto}.arena--fullspace .arena__stage,.arena--fullspace .game-canvas{position:absolute;inset:0}body.arcade-active #field{pointer-events:none}body.arcade-active #station{display:none}@media (max-width: 720px){.arena{display:none!important}}.onboard{position:fixed;z-index:9;left:50%;bottom:64px;transform:translate(-50%);text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--ink-dim);letter-spacing:.04em;pointer-events:none;animation:onboard 6s 1s both}.onboard b{color:var(--gold);font-weight:400}.scrim{position:fixed;inset:0;z-index:20;display:none;background:var(--surface-scrim);backdrop-filter:blur(3px);align-items:center;justify-content:center}.scrim.is-open{display:flex;animation:fade-in .25s}.card{position:relative;width:min(440px,90vw);background:var(--card-bg);backdrop-filter:var(--glass);border:1px solid var(--card-brd);border-radius:var(--radius);padding:30px;overflow:hidden;box-shadow:0 30px 80px #0009,var(--glow-v);animation:card-in .4s cubic-bezier(.2,.9,.2,1)}.card:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,hsl(var(--ch) 90% 60% / .5),transparent 70%);filter:blur(20px);pointer-events:none}.card__close{position:absolute;top:16px;right:18px;z-index:2;background:none;border:none;color:var(--ink-faint);font-size:20px;cursor:pointer;line-height:1;transition:color .2s}.card__close:hover,.card__close:focus-visible{color:var(--magenta);outline:none}.card__kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.25em;text-transform:uppercase;color:hsl(var(--ch) 80% 68%)}.card__title{font-family:var(--font-display);font-weight:800;font-size:30px;margin:8px 0 2px;letter-spacing:-.01em}.card__blurb{color:var(--ink-dim);font-size:14.5px;line-height:1.5;margin:12px 0 18px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;list-style:none}.chip{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-dim);border:1px solid rgba(157,139,255,.22);border-radius:6px;padding:4px 9px;background:#ffffff05}.launch{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--void-0);text-decoration:none;background:linear-gradient(135deg,hsl(var(--ch) 85% 70%),hsl(var(--ch) 80% 55%));border-radius:100px;padding:11px 22px;box-shadow:0 6px 26px hsl(var(--ch) 80% 50% / .4);transition:transform .2s}.launch:hover,.launch:focus-visible{transform:translate(3px);outline:none}.indev-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;color:var(--gold);border:1px dashed rgba(255,210,125,.5);border-radius:100px;padding:10px 18px}.indev-badge .blip{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:blink 1.6s infinite}.card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.docs-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);text-decoration:none;border:1px solid var(--card-brd);border-radius:100px;padding:10px 16px;transition:color .2s,border-color .2s}.docs-link:hover,.docs-link:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:none}.docs-link.is-soon{color:var(--ink-faint);border-style:dashed;opacity:.6;cursor:default}.docs-link.is-soon:hover{color:var(--ink-faint);border-color:var(--card-brd)}.projects h2{font-family:var(--font-display);font-size:14px;margin-bottom:10px;color:var(--ink-dim)}.projects ul{list-style:none;display:grid;gap:10px}.projects li{display:flex;align-items:flex-start;gap:14px}.p-dot{flex:0 0 auto;width:34px;height:34px;border-radius:50%;margin-top:2px;background:radial-gradient(circle at 35% 30%,var(--orb-specular),transparent 40%),radial-gradient(circle at 50% 50%,hsl(var(--h) 85% 62%),hsl(var(--h) 70% 24%));box-shadow:0 0 18px hsl(var(--h) 85% 55% / .5)}.p-info{display:flex;flex-direction:column;gap:3px}.p-title{font-family:var(--font-display);font-weight:700}.p-blurb{font-size:12.5px;color:var(--ink-dim)}.p-links{display:flex;gap:14px;margin-top:4px;font-family:var(--font-mono);font-size:11px}.p-links a{color:var(--cyan);text-decoration:none}.p-links a:hover,.p-links a:focus-visible{text-decoration:underline;outline:none}.p-soon{color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;opacity:.7}@media (min-width: 721px){.projects{position:fixed;z-index:25;left:50%;bottom:16px;transform:translate(-50%);width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.projects:focus-within{width:min(540px,92vw);height:auto;clip:auto;white-space:normal;background:var(--card-bg);backdrop-filter:var(--glass);border:1px solid var(--card-brd);border-radius:16px;padding:16px}}.stamp{position:fixed;z-index:30;bottom:14px;right:18px;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.1em;opacity:.5;pointer-events:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(338deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes jolt{0%{transform:scale(1)}25%{transform:scale(1.28) translate(3px,-2px)}55%{transform:scale(.92) translate(-2px,1px)}to{transform:scale(1)}}@keyframes onboard{0%{opacity:0;transform:translate(-50%,12px)}14%,72%{opacity:.95;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (max-width: 720px){body{overflow-y:auto}#field,#station,.onboard,.sys{display:none}.identity{position:static;padding:60px 24px 4px}.identity .tag{max-width:none}.projects{padding:16px 20px 48px}.projects h2{font-size:12px;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-faint);margin:8px 0 14px}.projects ul{gap:12px}.projects li{align-items:center;gap:16px;padding:16px 18px;background:var(--card-bg);border:1px solid var(--card-brd);border-radius:16px;backdrop-filter:var(--glass)}.projects .p-dot{width:42px;height:42px}.projects .p-title{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}