:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#3e2723;color:#efebe9;overflow:hidden;user-select:none;-webkit-user-select:none}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 30%,#4e342e,#3e2723 40%,#1b0000)}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#00000080;z-index:10}.hud-left,.hud-right{display:flex;align-items:center;gap:1rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#efebe980}.stat-value{font-size:1.4rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.health-bar{width:150px;height:8px;background:#0006;border-radius:4px;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#ff5722,#ff9800);border-radius:4px;transition:width .3s ease}.health-fill.low{background:linear-gradient(90deg,#b71c1c,#f44336);animation:pulse-health .5s infinite alternate}@keyframes pulse-health{to{opacity:.6}}.arena{position:relative;width:100%;height:100vh;display:grid;place-items:center}.ghost-orb{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,77,.9) 0%,rgba(255,111,0,.6) 50%,transparent 70%);box-shadow:0 0 20px #ff980099,0 0 60px #ff57224d,inset 0 0 15px #fff3;cursor:pointer;display:grid;place-items:center;transition:transform .1s;animation:orb-float 1.5s ease-in-out infinite alternate;z-index:5}.ghost-orb:after{content:"👻";font-size:1.8rem;filter:drop-shadow(0 0 4px rgba(255,152,0,.8))}.ghost-orb:active{transform:scale(.85)}@keyframes orb-float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.orb-hit{animation:orb-hit-anim .3s ease-out forwards}@keyframes orb-hit-anim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}to{transform:scale(0);opacity:0}}.orb-miss{animation:orb-miss-anim .4s ease-out forwards}@keyframes orb-miss-anim{0%{opacity:1}to{opacity:0;transform:translateY(30px) scale(.5)}}.beat-pulse{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.beat-dot{width:10px;height:10px;border-radius:50%;background:#ff98004d;transition:background .1s,transform .1s}.beat-dot.active{background:#ff9800;transform:scale(1.4);box-shadow:0 0 10px #ff9800cc}.combo-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#ff9800;text-shadow:0 0 20px rgba(255,152,0,.5);pointer-events:none;opacity:0;transition:opacity .2s;z-index:15}.combo-display.visible{opacity:1;animation:combo-pop .3s ease-out}@keyframes combo-pop{0%{transform:translate(-50%,-50%) scale(.5)}60%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.floating-text{position:absolute;font-size:1.1rem;font-weight:700;pointer-events:none;animation:float-up .8s ease-out forwards;z-index:20}.floating-text.perfect{color:#ffab00;text-shadow:0 0 10px rgba(255,171,0,.6)}.floating-text.good{color:#ffa726}.floating-text.miss{color:#ef5350}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.7)}}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1b0000eb;z-index:50}.start-screen,.end-screen{text-align:center;padding:2rem}.start-screen h1,.end-screen h1{font-size:2.5rem;margin:0 0 .5rem;color:#ff9800;text-shadow:0 0 30px rgba(255,152,0,.4);letter-spacing:-.02em}.start-screen p,.end-screen p{color:#efebe999;font-size:1rem;margin:0 0 2rem}.btn{display:inline-block;padding:.9rem 2.5rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ff572266}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff572299}.btn:active{transform:translateY(0)}.end-screen .score-big{font-size:4rem;font-weight:900;color:#ff9800;margin:.5rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.end-screen .stats-row{display:flex;justify-content:center;gap:2rem;margin:1rem 0 2rem}.end-screen .stats-row .stat-item{text-align:center}.end-screen .stats-row .stat-item .val{font-size:1.8rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.end-screen .stats-row .stat-item .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#efebe973}.win-text{color:#66bb6a}.lose-text{color:#ef5350}.ghost-decor{position:fixed;font-size:2rem;opacity:.08;pointer-events:none;animation:drift 20s linear infinite}@keyframes drift{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}