.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;text-align:center;background-color:transparent;position:relative;overflow:hidden}.glass-dashboard{position:relative;z-index:10;background:#0f172a66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;max-width:480px;width:90%;box-shadow:0 30px 60px -15px #0009,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:32px}.dashboard-header{position:relative}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:60px;background:#0ea5e9;filter:blur(50px);opacity:.4;z-index:-1}.gradient-text{font-size:3rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#38bdf8,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.subtitle{font-size:1rem;color:#94a3b8;margin:0;line-height:1.5}.setup-steps{display:flex;flex-direction:column;gap:16px}.step-card{display:flex;align-items:flex-start;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;transition:all .3s ease;text-align:left}.step-card:hover{background:#ffffff0d;border-color:#ffffff1a}.step-number{width:28px;height:28px;border-radius:50%;background:#0ea5e926;color:#38bdf8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 0 15px #0ea5e933}.step-content{display:flex;flex-direction:column;gap:12px;flex:1}.step-content label{color:#f1f5f9;font-weight:600;font-size:15px}.select-wrapper{position:relative;width:100%}.premium-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:12px 16px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.premium-select:hover{border-color:#fff3}.premium-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.premium-select option{background:#0f172a;color:#fff}.select-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.device-warning{display:flex;align-items:center;gap:6px;color:#fca5a5;font-size:12px;background:#ef44441a;padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.toggle-switch-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#00000080;transition:.4s;border-radius:34px;border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#94a3b8;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#38bdf8;border-color:#38bdf8}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#cbd5e1!important;font-weight:500!important}.badge{background:#10b98126;color:#34d399;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;border:1px solid rgba(16,185,129,.3)}.btn-primary,.btn-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;box-shadow:0 4px 15px #0ea5e94d,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{font-size:18px}.divider{display:flex;align-items:center;text-align:center;color:#475569;font-size:12px;font-weight:600;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.arena-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:radial-gradient(circle at center,#1e293b,#0f172a)}.arena-header{display:flex;justify-content:space-between;width:900px;margin-bottom:1rem;align-items:center}.arena-header h2{margin:0;color:#e2e8f0}.stats-container{display:flex;gap:2rem;align-items:center}.combo{font-size:1.2rem;font-weight:700;color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.5)}.score{font-size:1.5rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px var(--accent-color)}.game-canvas{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 10px 30px #00000080;margin-bottom:1.5rem;transition:transform .5s ease}.canvas-container-3d{perspective:800px;width:900px;display:flex;justify-content:center;margin-bottom:1.5rem}.canvas-3d{transform-origin:bottom center;transform:rotateX(45deg);box-shadow:0 40px 50px #000000b3,0 0 50px var(--accent-color)}.controls{display:flex;gap:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;padding:2rem 3rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);min-width:350px;display:flex;flex-direction:column}.modal-content h3{margin-top:0;margin-bottom:2rem;font-size:1.8rem;color:#f8fafc;text-align:center}.setting-row{display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:left}.setting-row label{font-size:1rem;color:#cbd5e1;margin-bottom:.5rem;font-weight:500}.checkbox-row{flex-direction:row;align-items:center;justify-content:space-between}.checkbox-row label{margin-bottom:0}.checkbox-row input{width:20px;height:20px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--primary-color);cursor:pointer}.mt-4{margin-top:1rem}:root{--bg-color: #0f172a;--text-color: #f8fafc;--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #334155;--secondary-hover: #475569;--accent-color: #8b5cf6}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}.select-input{background:#0f172a99;color:#f8fafc;border:1px solid rgba(255,255,255,.1);padding:8px 32px 8px 12px;border-radius:8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.select-input:hover{background-color:#1e293bcc;border-color:#fff3}.select-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.select-input option{background-color:#0f172a;color:#f8fafc}@keyframes countdownPulse{0%{transform:scale(1.6);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}