:root{--amber: #ffb43c;--amber-dim: #a4691a;--ink: #06080c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--amber);font-family:Impact,Haettenschweiler,Arial Narrow Bold,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}#crosshair{position:fixed;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffe0a0d9;box-shadow:0 0 4px #000000e6}#crosshair:before{left:50%;top:0;width:2px;height:26px;margin-left:-1px}#crosshair:after{top:50%;left:0;height:2px;width:26px;margin-top:-1px}#crosshair .gap{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:transparent;box-shadow:0 0 0 4px var(--ink);border-radius:50%;mix-blend-mode:destination-out}#hitmarker{position:absolute;inset:-6px;opacity:0;background:linear-gradient(45deg,transparent 46%,#ff5b3c 46%,#ff5b3c 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#ff5b3c 46%,#ff5b3c 54%,transparent 54%);pointer-events:none}#damage{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#b4000000 35%,#be140ae6);transition:opacity 60ms linear}#hud{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,#06080ceb,#06080c00);pointer-events:none}.gauge{min-width:132px;padding:6px 14px 4px;border:2px solid var(--amber-dim);border-radius:4px;background:#0c0a08b8;text-align:center;box-shadow:inset 0 0 18px #ffa0281f}.gauge .label{display:block;font-size:11px;letter-spacing:2px;color:var(--amber-dim)}.gauge .value{display:block;font-size:38px;line-height:1;color:var(--amber);text-shadow:0 0 12px rgba(255,150,40,.55)}.gauge .value.low{color:#ff5a3c;text-shadow:0 0 14px rgba(255,60,30,.7);animation:pulse .7s steps(2,end) infinite}@keyframes pulse{50%{opacity:.45}}#debug{position:fixed;top:8px;right:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#ffb43c8c;pointer-events:none}#feed{position:fixed;top:14px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.feed-line{font-size:20px;letter-spacing:1px;color:#ffd47a;text-shadow:0 2px 0 #000,0 0 16px rgba(255,140,0,.6);animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#1e1006d1,#040508f5);backdrop-filter:blur(2px);cursor:pointer;transition:opacity .14s ease}#overlay.hidden{opacity:0;pointer-events:none}.card{max-width:560px;padding:28px 34px;border:2px solid var(--amber-dim);border-radius:6px;background:#0a0806d9;text-align:center}.card h1{margin:0 0 4px;font-size:56px;letter-spacing:4px;color:var(--amber);text-shadow:0 4px 0 #7a3a08,0 0 26px rgba(255,140,20,.6)}.card .tagline{margin:0 0 18px;font-family:system-ui,sans-serif;font-size:14px;letter-spacing:1px;color:#c9a06a}.card .start{font-size:22px;color:#ffe0a0;animation:blink 1.1s steps(2,end) infinite}@keyframes blink{50%{opacity:.25}}.keys{margin:18px auto 0;display:grid;grid-template-columns:auto auto;gap:4px 16px;font-family:system-ui,sans-serif;font-size:13px;color:#d8b98a;text-align:left}.keys b{color:var(--amber);font-family:ui-monospace,Menlo,monospace}.version{margin-top:16px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#7a6244}