:root{--hud-danger: #CC3333;--hud-success: #33CC4D;--hud-warning: #FFFF33;--hud-accent-blue: #4DAEFF;--hud-accent-purple: #9D4EDD;--hud-glass: rgba(38, 38, 61, .6);--font-display: "Orbitron", monospace;--font-body: "Exo 2", sans-serif}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;pointer-events:auto}.overlay-dark{background:#00000080}.overlay-darker{background:#000000b3}.overlay-darkest{background:#000000bf}.title{color:#fff;font-size:3rem;font-family:sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.8);margin:0}.title-danger{color:#f44;font-size:2.5rem;font-family:sans-serif;margin:0}.title-warn{color:#f64;font-size:2rem;font-family:sans-serif;margin:0}.score-text{color:#fff;font-size:2rem;font-family:monospace;margin:0}.countdown-text{color:#fff;font-size:3rem;font-weight:700;font-family:monospace;margin:0}.btn{padding:.75rem 2rem;font-size:1.2rem;font-weight:700;color:#fff;background:#6c3ce0;border:none;border-radius:.75rem;cursor:pointer;pointer-events:auto}.btn:hover{filter:brightness(1.1)}.btn-large{padding:1rem 3rem;font-size:1.5rem}.btn-secondary{background:#444}.btn-success{background:#2a4}.btn-ghost{padding:.5rem 1.5rem;font-size:1rem;color:#aaa;background:transparent;border:1px solid #555;border-radius:.75rem;cursor:pointer}.btn-row{display:flex;gap:1rem}.hud{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;pointer-events:none}.hud-score{color:#fff;font-size:2.5rem;font-weight:700;font-family:monospace;text-shadow:0 2px 8px rgba(0,0,0,.6)}.boost-bar{display:flex;gap:4px}.boost-segment{width:20px;height:8px;border-radius:4px;background:#fff3;transition:background .2s}.boost-segment.active{background:#f0c040}.invincible-badge{color:#f0c040;font-size:1rem;font-weight:700;font-family:sans-serif;text-shadow:0 0 10px rgba(240,192,64,.8)}.multiplier-badge{color:#fff;font-size:1.8rem;font-weight:700;font-family:monospace;text-shadow:0 0 10px rgba(255,255,255,.5);transition:color .2s,text-shadow .2s}.accuracy-bar{width:140px;height:8px;border-radius:4px;background:#ffffff26;overflow:hidden}.accuracy-fill{height:100%;border-radius:4px;background:#4f4;transition:width .2s,background .2s;width:50%}.song-progress{position:absolute;bottom:0;left:0;right:0;height:24px;z-index:10;background:#00000080;pointer-events:none}.song-progress-fill{height:100%;background:#648cff80;transition:width .3s linear;width:0%}.song-progress-time{position:absolute;top:0;right:8px;height:100%;display:flex;align-items:center;color:#ffffffb3;font-size:11px;font-family:monospace}.hit-indicator-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;overflow:hidden}.hit-indicator{position:absolute;bottom:35%;transform:translate(-50%);font-family:sans-serif;font-weight:900;font-size:1.6rem;letter-spacing:.05em;white-space:nowrap;animation:hit-rise .7s ease-out forwards;pointer-events:none}.hit-text{display:inline}.hit-multiplier{display:inline;font-size:1.2rem;opacity:.8}.hit-perfect{color:gold;text-shadow:0 0 12px rgba(255,215,0,.8),0 0 24px rgba(255,215,0,.4);font-size:2rem}.hit-great{color:#4f4;text-shadow:0 0 10px rgba(68,255,68,.7),0 0 20px rgba(68,255,68,.3)}.hit-good{color:#4cf;text-shadow:0 0 8px rgba(68,204,255,.6)}.hit-miss{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.7),0 0 20px rgba(255,68,68,.3);font-size:1.4rem}.hit-hold{color:#a4f;text-shadow:0 0 10px rgba(170,68,255,.7),0 0 20px rgba(170,68,255,.3)}@keyframes hit-rise{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.8)}20%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.9)}}.hit-ripple{position:absolute;bottom:38%;width:0;height:0;border-radius:50%;border:3px solid currentColor;transform:translate(-50%,50%);animation:hit-ripple-expand .5s ease-out forwards;pointer-events:none}.hit-ripple-inner{position:absolute;bottom:38%;width:0;height:0;border-radius:50%;border:2px solid currentColor;transform:translate(-50%,50%);animation:hit-ripple-expand .5s .08s ease-out forwards;pointer-events:none;opacity:.6}.hit-ripple.hit-perfect,.hit-ripple-inner.hit-perfect{color:gold;border-width:4px;box-shadow:0 0 8px #ffd70080}.hit-ripple.hit-great,.hit-ripple-inner.hit-great{color:#4f4;box-shadow:0 0 6px #4f46}.hit-ripple.hit-good,.hit-ripple-inner.hit-good{color:#4cf;box-shadow:0 0 5px #44ccff4d}.hit-ripple.hit-miss,.hit-ripple-inner.hit-miss{color:#f44;box-shadow:0 0 6px #f446}.hit-ripple.hit-hold,.hit-ripple-inner.hit-hold{color:#a4f;box-shadow:0 0 6px #a4f6}@keyframes hit-ripple-expand{0%{width:0;height:0;opacity:1;border-width:inherit}to{width:100px;height:100px;opacity:0;border-width:1px}}.mr-hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;z-index:10;pointer-events:none;font-family:var(--font-body);color:#fff}.mr-hud-top{display:flex;justify-content:space-between;align-items:flex-start}.mr-hud-score-card{padding:.75rem 1.25rem;border-radius:1rem;border:1px solid rgba(77,174,255,.3);background:linear-gradient(135deg,#4daeff26,#9d4edd26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.75rem}.mr-hud-score-icon{font-size:1.4rem;color:var(--hud-accent-blue)}.mr-hud-score-label{display:block;font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.08em}.mr-hud-score-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.mr-hud-combo{text-align:center}.mr-hud-combo-label{display:block;font-size:.7rem;color:#999;margin-bottom:.15rem}.mr-hud-combo-value{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--hud-warning);text-shadow:0 0 20px currentColor;transition:color .2s,text-shadow .2s}.mr-hud-combo-chain{display:block;font-size:.65rem;color:#999}.mr-hud-accuracy-pct{text-align:right}.mr-hud-accuracy-label{display:block;font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}.mr-hud-accuracy-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--hud-success);transition:color .2s}.mr-hud-meter{text-align:center;margin-top:.75rem}.mr-hud-meter-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--hud-accent-blue);margin-bottom:.5rem;display:block}.mr-hud-meter-bar{position:relative;max-width:800px;height:50px;margin:0 auto;border-radius:25px;background:linear-gradient(to right,#222,#333,#222);border:2px solid #555;overflow:visible}.mr-hud-meter-danger{position:absolute;left:0;top:0;width:37.5%;height:100%;border-radius:25px 0 0 25px;background:linear-gradient(to right,#cc33334d,#cc333326);border-right:1px solid rgba(204,51,51,.4)}.mr-hud-meter-danger-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--hud-danger);font-size:.9rem}.mr-hud-meter-fill{position:absolute;left:4px;top:4px;height:calc(100% - 8px);border-radius:21px;background:var(--hud-success);background-image:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.1) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;animation:mr-candy-stripe 1s linear infinite;transition:width .3s,background-color .3s;width:50%}.mr-hud-meter-pointer{position:absolute;top:-4px;width:3px;height:calc(100% + 8px);background:#fff;box-shadow:0 0 6px #fff9;transition:left .3s;left:50%;z-index:2}.mr-hud-meter-pointer:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff}.mr-hud-meter-pointer:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.mr-hud-meter-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;z-index:1}.mr-hud-meter-tick{color:#ffffff80}.mr-hud-meter-tick.danger{color:var(--hud-danger)}.mr-hud-meter-tick.success{color:var(--hud-success);font-weight:700}.mr-hud-meter-tick.max{color:var(--hud-warning);font-weight:900;text-shadow:0 0 8px currentColor}.mr-hud-beats{position:absolute;left:50%;bottom:5rem;transform:translate(-50%);display:flex;gap:2rem;align-items:center}.mr-hud-beat-circle{width:64px;height:64px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform .15s,box-shadow .15s;background:transparent}.mr-hud-beat-circle.jump{border-color:var(--hud-accent-blue);color:var(--hud-accent-blue);background:#4daeff26}.mr-hud-beat-circle.hit{width:72px;height:72px;border-width:3px;border-color:var(--hud-success);color:#fff;background:var(--hud-success);font-size:1.5rem;box-shadow:0 0 20px var(--hud-success)}.mr-hud-beat-circle.slide{border-color:var(--hud-accent-purple);color:var(--hud-accent-purple);background:#9d4edd26}.mr-hud-beat-circle.active{transform:scale(1.25);box-shadow:0 0 30px currentColor,0 0 50px currentColor}.mr-hud-chord{position:absolute;bottom:10rem;left:50%;transform:translate(-50%);width:24rem;text-align:center}.mr-hud-chord-label{font-size:.7rem;color:#999;margin-bottom:.4rem}.mr-hud-chord-bar{position:relative;height:1.75rem;background:#333;border-radius:1rem;border:1px solid #555;overflow:hidden}.mr-hud-chord-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;background:linear-gradient(90deg,var(--hud-success) 0%,var(--hud-success) var(--progress, 0%),rgba(255,255,255,.15) var(--progress, 0%),rgba(255,255,255,.15) 100%);transition:--progress .2s}.mr-hud-chord-threshold{position:absolute;top:0;height:100%;width:2px;background:var(--hud-warning);z-index:1}.mr-hud-chord-threshold:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--hud-warning);border-radius:50%}.mr-hud-chord-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2}.mr-hud-chord-labels{display:flex;justify-content:space-between;font-size:.6rem;color:#999;margin-top:.25rem}.mr-hud-bottom{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;align-items:flex-end}.mr-hud-health{display:flex;align-items:center;gap:.6rem}.mr-hud-health-icon{font-size:1.2rem;color:var(--hud-danger)}.mr-hud-health-label{font-size:.65rem;color:#999;margin-bottom:.15rem}.mr-hud-health-dots{display:flex;gap:.25rem}.mr-hud-health-dot{width:10px;height:10px;border-radius:50%;background:var(--hud-success);transition:background .3s}.mr-hud-health-dot.used{background:#444}.mr-hud-rhythm{text-align:center}.mr-hud-rhythm-label{font-size:.6rem;color:#999;margin-bottom:.25rem;display:block}.mr-hud-rhythm-dots{display:flex;gap:.5rem;align-items:center}.mr-hud-rhythm-dot{width:8px;height:8px;border-radius:50%;background:var(--hud-success);transition:transform .1s,opacity .1s}.mr-hud-song-time{display:flex;align-items:center;gap:.6rem}.mr-hud-song-icon{color:var(--hud-accent-blue);font-size:1rem}.mr-hud-song-label{font-size:.65rem;color:#999}.mr-hud-song-value{font-family:var(--font-display);font-size:.85rem}@keyframes mr-candy-stripe{0%{background-position:0 0}to{background-position:8px 8px}}@keyframes mr-pulse-glow{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 30px currentColor,0 0 50px currentColor}}@keyframes mr-beat-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hidden{display:none!important}