:root{--bg-dark: #070b12;--panel-bg: rgba(15, 23, 42, .64);--border-cyan: rgba(103, 232, 249, .32);--accent-cyan: #38bdf8;--accent-gold: #f59e0b;--accent-orange: #fb923c;--accent-emerald: #10b981;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-muted: #94a3b8;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans)}#canvas-host{position:absolute;inset:0;width:100%;height:100%;z-index:1}#hud-root{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px 10px}body[data-capture=review] #rb-modal{opacity:0;pointer-events:none}body[data-capture=review] #hud-root{justify-content:space-between;align-items:stretch;padding:12px 16px 14px}body[data-capture=review] .hud-top-bar{width:100%;padding:8px 14px 9px;align-items:center;background:linear-gradient(100deg,#07182ff5,#19274bf2 50%,#401c3ef0);border:1px solid rgba(251,146,60,.82);border-left:4px solid #38bdf8;border-radius:6px 6px 12px 12px;box-shadow:0 8px 28px #0000007a,inset 0 -1px #ffffff14}body[data-capture=review] .game-title-group h1{font-size:1.08rem;letter-spacing:.075em;text-transform:uppercase}body[data-capture=review] .game-title-group p{color:#e2e8f0b8;font-size:.68rem;margin-top:2px}body[data-capture=review] .heat-badge,body[data-capture=review] .on-fire-badge{font-size:.62rem;padding:2px 6px}body[data-capture=review] .shot-meter-container{position:absolute;left:16px;bottom:14px;width:310px;margin:0;padding:8px 11px;gap:5px;background:linear-gradient(120deg,#071d34e8,#2d1636e6);border-color:#38bdf8a6;border-radius:8px}body[data-capture=review] .shot-meter-container .meter-label{color:#f1f5f9d1;font-size:.64rem}body[data-capture=review] .hud-bottom-bar{position:absolute;right:16px;bottom:14px;width:auto;max-width:700px;padding:7px 11px;align-items:center;background:linear-gradient(110deg,#181430e6,#072d3ee8);border-color:#fb923c8c;border-radius:8px}body[data-capture=review] .controls-hint{font-size:.62rem;line-height:1.35;color:#e2e8f0bd}body[data-capture=review] .clock-timer{font-size:1.28rem;min-width:46px}body[data-capture=review] .score-stats{gap:18px}body[data-capture=review] .stat-value{font-size:1.02rem;line-height:1;text-shadow:0 2px 7px rgba(0,0,0,.75)}body[data-capture=review] .stat-item{align-items:flex-end;min-width:48px}body[data-capture=review] .stat-item:nth-child(-n+2) .stat-value{font-size:1.34rem;color:#f8fafc}body[data-capture=review] .stat-item:first-child .stat-value{color:#67e8f9}body[data-capture=review] .stat-item:nth-child(2) .stat-value{color:#f9a8d4}body[data-capture=review] .stat-label{color:#f1f5f9c7;font-weight:700;font-size:.58rem}.hud-panel{background:linear-gradient(112deg,#08162be0,#1d1838d1);backdrop-filter:blur(8px);border:1px solid var(--border-cyan);border-radius:8px;padding:8px 13px;box-shadow:0 7px 24px #00000070,inset 0 0 12px #38bdf814;pointer-events:auto}.hud-top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-color:#67e8f96b}.game-title-group h1{font-size:1.12rem;font-weight:700;letter-spacing:.05em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.heat-badge{display:inline-block;background:#38bdf826;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-size:.75rem;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;text-transform:uppercase}.on-fire-badge{display:inline-block;background:#f59e0b33;border:1px solid var(--accent-gold);color:var(--accent-gold);font-size:.75rem;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;text-transform:uppercase;animation:pulse-fire 1.5s infinite alternate}@keyframes pulse-fire{0%{box-shadow:0 0 4px #f59e0b4d}to{box-shadow:0 0 14px #f59e0bcc}}.game-title-group p{font-size:.72rem;color:var(--text-muted);margin-top:4px}.score-stats{display:flex;gap:18px}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em}.stat-value{font-size:1.32rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.stat-value.gold{color:var(--accent-gold)}.stat-value.warning{color:var(--accent-rose)}.shot-meter-container{align-self:center;width:214px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;margin-bottom:10px;opacity:.79;transition:opacity .2s ease}.shot-meter-container.charging{opacity:1;transform:scale(1.03)}.meter-track{position:relative;width:100%;height:16px;background:#0f172ae6;border:1px solid var(--border-cyan);border-radius:8px;overflow:hidden}.meter-sweet-zone{position:absolute;top:0;bottom:0;background:#10b98173;border-left:2px solid var(--accent-emerald);border-right:2px solid var(--accent-emerald)}.meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-gold));transition:width .04s linear}.meter-label{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);display:flex;justify-content:space-between;width:100%}.hud-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;align-self:flex-start;width:min(680px,calc(100vw - 32px))}.controls-hint{font-size:.75rem;color:var(--text-muted);line-height:1.5}.controls-hint kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:1px 5px;border-radius:3px;color:var(--text-primary);font-family:var(--font-mono)}.touch-controls{display:none;gap:6px;flex-wrap:wrap;margin-top:8px}.touch-controls button{min-width:44px;min-height:44px;padding:8px 10px;border-radius:7px;border:1px solid var(--border-cyan);background:#1e293bf2;color:var(--text-primary);font-weight:700;touch-action:manipulation}.touch-controls button:focus-visible,.btn-primary:focus-visible{outline:3px solid #f8fafc;outline-offset:3px}.touch-controls .shoot{border-color:var(--accent-gold);color:var(--accent-gold)}.shot-clock-card{display:flex;align-items:center;gap:12px}.clock-timer{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-cyan);min-width:60px;text-align:right}.clock-timer.critical{color:var(--accent-rose);animation:pulse-fire .6s infinite alternate}.modal-backdrop{position:absolute;inset:0;background:#070b1285;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:auto}.modal-content{background:var(--panel-bg);border:1px solid var(--accent-cyan);border-radius:12px;padding:32px 40px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 60px #000c,0 0 24px #38bdf833}.modal-content h2{font-size:1.8rem;margin-bottom:12px;color:var(--text-primary)}.modal-content p{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),#0284c7);color:#030712;font-weight:700;font-family:var(--font-sans);font-size:1rem;padding:12px 28px;border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.hidden{display:none!important}@media(max-width:760px){#hud-root{padding:8px}.hud-panel{padding:8px 10px}.hud-top-bar{align-items:stretch}.game-title-group p{display:none}.game-title-group h1{font-size:.95rem;flex-wrap:wrap}.score-stats{gap:9px}.stat-label{font-size:.56rem}.stat-value{font-size:1rem}.shot-meter-container{width:min(260px,calc(100vw - 24px));margin-bottom:6px}.hud-bottom-bar{width:100%}.hud-bottom-bar{align-items:center}.controls-hint>p{display:none}.touch-controls{display:flex}.shot-clock-card{align-self:flex-start}.clock-timer{font-size:1.35rem;min-width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}