:root{--ink:#050707;--panel:#0b1011;--teal:#0de1de;--paper:#f5f5ef;--red:#ff405c;--gold:#ffd34d}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020303;color:var(--paper);font-family:"DM Sans",sans-serif;overscroll-behavior:none}body{display:grid;place-items:center}.game-shell{position:relative;width:min(100vw,500px);height:100dvh;max-height:950px;overflow:hidden;background:var(--ink);isolation:isolate;box-shadow:0 0 80px rgba(13,225,222,.09);touch-action:none}#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 110%,#10292a 0,transparent 50%),linear-gradient(#050707,#081011)}.hud{position:absolute;z-index:5;inset:max(.75rem,env(safe-area-inset-top)) .8rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;opacity:0;transform:translateY(-10px);transition:.25s}.hud.visible{opacity:1;transform:none}.hud>div{background:rgba(5,7,7,.74);border:1px solid rgba(13,225,222,.24);padding:.55rem .5rem;text-align:center;backdrop-filter:blur(6px)}.hud span{display:block;font-size:.56rem;letter-spacing:.18em;color:#87aaa9;font-weight:800}.hud strong{font-family:"Archivo Black",sans-serif;font-size:1.08rem;color:var(--paper)}.hud .time strong{color:var(--teal)}.hud .lives strong{font-family:"DM Sans";font-size:.85rem;letter-spacing:.08em;color:var(--red)}.sound{position:absolute;z-index:8;right:.85rem;bottom:max(.85rem,env(safe-area-inset-bottom));width:42px;height:42px;border:1px solid rgba(13,225,222,.5);border-radius:50%;background:rgba(5,7,7,.8);color:var(--teal);font-size:1.15rem;font-weight:800}.sound.muted{color:#738080;border-color:#475050}.screen{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(1.2rem + env(safe-area-inset-top)) 1.3rem calc(1.2rem + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 36%,rgba(13,225,222,.13),transparent 38%),linear-gradient(180deg,rgba(5,7,7,.94),rgba(5,7,7,.99));opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .35s,transform .35s,visibility .35s}.screen.active{opacity:1;visibility:visible;transform:none}.logo-wrap{width:145px;height:105px;overflow:hidden;margin-bottom:-.35rem}.logo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.kicker{font-size:.64rem;font-weight:800;letter-spacing:.34em;color:var(--teal);margin:.6rem 0}.screen h1,.screen h2{font-family:"Archivo Black",sans-serif;letter-spacing:-.065em;line-height:.82;margin:.45rem 0 1rem;font-size:clamp(3.75rem,17vw,6rem)}.screen h1 span,.screen h2 span{color:var(--teal);text-shadow:0 0 22px rgba(13,225,222,.28)}.mission{font-size:.95rem;line-height:1.5;color:#b8c4c3;margin:.35rem 0 1rem}.mini-guide{display:flex;gap:.85rem;margin:.35rem 0 1.25rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mini-guide span{display:flex;align-items:center;gap:.35rem}.mini-guide b{width:9px;height:9px;border-radius:50%}.good-dot{background:var(--teal);box-shadow:0 0 9px var(--teal)}.bad-dot{background:var(--red);box-shadow:0 0 9px var(--red)}.shield-dot{background:var(--gold);box-shadow:0 0 9px var(--gold)}button{font:inherit;cursor:pointer}.primary{width:min(100%,320px);border:0;background:var(--teal);color:var(--ink);font-family:"Archivo Black",sans-serif;font-size:1rem;letter-spacing:.08em;padding:1rem 1.2rem;box-shadow:7px 7px 0 var(--paper);transition:.15s}.primary:active{transform:translate(5px,5px);box-shadow:2px 2px 0 var(--paper)}.primary span{float:right}.secondary{width:min(100%,320px);border:1px solid var(--teal);background:transparent;color:var(--teal);font-weight:800;letter-spacing:.1em;padding:.82rem 1rem;margin-top:1rem}.control-hint{font-size:.61rem;letter-spacing:.18em;color:#809190;font-weight:800;margin:1.5rem 0 .65rem}.best{font-size:.63rem;letter-spacing:.16em;color:#809190;margin:0}.best strong{color:var(--paper)}.end-screen h2{margin-bottom:1.2rem}.final-score{display:grid;gap:.2rem;margin-bottom:.8rem}.final-score span{font-size:.62rem;letter-spacing:.2em;color:#819392;font-weight:800}.final-score strong{font-family:"Archivo Black";font-size:3rem;color:var(--paper)}.rank{margin:.2rem 0 1rem;font-size:.75rem;color:var(--teal);font-weight:800;letter-spacing:.17em}.new-best{color:var(--gold);font-family:"Archivo Black";font-size:.85rem;letter-spacing:.1em;margin:-.5rem 0 1rem;animation:pulse .8s infinite alternate}.site-link{font-size:.63rem;color:#879796;letter-spacing:.12em;font-weight:800;margin-top:1.4rem;text-decoration:none}.streak{position:absolute;z-index:6;left:50%;top:18%;transform:translateX(-50%) scale(.8);padding:.5rem .85rem;background:var(--teal);color:var(--ink);font-family:"Archivo Black";font-size:.85rem;letter-spacing:.08em;opacity:0;pointer-events:none}.streak.show{animation:pop .7s ease}.flash{position:absolute;z-index:7;inset:0;background:var(--red);opacity:0;pointer-events:none}.flash.hit{animation:flash .25s ease}@keyframes pop{0%{opacity:0;transform:translateX(-50%) scale(.6)}20%,70%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(1.1)}}@keyframes flash{0%,100%{opacity:0}45%{opacity:.18}}@keyframes pulse{to{transform:scale(1.06)}}@media(max-height:690px){.logo-wrap{width:100px;height:68px}.screen h1,.screen h2{font-size:3.3rem}.mission{margin:.2rem 0 .65rem}.mini-guide{margin-bottom:.9rem}.control-hint{margin-top:1rem}.screen{justify-content:flex-start;padding-top:5vh}.end-screen{justify-content:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}