:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf4eb;--mint:#a7ffcc;--red:#ff7057;--muted:#adc2ba;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#stage{background:#131a1c;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;position:fixed;inset:0}#stage canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}button{font:inherit;cursor:pointer;touch-action:none}button:focus-visible{outline-offset:4px;outline:2px solid #fff}[hidden]{display:none!important}.overlay{background:linear-gradient(90deg,#0a1316f5 0%,#10191bd4 32%,#0d171961 64%,#0a131626);align-items:center;padding:16px max(20px,7vw);display:grid;position:absolute;inset:0;overflow:auto}.card{max-width:480px;padding:16px 0 18px}.eyebrow,small,.actions,#clock,#prompt,#objective,#touch,.overlay #controls{font-family:Consolas,Courier New,monospace}.eyebrow{letter-spacing:.16em;color:var(--mint);white-space:nowrap;font-size:12px;font-weight:700}.eyebrow i,#clock i{background:currentColor;width:7px;height:7px;margin-right:7px;display:inline-block}.eyebrow span{opacity:.6}h1{letter-spacing:-.095em;margin:24px 0 21px;font-size:clamp(64px,12vw,160px);font-weight:900;line-height:.76}h1 em{color:var(--mint);font-style:normal}p{margin:0 0 22px;line-height:1.5}#copy{color:#e7f3ed;font-size:clamp(16px,2vw,21px)}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button{background:var(--mint);color:#13251f;letter-spacing:.06em;border:0;min-height:49px;padding:0 17px;font-size:14px;font-weight:700}.actions button b{padding-left:24px;font-size:17px}.actions #vr{color:var(--mint);background:#1b292b;border:1px solid #5b806d}.actions button:disabled{opacity:.5;cursor:wait}#controls{color:#b6c7c0;margin:15px 0 0;font-size:12px}#hud{pointer-events:none;position:absolute;inset:0}header,footer{left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));text-shadow:0 1px 5px #020706,0 0 14px #081616;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}header{top:max(15px,env(safe-area-inset-top));padding-right:47px}footer{bottom:max(15px,env(safe-area-inset-bottom))}small{letter-spacing:.11em;color:#cae0d6;margin-bottom:4px;font-size:10px;display:block}strong{font-size:19px}footer>div:last-child{text-align:right}#clock{color:var(--mint);letter-spacing:.07em;white-space:nowrap;background:#121c1fe8;border:1px solid #7ba694;padding:7px;font-size:11px}#clock[data-live=true]{color:#ffd28e;border-color:#ffd28e}#clock[data-live=true] i{border-radius:100%}#health{color:var(--mint);white-space:nowrap;letter-spacing:2px}#objective{text-align:center;color:#e2f3eb;font-size:12px;font-weight:700}#crosshair,#prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair{filter:drop-shadow(0 0 2px #10251b);border:1px solid #d4ffe7b0;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}#crosshair i{background:#fff;width:2px;height:2px}#crosshair.target{border:2px solid var(--mint);border-radius:0;transform:translate(-50%,-50%)rotate(45deg)}#prompt{text-align:center;color:#d5ffe4;white-space:nowrap;background:#10221eea;padding:6px 9px;font-size:12px;font-weight:700;top:58%}#prompt:empty{display:none}#pause{pointer-events:auto;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));color:#d7f9e6;background:#10201de0;border:1px solid #86ae99;width:44px;height:44px;font-size:16px;position:absolute}#hit{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 65px 12px #ff472f}#touch{pointer-events:none;position:absolute;inset:0}#stick,#touchActions button{pointer-events:auto;touch-action:none;color:#ddf8e7;background:#10201de3;border:1px solid #8bb3a1}#stick{bottom:max(66px,calc(env(safe-area-inset-bottom) + 51px));left:max(14px,env(safe-area-inset-left));border-radius:100%;place-items:center;width:90px;height:90px;display:grid;position:absolute}#stick i{pointer-events:none;background:#91c6af;border-radius:100%;width:34px;height:34px}#touchActions{right:max(12px,env(safe-area-inset-right));bottom:max(66px,calc(env(safe-area-inset-bottom) + 51px));grid-template-columns:repeat(2,50px);gap:6px;display:grid;position:absolute}#touchActions button{min-height:45px;padding:0;font-size:10px;font-weight:700}#touchActions #fire{color:#13241e;background:#c7f4db;grid-column:1/-1}.touch #prompt{top:54%}@media (height<=480px){h1{margin:16px 0;font-size:clamp(54px,17vh,94px)}.card{padding:6px 0}p{margin-bottom:12px}#controls{margin-top:10px}#stick{width:72px;height:72px;bottom:53px}#touchActions{bottom:53px}}@media (width<=365px){header,footer{gap:6px;left:9px;right:9px}#objective{font-size:10px}strong{font-size:15px}#clock{font-size:9px}header{padding-right:50px}}
