:root{color-scheme:dark;font-family:Courier New,ui-monospace,monospace;background:#010208;color:#edf4ff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:#010208}#game{position:fixed;inset:0;overflow:hidden}canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;image-rendering:auto}button{font:900 .8rem/1 Courier New,monospace;letter-spacing:.08em;color:#071018;background:#afffe8;border:0;padding:1rem 1.4rem;cursor:pointer;box-shadow:5px 5px #183934}button:hover{background:#fff;transform:translate(-1px,-1px);box-shadow:7px 7px #183934}button:disabled{cursor:wait;color:#60776f;background:#17241f;box-shadow:5px 5px #0b1512;transform:none}button:focus-visible{outline:3px solid #fff;outline-offset:5px}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .16s linear}.screen.active{opacity:1;visibility:visible}#intro{background:radial-gradient(circle at 50% 30%,rgba(15,28,55,.45),transparent 52%),#02040a}#intro:after,.death-screen:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#9bcfff 4px);mix-blend-mode:screen;animation:tracking .23s steps(2) infinite}@keyframes tracking{50%{transform:translateY(3px);opacity:.12}}.vhs-card{position:relative;width:min(92vw,760px);padding:clamp(1.6rem,4vw,3.8rem);border:1px solid #3d506c;background:#02060ff0;box-shadow:0 0 90px #205aa12e,inset 0 0 50px #2347701a}.eyebrow{margin:0 0 1.4rem;color:#6fb7ce;font-size:.72rem;letter-spacing:.22em}h1{margin:0;color:#e9f1ff;font:900 clamp(4.3rem,13vw,8.5rem)/.67 Impact,Haettenschweiler,sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-shadow:4px 0 #194a61,-3px 0 #661e34}h1 span{color:#5e779a;font-size:.61em;letter-spacing:.08em}.tagline{max-width:35rem;margin:2rem 0;color:#c3cada;font-size:1rem}.rules{display:grid;gap:.7rem;margin:0 0 2rem;padding:1.1rem;background:#080d18;border-left:3px solid #4a8da3;color:#8f9daf;font-size:.78rem;line-height:1.45}.rules p{margin:0}.rules b{color:#e5edf9}.fineprint{margin:1.7rem 0 0;color:#526176;font-size:.68rem}#hud{pointer-events:none;position:fixed;inset:0;z-index:10;padding:1.25rem;transition:opacity .2s}#hud.hidden{opacity:0}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hud-top>div:first-child{display:grid;gap:.1rem}.label{color:#8292a7;font-size:.62rem;letter-spacing:.16em}#distance{font-size:1.6rem}.status{color:#dbe9ff;background:#01050db8;border:1px solid #29384f;padding:.7rem 1rem;font-size:.72rem;letter-spacing:.12em}#outrun-warning{position:absolute;top:5.7rem;left:50%;width:min(92vw,720px);padding:.7rem 1rem;transform:translate(-50%);opacity:0;visibility:hidden;color:#fff;background:#8b0015;border:3px solid #ff455d;box-shadow:0 0 35px #ff123fbb,inset 0 0 20px #2d0008;font-weight:900;font-size:clamp(.68rem,1.5vw,1rem);letter-spacing:.13em;text-align:center}#outrun-warning.active{visibility:visible;animation:outrun-flash .34s steps(2,end) infinite}@keyframes outrun-flash{0%,to{opacity:1;filter:brightness(1.45)}50%{opacity:.3;filter:brightness(.75)}}.health-panel{width:min(22vw,210px);display:grid;gap:.35rem}.health-copy,.threat{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.health-copy strong,.threat strong{color:#d9fff0;font-size:.88rem}.health-track{height:12px;overflow:hidden;border:1px solid #5d7182;background:#000000b8;box-shadow:inset 0 0 8px #000}.health-track i{display:block;width:100%;height:100%;transform:scaleX(var(--health, 1));transform-origin:left;background:linear-gradient(90deg,#ff3d4f 0 32%,#ffd95a 33% 65%,#54ffbc 66%);transition:transform .22s ease-out}.threat{display:grid;gap:.15rem;text-align:right}.threat strong{color:#ffbb76}body[data-static-phase=fade] .status{color:#fff2c2;border-color:#807044}body[data-static-phase=hold] .status{color:#ff9696;border-color:#8a3030;animation:warn .2s steps(2) infinite}@keyframes warn{50%{background:#4d1010}}@media(prefers-reduced-motion:reduce){#outrun-warning.active{animation:none;opacity:1}}.icon-button{pointer-events:auto;padding:.65rem .8rem;color:#a8b6c9;background:#01050db3;box-shadow:none;border:1px solid #29384f;font-size:.62rem}.icon-button:hover{transform:none;box-shadow:none;background:#142034}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border:1px solid #d7efff;border-radius:50%;box-shadow:0 0 7px #7bbcff}#danger-frame{position:absolute;inset:0;opacity:var(--danger, 0);box-shadow:inset 0 0 28px 7px #2070fff2,inset 0 0 90px 18px #0a32be75;border:3px solid rgba(82,151,255,.9);animation:danger-pulse .52s ease-in-out infinite alternate}body.hurt #hud:after{content:"";position:absolute;inset:0;background:#ff0f234d;box-shadow:inset 0 0 100px #b00012;animation:hurt-flash .38s ease-out forwards}@keyframes hurt-flash{to{opacity:0}}@keyframes danger-pulse{0%{filter:brightness(.75)}to{filter:brightness(1.55)}}.controls-hint{position:absolute;bottom:1.15rem;left:50%;display:grid;justify-items:center;gap:.45rem;transform:translate(-50%);color:#8d9bae;background:#01040ab8;padding:.5rem .75rem;font-size:.58rem;letter-spacing:.1em;white-space:nowrap}.lobby-actions{pointer-events:none;display:flex;align-items:center;justify-content:center;gap:.4rem}.lobby-actions .icon-button{pointer-events:auto;padding:.48rem .62rem;color:#baffea;border-color:#356a60;font-size:.54rem}.lobby-actions .icon-button:disabled{pointer-events:none;color:#52606d;border-color:#28313c;background:#050a11c7;box-shadow:none}.lobby-actions small{color:#668078;font-size:.48rem;letter-spacing:.14em}#webgpu-badge{position:absolute;left:1.25rem;bottom:1.25rem;color:#4e617a;font-size:.55rem;letter-spacing:.12em}#contract-status{position:absolute;right:1.25rem;bottom:1.25rem;color:#73998b;font-size:.55rem;letter-spacing:.12em}#heal-quota{position:absolute;left:1.25rem;bottom:2.15rem;color:#6c8f86;font-size:.55rem;letter-spacing:.12em}#pause{pointer-events:none;background:#000208c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-copy{pointer-events:auto;text-align:center}.pause-copy p{margin:0 0 1.5rem;font-weight:900;letter-spacing:.15em}.regen-screen{z-index:80;background:#02050cf2}.regen-screen>div{display:grid;justify-items:center;gap:.8rem;width:min(88vw,620px);padding:2.2rem;border:2px solid #4e8e86;background:#07120f;box-shadow:0 0 70px #2dffd633;text-align:center}.regen-screen strong{font:900 clamp(1.5rem,5vw,3.4rem)/.9 Impact,sans-serif;letter-spacing:.08em;color:#d9fff4}.regen-screen span{font:900 clamp(3rem,11vw,7rem)/1 Impact,sans-serif;color:#71ffd1}.regen-screen small{color:#68877e;font-size:.58rem;letter-spacing:.12em}#simon{pointer-events:none;position:fixed;z-index:35;left:50%;top:56%;display:none;justify-items:center;gap:.35rem;transform:translate(-50%,-50%);padding:1rem 2.2rem;color:#fff;background:#000000e6;border:3px solid #ff465f;box-shadow:0 0 40px #ff163b80;text-align:center}#simon.active{display:grid;animation:simon-pop .13s steps(2)}#simon span,#simon small{font-weight:900;letter-spacing:.18em}#simon strong{font:900 clamp(5rem,15vw,9rem)/.85 Impact,sans-serif;color:#fff;text-shadow:5px 5px #d20b36}@keyframes simon-pop{0%{transform:translate(-50%,-50%) scale(.72) rotate(-2deg)}}#cinema-bars{pointer-events:none;position:fixed;inset:0;z-index:34;visibility:hidden}#cinema-bars:before,#cinema-bars:after{content:"";position:absolute;left:0;width:100%;height:clamp(9vh,12vw,16vh);background:#000;transform:scaleY(0);transition:transform .18s ease-out}#cinema-bars:before{top:0;transform-origin:top}#cinema-bars:after{bottom:0;transform-origin:bottom}body.gren-cutscene #cinema-bars{visibility:visible}body.gren-cutscene #cinema-bars:before,body.gren-cutscene #cinema-bars:after{transform:scaleY(1)}body.gren-cutscene #hud{opacity:.28}#roller-overlay{pointer-events:none;position:fixed;inset:0;z-index:45;display:none;place-items:center;overflow:hidden;background:#000c}#roller-overlay.active{display:grid;animation:roller-hit .7s steps(3)}#roller-overlay img{width:min(100vw,900px);height:100%;object-fit:cover;opacity:.74}#roller-overlay div{position:absolute;display:grid;justify-items:center;color:#fff;text-shadow:5px 5px #000}#roller-overlay span{font-weight:900;letter-spacing:.2em}#roller-overlay strong{font:900 clamp(8rem,26vw,18rem)/.8 Impact,sans-serif;color:#ffdd58;-webkit-text-stroke:5px #160500}@keyframes roller-hit{0%,to{transform:translate(0)}25%{transform:translate(12px,-7px)}60%{transform:translate(-9px,5px)}}#contract{position:fixed;inset:0;z-index:55;display:none;place-items:center;padding:1rem;background:#000309e0}#contract.active{display:grid}.contract-card{width:min(900px,96vw);padding:clamp(1.2rem,3vw,2.4rem);border:2px solid #4effb8;background:#06110f;box-shadow:0 0 60px #19b47c40}.contract-card h2{margin:0;font:900 clamp(2.4rem,7vw,5.2rem)/.83 Impact,sans-serif;color:#dffff4}.contract-card>p:not(.eyebrow){color:#91aa9f}.contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.25rem 0}.contract-grid button{display:grid;gap:.7rem;min-height:150px;padding:1rem;text-align:left;box-shadow:none;border:1px solid #27594a;background:#0d251e}.contract-grid button:hover{transform:translateY(-2px);box-shadow:0 6px #173e32}.contract-grid button span{color:#8dffd7;font-size:.7rem}.contract-grid button i{color:#ff9da8;font-size:.65rem;font-style:normal}.contract-skip{width:100%;box-shadow:none;color:#a6b8b1;background:#101916}#explosion{pointer-events:none;position:fixed;inset:0;z-index:40;display:grid;place-items:center;opacity:0;visibility:hidden;background:#ff50004d}#explosion.active{visibility:visible;animation:boom 1.05s ease-out}#explosion img{width:min(72vw,720px);filter:saturate(1.4) contrast(1.2);transform:scale(.3) rotate(-7deg)}#explosion strong{position:absolute;font:900 clamp(4rem,17vw,12rem)/1 Impact,sans-serif;color:#fff;-webkit-text-stroke:4px #220800;transform:rotate(-8deg)}@keyframes boom{0%{opacity:0}8%,58%{opacity:1}to{opacity:0}}#explosion.active img{animation:boom-image 1.05s ease-out}@keyframes boom-image{0%{transform:scale(.2) rotate(-17deg)}18%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1.5) rotate(8deg);opacity:0}}#particles{position:absolute;inset:50%}#particles i{position:absolute;width:20px;height:20px;background:#ffdb3b;box-shadow:0 0 16px #ff3500;animation:debris 1s ease-out forwards}@keyframes debris{to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(0);background:#391000}}.death-screen{z-index:60;overflow:hidden;text-align:center;background:#000;transition:none}.death-screen.active{animation:death-cut 3.8s both}@keyframes death-cut{0%,19%{background:#000}to{background:#050505}}#death-copy{position:absolute;z-index:2;top:8%;opacity:0;animation:reveal-copy .4s 2.5s forwards}@keyframes reveal-copy{to{opacity:1}}.death-screen h2{margin:0;font:900 clamp(2.7rem,8vw,6rem)/.9 Impact,sans-serif;letter-spacing:.03em;color:#fff}.death-screen #death-reason{color:#aaa;font-size:.78rem}#friend{width:min(100vw,860px);height:100%;object-fit:contain;opacity:0;filter:grayscale(.7) contrast(1.25);animation:friend-in 2.8s .65s ease-in forwards}@keyframes friend-in{0%{opacity:0;transform:scale(1.06)}to{opacity:.48;transform:scale(1)}}#restart{position:absolute;z-index:3;bottom:8%;opacity:0;animation:reveal-copy .5s 3.1s forwards}@media(max-width:640px){.vhs-card{border-left:0;border-right:0}.hud-top{flex-wrap:wrap}.health-panel{width:42vw}.status{order:5;width:100%;text-align:center}.controls-hint{bottom:2.6rem;max-width:96vw;font-size:.42rem;white-space:normal;text-align:center}.lobby-actions{flex-wrap:wrap}.contract-grid{grid-template-columns:1fr}.contract-grid button{min-height:90px}}