@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=VT323&display=swap";:root{color:#f5f7ff;background:#05070d;font-family:Space Grotesk,system-ui,sans-serif;font-synthesis:none;--ink: #05070d;--paper: #f5f7ff;--mint: #57f0d2;--gold: #ffcc4d;--violet: #9b8cff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 50% 40%,#13233c 0,#05070d 62%)}button,a{font:inherit}button{color:inherit}#game-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#05070d}#game-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-container canvas{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;image-rendering:pixelated}.screen{position:absolute;inset:0;z-index:30;display:grid;place-items:center}.is-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.start-screen{background:#030408;transition:opacity .35s ease}.start-screen__scanlines{position:absolute;inset:0;opacity:.2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 5px)}.start-screen__content{position:relative;z-index:1;width:min(92vw,760px);padding:2rem;text-align:center}.eyebrow{margin:0 0 1rem;color:var(--mint);font:1.5rem/1 VT323,monospace;letter-spacing:.22em}h1{margin:0;font:clamp(5rem,13vw,9rem)/.7 "VT323",monospace;letter-spacing:-.04em;text-shadow:6px 6px 0 #312a6b}h1 span{color:var(--gold)}.journey{margin:2rem 0 2.5rem;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:600}.journey b{color:var(--mint);padding:0 .25rem}.pixel-button{border:3px solid var(--paper);background:transparent;padding:.8rem 1.4rem;font:1.65rem/1 VT323,monospace;letter-spacing:.08em;box-shadow:5px 5px 0 var(--violet);cursor:pointer;animation:pulse 1.1s steps(2,end) infinite}.pixel-button:hover,.pixel-button:focus-visible{color:var(--ink);background:var(--gold);outline:3px solid var(--mint);outline-offset:5px}.instruction{margin:1.35rem 0 0;color:#aeb9cf;font:1.15rem/1 VT323,monospace;letter-spacing:.12em}.skip-button{position:absolute;z-index:50;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));border:1px solid rgba(255,255,255,.45);background:#05070dc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.56rem .75rem;font:1rem/1 VT323,monospace;letter-spacing:.08em;cursor:pointer}.skip-button:hover,.skip-button:focus-visible{color:var(--ink);background:var(--mint);outline:2px solid white;outline-offset:3px}.sound-button{position:absolute;z-index:50;top:max(1rem,env(safe-area-inset-top));right:max(7.15rem,calc(env(safe-area-inset-right) + 6.15rem));width:2.45rem;height:2.15rem;border:1px solid rgba(255,255,255,.45);color:#fff;background:#05070dc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1rem;line-height:1;cursor:pointer}.sound-button:hover,.sound-button:focus-visible{color:var(--ink);background:var(--mint);outline:2px solid white;outline-offset:3px}.pause-button{position:absolute;z-index:50;top:max(1rem,env(safe-area-inset-top));right:max(10.1rem,calc(env(safe-area-inset-right) + 9.1rem));width:2.45rem;height:2.15rem;border:1px solid rgba(255,255,255,.45);color:#fff;background:#05070dc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:1.15rem/1 VT323,monospace;cursor:pointer}.pause-button:hover,.pause-button:focus-visible{color:var(--ink);background:var(--mint);outline:2px solid white;outline-offset:3px}.pause-overlay{position:absolute;inset:0;z-index:45;display:grid;place-items:center;background:#02050cad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause-overlay__panel{display:grid;justify-items:center;gap:1rem;padding:1.2rem 1.65rem;text-align:center}.pause-overlay__panel strong{color:#fff;font:clamp(3.8rem,10vw,7rem)/.8 "VT323",monospace;letter-spacing:.08em;text-shadow:5px 5px 0 #433a92}.resume-button{border:2px solid var(--mint);padding:.52rem 1.2rem;color:var(--mint);background:#05070dd1;font:1.35rem/1 VT323,monospace;letter-spacing:.12em;cursor:pointer}.resume-button:hover,.resume-button:focus-visible{color:var(--ink);background:var(--mint);outline:2px solid white;outline-offset:4px}.journey-hud{position:absolute;z-index:20;top:max(1rem,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:.55rem;transform:translate(-50%);padding:.52rem .8rem;border:1px solid rgba(115,186,255,.25);color:#71829e;background:#030812c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:.84rem/1 VT323,monospace;letter-spacing:.08em;white-space:nowrap;transition:opacity .25s ease}.journey-hud b{color:#45536a;font-weight:400}.journey-hud span{transition:color .25s ease,text-shadow .25s ease}.journey-hud span.is-current{color:var(--gold);text-shadow:0 0 10px rgba(255,204,77,.75)}.score-hud{position:absolute;z-index:20;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));display:flex;align-items:baseline;gap:.48rem;min-width:9.5rem;padding:.5rem .65rem;border:1px solid rgba(87,240,210,.38);color:#b7c9dc;background:#030812cc;box-shadow:4px 4px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:.9rem/1 VT323,monospace;letter-spacing:.08em;transition:opacity .2s ease}.score-hud strong{color:var(--gold);font-size:1.35rem;font-weight:400;text-shadow:0 0 8px rgba(255,204,77,.6)}.score-hud.is-pop strong{animation:score-pop .28s steps(2,end)}.zone-overlay{position:absolute;z-index:17;top:18%;left:max(2rem,8vw);display:flex;flex-direction:column;gap:.25rem;max-width:min(72vw,620px);padding:.7rem 1rem .8rem;border-left:4px solid var(--mint);color:#fff;background:linear-gradient(90deg,rgba(3,8,18,.9),rgba(3,8,18,.28) 78%,transparent);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.zone-overlay:not(.is-hidden){animation:zone-in .28s steps(3,end)}.zone-overlay strong{font:clamp(2.5rem,6vw,5rem)/.78 "VT323",monospace;letter-spacing:.04em;text-shadow:4px 4px 0 #283263}.zone-overlay span{color:#c7d8ef;font:clamp(.85rem,1.8vw,1.12rem)/1.2 "Space Grotesk",sans-serif}.announcement{position:absolute;z-index:18;left:50%;top:18%;width:min(88vw,690px);transform:translate(-50%,-18px);opacity:0;text-align:center;pointer-events:none;transition:.25s ease}.announcement.is-visible{opacity:1;transform:translate(-50%)}.announcement__box{display:inline-block;padding:.65rem 1rem;border:2px solid currentColor;color:var(--gold);background:#05070de6;box-shadow:6px 6px #0006;font:clamp(1rem,2.5vw,1.45rem)/1.1 "VT323",monospace;letter-spacing:.05em}.announcement__box small{display:block;margin-top:.35rem;color:#fff;font-size:.72em;letter-spacing:.07em}.jump-prompt{position:absolute;z-index:15;left:50%;bottom:1.25rem;transform:translate(-50%);padding:.4rem .65rem;color:#dce5f5;background:#05070db3;font:1rem/1 VT323,monospace;letter-spacing:.1em;transition:opacity .3s ease}.end-screen{background:#030408;transition:opacity .25s ease}.end-screen__glitch{position:absolute;font:clamp(3.2rem,10vw,7rem)/1 "VT323",monospace;text-align:center;letter-spacing:.03em}.end-screen__glitch{color:var(--mint);text-shadow:-6px 0 #ff3b8e,6px 0 #4b7dff;animation:glitch .18s steps(2) 5}.profile-card{position:relative;width:min(92vw,780px);padding:clamp(1.5rem,5vw,3.5rem);border:3px solid rgba(103,199,255,.85);color:var(--paper);background:linear-gradient(145deg,#0d1939fa,#060918fa);box-shadow:14px 14px #2f2b70,0 0 42px #57f0d21f;text-align:center;transition:opacity .55s ease,transform .55s ease}.profile-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(87,240,210,.2);pointer-events:none}.profile-card.is-hidden{transform:translateY(20px)}.profile-card__kicker{position:relative;margin:0 0 .7rem;color:var(--mint);font:1rem/1 VT323,monospace;letter-spacing:.22em}.profile-card h2{position:relative;margin:0;color:#fff;font:clamp(3.2rem,9vw,6rem)/.85 "VT323",monospace;letter-spacing:.02em;text-shadow:5px 5px 0 #433a92}.profile-card__statement{position:relative;margin:.85rem auto 1.5rem;color:#cbd9f4;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.45}.final-score{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;margin:1.2rem auto 0;padding:.72rem 1.35rem;border:2px solid rgba(87,240,210,.65);background:#020817c7;font:1.3rem/1 VT323,monospace;letter-spacing:.11em}.final-score span{color:#a8bad8}.final-score strong{color:var(--gold);font-size:clamp(2.5rem,6vw,3.6rem);font-weight:400;line-height:.85;text-shadow:0 0 12px rgba(255,204,77,.58)}.final-score b{font-weight:400}.profile-card__actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.profile-card__actions a{display:inline-block;border:2px solid #778eb4;padding:.68rem 1rem;color:#e7f4ff;background:#121f41d9;text-decoration:none;font:1.12rem/1 VT323,monospace;letter-spacing:.09em}.profile-card__actions a:first-child{border-color:var(--mint);color:#06101d;background:var(--mint)}.profile-card__actions a:hover,.profile-card__actions a:focus-visible{color:#06101d;background:var(--gold);outline:3px solid var(--mint);outline-offset:3px}.replay-button{position:relative;margin-top:1.35rem;padding:.3rem .5rem;border:0;color:#9aaecb;background:transparent;font:1.05rem/1 VT323,monospace;letter-spacing:.1em;cursor:pointer}.replay-button:hover,.replay-button:focus-visible{color:var(--mint);outline:2px solid var(--mint);outline-offset:4px}@keyframes pulse{50%{transform:translateY(3px);box-shadow:2px 2px 0 var(--violet)}}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-8px,3px)}50%{transform:translate(7px,-2px)}75%{transform:translate(-3px,-4px)}}@keyframes score-pop{50%{color:#fff;transform:scale(1.35);text-shadow:0 0 14px var(--gold)}}@keyframes zone-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media(max-width:720px){.start-screen__content{padding:1rem}.journey-hud{top:max(.7rem,env(safe-area-inset-top));right:5.55rem;left:max(.65rem,env(safe-area-inset-left));justify-content:space-between;gap:.15rem;transform:none;padding:.46rem .42rem;overflow:hidden;font-size:clamp(.48rem,2.25vw,.65rem);letter-spacing:0}.journey-hud b{padding:0 .05rem}.score-hud{top:max(3.35rem,calc(env(safe-area-inset-top) + 3rem));left:max(.65rem,env(safe-area-inset-left));min-width:0;padding:.42rem .52rem;font-size:.72rem}.score-hud strong{font-size:1.08rem}.sound-button{top:max(3.35rem,calc(env(safe-area-inset-top) + 3rem));right:max(.65rem,env(safe-area-inset-right));width:2.15rem;height:1.95rem}.pause-button{top:max(3.35rem,calc(env(safe-area-inset-top) + 3rem));right:max(3.15rem,calc(env(safe-area-inset-right) + 2.5rem));width:2.15rem;height:1.95rem}.announcement{top:21%}.zone-overlay{top:18%;left:.75rem;max-width:78vw;padding:.55rem .7rem .62rem}.profile-card{width:88vw;box-shadow:9px 9px 0 var(--mint)}.profile-card__actions{gap:.5rem}.profile-card__actions a{flex:1 1 auto;padding:.65rem .7rem;text-align:center}}@media(max-aspect-ratio:4 / 5){#game-container{justify-content:flex-start}#game-container canvas{position:relative;top:auto;left:auto!important;flex:0 0 auto;width:177.778vh!important;height:100vh!important;max-width:none;max-height:none;margin:0!important;transform:none!important}}@media(max-height:540px){h1{font-size:4.5rem}.journey{margin:1rem 0 1.25rem}.profile-card{padding:1.25rem 1.5rem}.profile-card__kicker{margin-bottom:.45rem}.profile-card h2{font-size:2.8rem}.profile-card__path{margin:.7rem 0}.profile-card__statement{margin-bottom:.8rem;font-size:1rem}.final-score{margin-top:.75rem;padding:.5rem 1rem}.final-score strong{font-size:2.35rem}.replay-button{margin-top:.75rem}.journey-hud{top:.45rem}.zone-overlay{top:16%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}