:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050606;color:#eef2ea}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(172,196,178,.08),transparent 34%),#050606}button{font:inherit}#app{position:fixed;inset:0;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:fixed;inset:0;pointer-events:none;color:#e8efe7;--screen-fuzz: .36;--screen-jitter: .12}.hud:after{position:absolute;inset:0;content:"";pointer-events:none}.hud:after{inset:50% auto auto 50%;z-index:4;width:8px;height:8px;border:1px solid rgba(232,239,231,.76);transform:translate(-50%,-50%);opacity:0}.hud--locked:after{opacity:.82}.hud__message,.hud__debug,.hud__fps{position:absolute;z-index:3;text-transform:uppercase;letter-spacing:0;text-shadow:0 1px 10px rgba(0,0,0,.72)}.hud__message{left:50%;bottom:32px;max-width:min(520px,calc(100vw - 32px));transform:translate(-50%);color:#e8efe7c2;font-size:clamp(.72rem,1vw,.86rem);text-align:center}.hud__message:empty{display:none}.hud__debug{right:18px;top:18px;width:min(410px,calc(100vw - 36px));padding:12px 14px;border:1px solid rgba(169,216,178,.24);background:#060a09bd;color:#b8e1c0;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1.55;white-space:pre-line;opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.hud__debug--visible{opacity:1;transform:translateY(0)}.hud__fps{left:16px;top:14px;min-width:118px;padding:7px 9px;border:1px solid rgba(169,216,178,.22);background:#060a099e;color:#d8eee0e6;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1}.hud__fps--low{border-color:#ffa07e80;color:#ffd8c8}.hud__prompt{position:absolute;left:50%;top:50%;z-index:4;min-width:178px;min-height:44px;border:1px solid rgba(227,239,229,.36);background:#070a0ab8;color:#eef2ea;pointer-events:auto;text-transform:uppercase;letter-spacing:0;transform:translate(-50%,-50%);transition:opacity .16s ease,border-color .16s ease}.hud__prompt:hover{border-color:#a9d8b2b8}.hud--locked .hud__prompt{opacity:0;pointer-events:none}.hud--paused .hud__prompt{opacity:1;pointer-events:none}.hud__screen-effects{position:absolute;inset:-2%;z-index:1;overflow:hidden;pointer-events:none;transform:translate3d(calc((var(--screen-jitter) - .1) * .35px),calc((.16 - var(--screen-jitter)) * .35px),0) scale(1.005)}.hud__screen-effects:before,.hud__screen-effects:after{position:absolute;inset:0;content:"";pointer-events:none}.hud__screen-effects:before{background:linear-gradient(rgba(255,255,255,.034) 50%,transparent 50%) 0 0 / 100% 4px,linear-gradient(90deg,rgba(255,45,45,.035),transparent 11%,transparent 87%,rgba(80,170,255,.04)),radial-gradient(circle at 50% 50%,transparent 48%,rgba(0,0,0,.58) 100%);mix-blend-mode:screen;opacity:calc(.28 + var(--screen-fuzz) * .36);animation:screen-scan 5.8s linear infinite}.hud__screen-effects:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.78'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:92px 92px;mix-blend-mode:screen;opacity:calc(.045 + var(--screen-fuzz) * .12);transform:translateZ(0);animation:screen-noise-shift .28s steps(2,end) infinite,screen-flicker 3.7s steps(1,end) infinite}.hud__fade{position:absolute;inset:0;z-index:2;background:#020303;opacity:0;pointer-events:none}.hud__fade--flash{animation:portal-flash .52s ease-out}@keyframes portal-flash{0%{opacity:0}30%{opacity:.88}to{opacity:0}}@keyframes screen-scan{0%{background-position:0 0,0 0,0 0}to{background-position:0 24px,0 0,0 0}}@keyframes screen-noise-shift{0%{transform:translate3d(-1.5%,-1%,0)}50%{transform:translate3d(1%,1.25%,0)}to{transform:translate3d(-.75%,.5%,0)}}@keyframes screen-flicker{0%,84%,to{filter:brightness(1)}85%{filter:brightness(1.35)}86%{filter:brightness(.82)}}@media(max-width:720px){.hud__debug{inset:auto 14px 68px;width:auto}}