@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323.woff2) format("woff2")}:root{--bg: #0b0b1a;--bg-2: #101020;--cab: #1b1b2b;--cab-2: #2a2a44;--line: #3b3b5c;--fg: #f4f4ff;--muted: #9a9ab8;--pink: #ff2d95;--cyan: #00e5ff;--yellow: #ffe600;--green: #7cff4a;--orange: #ff8a00;--purple: #b14bff;--f-head: "Press Start 2P", "Courier New", monospace;--f-body: "VT323", "Courier New", monospace;--px: 4px;--maxw: 1080px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--fg);background:var(--bg);font-family:var(--f-body);font-size:22px;line-height:1.25;-webkit-font-smoothing:none;text-rendering:optimizeSpeed;min-height:100dvh}img,canvas{image-rendering:pixelated}a{color:var(--cyan);text-decoration:none}a:hover,a:focus-visible{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}h1,h2,h3{font-family:var(--f-head);line-height:1.6;margin:0 0 .75em;font-weight:400}h1{font-size:clamp(14px,2.4vw,22px);color:var(--yellow);text-shadow:0 0 8px var(--yellow)}h2{font-size:clamp(11px,1.8vw,15px);color:var(--cyan)}h3{font-size:11px;color:var(--pink)}p{margin:0 0 1em;max-width:70ch}code,pre{font-family:var(--f-body)}code{background:var(--bg-2);border:1px solid var(--line);padding:0 .3em;color:var(--green)}pre{background:var(--bg-2);border:2px solid var(--line);padding:12px 16px;overflow:auto;font-size:19px}pre code{border:0;padding:0;background:none}blockquote{border-left:var(--px) solid var(--pink);margin:0 0 1em;padding:4px 16px;color:var(--muted)}hr{border:0;border-top:2px dashed var(--line);margin:2em 0}ul{padding-left:1.2em}li{margin:.2em 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-block;font-family:var(--f-head);font-size:9px;line-height:1;padding:10px 12px;color:var(--cyan);background:var(--bg);border:2px solid currentColor;box-shadow:var(--px) var(--px) 0 currentColor;text-shadow:0 0 4px currentColor;text-decoration:none;cursor:pointer;user-select:none;transition:transform .05s steps(1)}.btn:hover,.btn:focus-visible{color:var(--yellow);text-decoration:none}.btn:active{transform:translate(var(--px),var(--px));box-shadow:none}.btn--pink{color:var(--pink)}.btn--yellow{color:var(--yellow)}.btn--green{color:var(--green)}.btn--ghost{color:var(--muted);text-shadow:none}.box{position:relative;background:var(--bg-2);border:2px solid var(--fg);box-shadow:inset 0 0 0 2px var(--bg-2),inset 0 0 0 4px var(--line),var(--px) var(--px) 0 var(--line);padding:20px}.box--pink{border-color:var(--pink)}.box--cyan{border-color:var(--cyan)}.box--yellow{border-color:var(--yellow)}.neon{text-shadow:0 0 6px currentColor,0 0 16px currentColor}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tag{display:inline-block;font-family:var(--f-head);font-size:7px;line-height:1;padding:5px 6px;margin:2px 4px 2px 0;border:1px solid var(--line);color:var(--muted);background:var(--bg)}.bar{height:10px;background:var(--bg);border:2px solid var(--line);position:relative}.bar>i{position:absolute;inset:0;width:var(--w);background:repeating-linear-gradient(90deg,var(--c, var(--green)) 0 6px,transparent 6px 8px)}.muted{color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cab{max-width:var(--maxw);margin:0 auto;padding:16px}.marquee{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#0a0a14;border:3px solid var(--pink);box-shadow:0 0 12px var(--pink),inset 0 0 24px #ff2d9526;padding:12px 16px;margin-bottom:14px}.marquee__logo{font-family:var(--f-head);font-size:clamp(10px,2vw,14px);color:var(--yellow);text-shadow:0 0 6px var(--yellow),0 0 18px var(--pink)}.marquee__logo b{color:#ff6ab5;font-weight:400}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{font-family:var(--f-head);font-size:8px;color:var(--cyan);padding:8px;border:2px solid transparent}.nav a:hover,.nav a:focus-visible{text-decoration:none;color:var(--yellow)}.nav a[aria-current=page]{border-color:var(--cyan);box-shadow:3px 3px 0 var(--cyan)}.screen{position:relative;background:var(--bg);border:6px solid #000;border-radius:14px;box-shadow:0 0 0 4px var(--line),inset 0 0 80px #00e5ff14;overflow:hidden;min-height:60dvh}.screen__inner{padding:clamp(14px,3vw,32px)}.panel{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:10px 16px;background:var(--bg-2);border:3px solid var(--line);border-radius:8px;font-family:var(--f-head);font-size:7px;color:var(--muted)}.panel a{color:var(--cyan)}.panel .dots{display:flex;gap:8px}.panel .dots i{width:18px;height:18px;border-radius:50%;display:block;border:3px solid rgba(0,0,0,.5);box-shadow:0 0 8px currentColor}.crt:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}@media(max-width:720px){body{font-size:20px}.cab{padding:8px}.marquee{padding:10px;box-shadow:0 0 8px var(--pink)}.screen{border-width:3px;border-radius:6px;min-height:0}.panel{display:none}.crt:after{display:none}}@media(prefers-reduced-motion:reduce){.blink{animation:none}.crt:after{display:none}}@media print{:root{color-scheme:light}html,body{background:#fff;color:#000;font-family:Georgia,serif;font-size:12pt;min-height:0}.crt:after{display:none}.screen{overflow:visible;min-height:0}.marquee,.panel,.nav,.no-print{display:none!important}.screen{border:0;box-shadow:none;border-radius:0}.screen__inner{padding:0}a{color:#000}h1,h2,h3{color:#000;text-shadow:none;font-family:Georgia,serif;font-size:18pt}h2{font-size:14pt;border-bottom:1px solid #000}.tag,.muted{color:#444}section{break-inside:avoid}}.game{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"stage hero" "stage side";gap:16px;align-items:start}.game__stage{grid-area:stage}.hero{grid-area:hero}.game__side{grid-area:side}.game__stage{position:relative}.game__canvas{width:100%;height:auto;display:block;background:#05050f;border:2px solid var(--line);touch-action:none}.game__hud{display:flex;justify-content:space-between;gap:8px;font-family:var(--f-head);font-size:9px;padding:6px 2px 8px;flex-wrap:wrap}.game__hud .lv{color:var(--cyan)}.game__hud .sc{color:var(--yellow)}.game__hud .hi{color:var(--pink)}.game__overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;background:#05050fc7;z-index:3}.game__overlay .box{max-width:460px;width:100%}.game__side{display:flex;flex-direction:column;gap:12px}.hero{display:grid;grid-template-columns:64px 1fr;column-gap:14px;row-gap:10px}.hero>*{grid-column:2}.hero__avatar{grid-column:1;grid-row:1 / span 3;width:64px;height:64px;image-rendering:pixelated;border:2px solid var(--line);background:#05050f}.hero__name{font-family:var(--f-head);font-size:clamp(11px,1.6vw,14px);color:var(--fg);line-height:1.6;margin:0;text-shadow:0 0 8px var(--cyan)}.hero__title{color:var(--cyan);font-size:22px;margin:0}.hero__tag{color:var(--muted);margin:0;font-size:19px}.hero__open{font-family:var(--f-head);font-size:7px;color:var(--green);line-height:1.8;margin:0}.hero .row{gap:8px}.reveal{animation:pop .25s steps(4)}@keyframes pop{0%{transform:scale(.9);opacity:0}}.reveal__years{font-family:var(--f-head);font-size:8px;color:var(--yellow)}.reveal__role{font-family:var(--f-head);font-size:9px;color:var(--pink);margin:8px 0 2px;line-height:1.6}.reveal__co{font-size:24px;color:var(--fg)}.reveal ul{margin:8px 0 0;padding-left:1em;font-size:19px;color:#d0d0e8}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.levels i{height:8px;border:1px solid var(--line);background:var(--bg);display:block}.levels i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:50;width:min(92vw,420px);font-family:var(--f-head);font-size:8px;line-height:1.8}.toast .box{padding:12px 14px}.toast .row{gap:8px;margin-top:8px}@media(max-width:860px){.game{grid-template-columns:1fr;grid-template-areas:"hero" "stage" "side"}.game__hud{font-size:7px;gap:6px}.hero{gap:6px}.hero__name{font-size:11px}}.egg{position:fixed;z-index:60;padding:8px}.egg__box{position:relative;width:min(96vw,520px);max-height:96dvh;max-width:none;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.egg__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.egg__head h2{font-size:clamp(10px,2.4vw,14px)}.egg__stage{height:min(72dvh,calc(min(96vw,520px)*1.16 - 30px));display:grid;place-items:center}.egg__canvas{display:block;background:#05050f;border:2px solid var(--line);touch-action:none;image-rendering:auto}.egg__legend{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:10px 14px;flex-wrap:wrap;font-family:var(--f-head);font-size:7px;line-height:1.6}.egg__legend li{display:inline-flex;align-items:center;gap:5px;text-shadow:0 0 6px currentColor}.egg__legend i{width:8px;height:8px;border-radius:4px 4px 0 0;display:inline-block}.egg__hint{margin:0;font-family:var(--f-head);font-size:6px;color:var(--muted);line-height:1.6}@media(max-width:480px){.egg__hint{display:none}}
