*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0d0d12,#0a0a0f,#0f0d10);color:#eee;min-height:100vh}button{cursor:pointer;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}button:disabled{opacity:.5;cursor:not-allowed}input{padding:12px 16px;border:2px solid #2a2a2f;border-radius:8px;background:#0a0a0f;color:#eee;font-size:16px;outline:none;transition:border-color .2s}input:focus{border-color:#d4a843}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#ffffff08;border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,#d4a843,#b8922e);color:#0d0d12}.btn-secondary{background:#ffffff14;color:#eee;border:1px solid rgba(212,168,67,.3)}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}@media(max-width:768px){body{font-size:14px}button{padding:14px 20px}input{padding:14px 16px;min-height:44px;font-size:16px}.container{padding:12px}.card{padding:16px}}@media(max-width:480px){body{font-size:13px}button{padding:12px 16px;font-size:14px}.container{padding:8px}.card{padding:12px;border-radius:8px}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,.clickable{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=range].volume-slider{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:160px;height:44px;touch-action:none}input[type=range].volume-slider::-webkit-slider-runnable-track{background:#fff3;height:8px;border-radius:4px}input[type=range].volume-slider::-moz-range-track{background:#fff3;height:8px;border-radius:4px}input[type=range].volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4a843;height:28px;width:28px;border-radius:50%;margin-top:-10px;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}input[type=range].volume-slider::-moz-range-thumb{background:#d4a843;height:28px;width:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}@keyframes pointsToastPop{0%{opacity:0;transform:scale(.5) translateY(10px)}15%{opacity:1;transform:scale(1.2) translateY(-5px)}30%{transform:scale(1) translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pointsToastFloat{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.8)}15%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.1)}30%{transform:translate(-50%) translateY(0) scale(1)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-30px)}}@keyframes scoreCountUp{0%{opacity:.5}to{opacity:1}}@keyframes emotePopIn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes emoteStageIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}