#gamable-game-zone{background:#0b0d17;touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);overflow:hidden}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;font-weight:700}.hud-left{flex:1 1 auto;min-width:0;padding:6px 10px 10px;border-radius:14px;background:#0006}.hud-badge{font-size:15px;border-left:6px solid #fff;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-progress{position:relative;height:12px;margin-top:8px;border-radius:999px;background:#ffffff2e}.hud-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#4cc9f0,#ffd166)}.hud-pin{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:12px;line-height:1}.hud-pin-gate{width:20px;height:20px;border-radius:50%;background:#ffffff8c;color:#101828;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;text-shadow:none}.hud-pin-next{background:#ffd166;color:#101828;box-shadow:0 0 0 3px #ffd16673;animation:hud-pulse .7s ease-in-out infinite alternate}.hud-pin-right{background:#2fa84f;color:#fff}.hud-pin-wrong{background:#d62828;color:#fff}.hud-pin-miss{background:#6b7280;color:#fff}.hud-pin-finish{font-size:15px}.hud-right{flex:0 0 auto;text-align:right}.hud-speed{font-size:20px;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:12px;background:#0006}.hud-chip{margin-top:6px;font-size:12px;padding:4px 8px;border-radius:10px;background:#0006;white-space:nowrap}.hud-banner{position:absolute;top:24%;left:0;right:0;text-align:center;font-size:clamp(24px,7vw,44px);font-weight:900;color:#ffd166;opacity:0;transform:scale(.85);transition:opacity .15s,transform .15s}.hud-banner-sub{position:absolute;top:34%;left:10%;right:10%;text-align:center;font-size:clamp(13px,3.6vw,18px);font-weight:700;color:#fff;opacity:0;transition:opacity .15s}.hud-banner-sub.visible{opacity:1}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-banner.bad{color:#ff6b6b}.hud-banner.good{color:#9cf97f}.hud-question{position:absolute;left:8px;bottom:8px;width:min(470px,94%);padding:7px 10px 9px;border-radius:14px;background:#090d1a99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:2px solid rgba(255,209,102,.5);display:none}.hud-question-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:900;letter-spacing:.05em}.hud-question-count{color:#ffd166}.hud-question-zone{background:#ffd166;color:#101828;padding:1px 7px;border-radius:999px;font-size:10.5px;text-shadow:none}.hud-question-text{margin-top:4px;font-size:clamp(14px,3.4vw,18px);font-weight:700;line-height:1.2}.hud-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}.hud-option{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:9px;background:#ffffff12;border:2px solid transparent;font-size:clamp(11px,2.6vw,14px);font-weight:600;line-height:1.15}.hud-option.active{border-color:#fff;background:#ffffff2e}.hud-option-letter{flex:0 0 auto;width:20px;height:20px;border-radius:6px;font-size:12px;color:#101828;font-weight:900;display:flex;align-items:center;justify-content:center;text-shadow:none}.hud-count{position:absolute;inset:0;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;font-size:clamp(70px,20vw,150px);font-weight:900;font-style:italic;color:#ffd166;text-shadow:0 6px 24px rgba(0,0,0,.7)}.hud-count.pop{animation:hud-pop .4s ease-out}@keyframes hud-pop{0%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:1}}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;overflow-y:auto;background:linear-gradient(#05081459,#050814d1)}.hud-title{margin:0;font-size:clamp(30px,9vw,64px);font-weight:900;font-style:italic;letter-spacing:.02em;color:#ffd166;line-height:1.05}.hud-subtitle{margin:0;font-size:clamp(14px,4vw,20px);font-weight:800;max-width:26em}.hud-card{margin-top:6px;padding:10px 14px;border-radius:14px;background:#0006;max-width:34em}.hud-howto{margin:4px 0;font-size:clamp(12px,3.4vw,16px);font-weight:600;opacity:.95}.hud-hint{margin:12px 0 0;font-size:clamp(15px,4.2vw,21px);font-weight:800}.hud-small{margin:0;font-size:13px;opacity:.85;max-width:30em}.hud-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;pointer-events:auto}.hud-button{pointer-events:auto;font:inherit;font-weight:800;font-size:clamp(13px,3.6vw,16px);padding:10px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.45);background:#ffffff1f;color:#fff;cursor:pointer}.hud-button.chosen{border-color:#ffd166;background:#ffd166;color:#101828}.hud-table{display:flex;flex-direction:column;gap:5px;margin-top:6px;width:min(460px,94%)}.hud-row{display:grid;grid-template-columns:1.6em 1fr auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:#ffffff17;font-size:clamp(12px,3.4vw,15px);font-weight:700;text-align:left}.hud-row-score{font-variant-numeric:tabular-nums}.hud-row-detail{font-size:11px;opacity:.8;font-weight:600}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.45}}@media(max-height:520px){.hud-bar{padding:6px 8px}.hud-question{padding:6px 10px 8px}.hud-count{font-size:70px}}