*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090b10;color:#fff;font-family:Inter,system-ui,Segoe UI,sans-serif}#game{position:fixed;inset:0}canvas{display:block}.brand{position:fixed;top:22px;left:24px;font-weight:900;letter-spacing:.12em;font-size:13px;text-shadow:0 2px 12px #000}.brand span{font-size:18px;margin-right:8px}.stats{position:fixed;top:20px;right:24px;display:flex;gap:24px;align-items:flex-end;text-align:right}.stats small{display:block;font-size:9px;letter-spacing:.16em;opacity:.7;margin-bottom:5px}.stats b{font-size:14px}.bar{width:140px;height:7px;background:#2a2930;border-radius:99px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.bar i{display:block;height:100%;width:100%;background:#e85d62;transition:width .2s}.hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;opacity:.55;letter-spacing:.04em;white-space:nowrap}.crosshair{position:fixed}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:200;opacity:.65;pointer-events:none;text-shadow:0 0 8px #000}#message{position:fixed;left:50%;top:62%;transform:translate(-50%,-50%);font-size:14px;font-weight:800;letter-spacing:.15em;opacity:0;transition:.25s;text-shadow:0 2px 10px #000}#start{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#252b3b99,#05070bdd 70%);backdrop-filter:blur(5px)}.panel{width:min(520px,calc(100% - 36px));padding:42px;border:1px solid #ffffff1a;background:#0d1018dd;box-shadow:0 25px 80px #0008;border-radius:18px}.eyebrow{font-size:10px;letter-spacing:.25em;opacity:.55;font-weight:800}.panel h1{font-size:54px;line-height:.94;margin:14px 0 18px;letter-spacing:-.04em}.panel h1 span{opacity:.55}.panel p{color:#c2c6d1;line-height:1.6;margin-bottom:28px}.panel button{border:0;background:#e9e1cf;color:#111;padding:15px 22px;border-radius:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.panel button:hover{transform:translateY(-1px);filter:brightness(1.06)}.panel small{display:block;margin-top:18px;opacity:.4;font-size:10px}@media(max-width:700px){.panel{padding:30px}.panel h1{font-size:40px}.hint{font-size:9px;bottom:12px}.brand{top:14px;left:14px}.stats{top:14px;right:14px}.bar{width:90px}}