#gamable-game-zone{background:#000;touch-action:none;user-select:none;-webkit-user-select:none}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px}@media(hover:none)and (pointer:coarse){.hud-bar{padding-right:54px}}.hud-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.hud-side.right{align-items:flex-end}.hud-name{font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hud-health{position:relative;width:100%;height:18px;border:2px solid #fff;border-radius:4px;background:var(--health-lost);overflow:hidden;box-shadow:0 2px 6px #00000080}.hud-health-fill,.hud-health-trail{position:absolute;top:0;bottom:0;left:0}.hud-side.right .hud-health-fill,.hud-side.right .hud-health-trail{left:auto;right:0}.hud-health-trail{background:#ff6b6b;transition:width .6s ease-in .35s}.hud-health-fill{background:var(--health)}.hud-health-fill.low{background:var(--health-low)}.hud-energy{width:100%;height:10px;border:1px solid rgba(255,255,255,.55);border-radius:5px;background:#0000008c;overflow:hidden}.hud-side.right .hud-energy{display:flex;justify-content:flex-end}.hud-energy-fill{height:100%;background:var(--energy)}.hud-energy.full .hud-energy-fill{background:#fff;animation:hud-glow .4s ease-in-out infinite alternate}.hud-pips{display:flex;gap:5px}.hud-pip{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#0006}.hud-pip.won{background:var(--banner)}.hud-clock{flex:0 0 auto;min-width:52px;padding:2px 8px;border-radius:10px;background:#00000080;font-size:30px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.hud-banner{position:absolute;top:26%;left:0;right:0;text-align:center;opacity:0}.hud-banner.visible{animation:hud-pop .35s cubic-bezier(.2,1.6,.4,1) forwards}.hud-banner-text{font-size:clamp(40px,13vw,88px);font-weight:900;font-style:italic;color:var(--banner);-webkit-text-stroke:2px #2b1100;text-shadow:0 5px 0 #2b1100,0 8px 16px rgba(0,0,0,.6)}.hud-banner-sub{margin-top:6px;font-size:clamp(15px,4.2vw,22px);font-weight:800}.hud-combo{position:absolute;top:40%;font-size:clamp(22px,6vw,34px);font-weight:900;font-style:italic;color:#ffb703;opacity:0;transition:opacity .2s}.hud-combo.left{left:16px}.hud-combo.right{right:16px}.hud-combo.visible{opacity:1;animation:hud-pop .25s ease-out}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:linear-gradient(#0a051459,#0a0514bf)}.hud-title{margin:0;font-size:clamp(44px,14vw,92px);font-weight:900;font-style:italic;line-height:1;color:var(--banner);-webkit-text-stroke:2px #2b1100;text-shadow:0 6px 0 #2b1100}.hud-subtitle{margin:0;max-width:24em;font-size:clamp(16px,4.4vw,22px);font-weight:700}.hud-hint{margin:16px 0 0;font-size:clamp(17px,4.8vw,24px);font-weight:900}.hud-small{margin:0;max-width:32em;font-size:13px;line-height:1.45;opacity:.9}.hud-pulse{animation:hud-glow .8s ease-in-out infinite alternate}@keyframes hud-glow{0%{opacity:1}to{opacity:.45}}@keyframes hud-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.menus{position:absolute;inset:0;z-index:20;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.menu-screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 14px;text-align:center;overflow:auto;background:linear-gradient(#0a051480,#0a0514d9)}.menu-screen.visible{display:flex}.menu-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.menu-button{pointer-events:auto;display:flex;flex-direction:column;gap:4px;padding:12px 20px;border:3px solid var(--banner, #ffd23f);border-radius:14px;background:#140a1ed9;color:#fff;font:inherit;font-weight:900;cursor:pointer}.menu-button-title{font-size:clamp(18px,5vw,24px);letter-spacing:.06em}.menu-button-sub{font-size:12px;font-weight:600;opacity:.85}.menu-help{max-width:36em}.menu-help-title{margin:8px 0 2px;font-size:16px;font-weight:900;letter-spacing:.12em}.menu-help p{margin:2px 0}.menu-help-line{margin:4px 0;max-width:30em;font-size:clamp(14px,3.8vw,17px);font-weight:700;line-height:1.35}.menu-help-line.dim{font-size:clamp(12px,3.2vw,14px);font-weight:600;opacity:.85}.menu-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.menu-card{pointer-events:auto;display:flex;flex-direction:column;gap:3px;width:138px;padding:10px;border:3px solid var(--card, #fff);border-top:8px solid var(--card-accent, #fff);border-radius:12px;background:#0f0a19d9;color:#fff;font:inherit;cursor:pointer;text-align:center}.card-name{font-size:19px;font-weight:900;letter-spacing:.06em}.card-type{font-size:12px;font-weight:900;color:var(--card-accent, #ffd23f);text-transform:uppercase;letter-spacing:.08em}.card-blurb{font-size:11px;line-height:1.3;opacity:.85}.card-lock{display:none;font-size:12px;font-weight:900;color:#ff9f1c}.menu-card.locked{opacity:.5}.menu-card.locked .card-lock{display:block}.menu-card.locked .card-type,.menu-card.locked .card-blurb{visibility:hidden}.menu-card.cursor1{outline:4px solid #4cc9f0}.menu-card.cursor2{outline:4px solid #ff6b6b}.menu-card.picked1{box-shadow:0 0 0 4px #4cc9f0}.menu-card.picked2{box-shadow:0 0 0 4px #ff6b6b}.menu-picks{margin:4px 0 0;font-size:15px;font-weight:900;letter-spacing:.05em}.quiz-tag{margin:0;font-size:14px;font-weight:900;letter-spacing:.18em;color:#4cc9f0}.quiz-question{margin:0;max-width:26em;font-size:clamp(19px,5vw,28px);font-weight:900}.quiz-options{display:flex;flex-direction:column;gap:8px;width:100%;max-width:620px}.quiz-option{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid rgba(255,255,255,.8);border-radius:12px;background:#0f0a19d9;color:#fff;font:inherit;font-size:clamp(15px,4vw,19px);font-weight:700;text-align:left;cursor:pointer}.quiz-number{font-weight:900;opacity:.65}.quiz-option.cursor{outline:3px solid var(--banner, #ffd23f)}.quiz-option.right{border-color:#4ade80;background:#14502de6}.quiz-option.wrong{border-color:#ef4444;background:#5a1419e6}.quiz-feedback{max-width:34em;margin:0}.quiz-feedback p{margin:3px 0}.quiz-good{color:#4ade80;font-size:20px}.quiz-bad{color:#f87171;font-size:20px}.quiz-unlocked{color:#ffd23f;font-weight:900;margin:4px 0}