:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1a12;--ink:#f4f7f2;--muted:#f4f7f2b8;--accent:#e8f26a;--accent-ink:#1a2a12;--card:#0c1c12d1;--warn:#ffb454;--font:"Segoe UI", "Trebuchet MS", sans-serif;font-family:var(--font)}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}.app{width:100%;height:100%;position:relative}.game-canvas{touch-action:none;z-index:1;background:#0b1a12;width:100%;height:100%;display:block;position:absolute;inset:0}.cam-preview{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hud{z-index:4;pointer-events:none;background:linear-gradient(#00000059,#0000);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;display:flex;position:absolute;inset:0 0 auto}.hud-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px}.hud-score{text-shadow:0 2px 10px #00000059;font-size:36px;font-weight:700;line-height:1}.hud-lives{justify-content:flex-start;align-items:center;gap:16px;margin-top:12px;display:flex}.hud-lives.hp-mode{flex-direction:column;align-items:stretch;gap:6px;min-width:160px}.hp-bar-label-row{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.hp-bar-label{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.hp-bar-track{background:#00000073;border:1px solid #ffffff2e;border-radius:999px;height:12px;overflow:hidden}.hp-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#2ad48a,#7ef5a0);height:100%;transition:width .2s}.hp-bar-fill.mid{background:linear-gradient(90deg,#d4a02a,#ffd060)}.hp-bar-fill.low{background:linear-gradient(90deg,#c02840,#ff5a70)}.life-icon{flex-shrink:0;display:block}.life-icon.on{color:#ff3b5c}.life-icon.off{color:#ffffff38}.pause-banner{z-index:5;pointer-events:none;text-align:center;background:#060c12b8;border:1px solid #ffc87859;border-radius:16px;padding:18px 28px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.pause-banner-title{letter-spacing:.12em;color:#ffd080;font-size:28px;font-weight:800}.pause-banner-sub{color:#e6f0ffbf;margin-top:8px;font-size:14px}.hud-center{text-align:center;flex:1;padding-top:6px}.hud-status{color:var(--muted);background:#00000047;border-radius:999px;padding:6px 12px;font-size:13px;display:inline-block}.hud-status.warn{color:var(--warn)}.swing-badge{z-index:6;pointer-events:none;text-align:center;min-width:180px;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.swing-badge-glow{filter:blur(18px);opacity:.65;z-index:0;border-radius:24px;position:absolute;inset:-18px -28px}.swing-badge-inner{z-index:1;background:linear-gradient(#141c18e0,#080e0ceb);border:2px solid #ffffff59;border-radius:16px;padding:14px 28px 12px;position:relative;box-shadow:0 0 0 3px #00000040,0 12px 32px #00000073,inset 0 1px #ffffff2e}.swing-badge-title{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px #00000059,0 0 24px;font-size:clamp(28px,7vw,44px);font-weight:900;line-height:1}.swing-badge-sub{letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:6px;font-size:12px;font-weight:600}.swing-badge.grade-perfect .swing-badge-title{color:#7dff9a}.swing-badge.grade-perfect .swing-badge-glow{background:#3dff7a}.swing-badge.grade-perfect .swing-badge-inner{border-color:#7dff9ab3;box-shadow:0 0 0 3px #3dff7a40,0 12px 36px #00000073,0 0 40px #3dff7a59}.swing-badge.grade-great .swing-badge-title{color:#e8f26a}.swing-badge.grade-great .swing-badge-glow{background:#d4e83a}.swing-badge.grade-great .swing-badge-inner{border-color:#e8f26ab3;box-shadow:0 0 0 3px #d4e83a38,0 12px 36px #00000073,0 0 36px #d4e83a4d}.swing-badge.grade-good .swing-badge-title{color:#7ec8ff}.swing-badge.grade-good .swing-badge-glow{background:#3aa0ff}.swing-badge.grade-good .swing-badge-inner{border-color:#7ec8ffa6}.swing-badge.grade-miss .swing-badge-title{color:#ff8a72}.swing-badge.grade-miss .swing-badge-glow{background:#ff5a3a}.swing-badge.grade-miss .swing-badge-inner{border-color:#ff8a72a6}.swing-badge.pop{animation:.55s cubic-bezier(.2,1.4,.4,1) badge-pop}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-4deg)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:radial-gradient(at 50% 20%,#6eb6e840,#0000 55%),#06100a9e;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay-card{background:var(--card);text-align:center;border:1px solid #ffffff1f;border-radius:20px;width:min(440px,100%);padding:32px 28px;box-shadow:0 24px 60px #0006}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:13px}.brand-logo{filter:drop-shadow(0 4px 12px #00000059);width:min(200px,70%);height:auto;margin:0 auto 16px;display:block}.overlay-card h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(36px,8vw,52px);font-weight:800}.overlay-card p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.5}.overlay-card strong{color:var(--ink)}.overlay-card button{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-family:var(--font);border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .15s,filter .15s}.overlay-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.overlay-card button.secondary{color:#3a3a3a;background:#fff;border:none}.overlay-card button.secondary:hover{color:#2a2a2a;background:#f2f2f2}.overlay-card button:hover{filter:brightness(1.05);transform:translateY(-1px)}.overlay-card button:active{transform:translateY(1px)}.lang-picker{flex-direction:column;gap:10px;margin:0 0 22px;display:flex}.lang-picker[hidden]{display:none!important}.lang-option{cursor:pointer;text-align:left;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.lang-option:hover{background:#ffffff17;border-color:#e8f26a8c}.lang-option:has(input:checked){border-color:var(--accent);background:#e8f26a24}.lang-option input{appearance:none;border:2px solid #ffffff73;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin:0;position:relative}.lang-option input:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--card)}.lang-flag{font-size:22px;line-height:1}.lang-name{color:var(--ink);font-size:15px;font-weight:700}