@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0}canvas{touch-action:none}.menu-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,#000000d9,#0006 40%,#0000);z-index:1000;display:flex;align-items:center;justify-content:flex-start;padding-left:80px;font-family:Inter,system-ui,sans-serif;color:#fff;pointer-events:none}.menu-content{pointer-events:auto;width:420px;background:#0a0f1466;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:4px solid #4a90d9;border-radius:12px;padding:40px;box-shadow:0 10px 40px #00000080;animation:slideInLeft .8s cubic-bezier(.2,.8,.2,1);text-align:left}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.menu-header{margin-bottom:2.5rem;text-align:left}.game-title{font-size:4rem;margin:0 0 10px;font-weight:800;letter-spacing:-1px;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.5);line-height:1}.menu-meta{display:flex;justify-content:flex-start;gap:1.5rem;margin-top:.5rem;opacity:.8;font-size:.85rem;font-weight:600;color:#adf}.meta-row{display:flex;gap:.5rem;align-items:center}.label{color:#8cf;font-weight:400}.value{color:#fff}.menu-tabs{display:flex;gap:10px;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{flex:1;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#ffffff80;font-family:inherit;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;letter-spacing:1px}.tab-button:hover{color:#fffc;background:#ffffff0d}.tab-button.active{color:#fff;border-bottom-color:#4a90d9;background:#4a90d91a}.settings-content{padding:2rem 0;margin-bottom:2rem}.setting-item{margin-bottom:2rem}.setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-header label{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.setting-value{font-size:1.1rem;font-weight:700;color:#4a90d9}.volume-slider{width:100%;height:8px;border-radius:5px;background:#ffffff1a;outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4a90d9;cursor:pointer;box-shadow:0 0 10px #4a90d980;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#5da3ec;box-shadow:0 0 15px #4a90d9cc;transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4a90d9;cursor:pointer;border:none;box-shadow:0 0 10px #4a90d980;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#5da3ec;box-shadow:0 0 15px #4a90d9cc;transform:scale(1.1)}.audio-hint{margin-top:1.5rem;padding:1rem;background:#4a90d91a;border-left:3px solid #4a90d9;color:#ffffffb3;font-size:.9rem;border-radius:4px}.audio-prompt-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.audio-prompt-box{background:#141e28f2;border:2px solid #4a90d9;border-radius:20px;padding:3rem 4rem;text-align:center;max-width:400px;box-shadow:0 20px 60px #4a90d94d;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.audio-prompt-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-prompt-box h2{font-size:2rem;margin:0 0 1rem;color:#fff;font-weight:800}.audio-prompt-box p{color:#ffffffb3;margin-bottom:2rem;font-size:1rem}.audio-prompt-button{padding:1rem 3rem;background:linear-gradient(135deg,#4a90d9,#3a70b9);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:1.1rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a90d966;letter-spacing:1px}.audio-prompt-button:hover{background:linear-gradient(135deg,#5da3ec,#4a80c9);transform:translateY(-2px);box-shadow:0 8px 25px #4a90d999}.audio-prompt-button:active{transform:translateY(0)}.menu-actions{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:2.5rem}.action-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:auto;min-height:100px;transition:all .2s ease;position:relative}.action-box:hover{background:#ffffff1a;transform:translate(5px);border-color:#ffffff4d}.active-box{border:1px solid #4a90d9;background:linear-gradient(90deg,#4a90d933,#4a90d900)}.action-box h2{font-size:1.2rem;margin:0 0 .3rem;color:#fff;font-weight:800}.action-box p{color:#aaa;font-size:.85rem;line-height:1.4;margin:0 0 1rem}.btn-primary{width:100%;padding:18px;border-radius:12px;border:none;font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden}.glow-effect{background:linear-gradient(135deg,#4a90d9,#3a70b9);color:#fff;box-shadow:0 4px 15px #4a90d966}.glow-effect:hover{background:linear-gradient(135deg,#5da3ec,#4a80c9);transform:translateY(-2px);box-shadow:0 8px 25px #4a90d999}.glow-effect:active{transform:translateY(0)}.disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;border:1px solid rgba(255,255,255,.05)}.menu-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.8rem;color:#666;font-family:JetBrains Mono,monospace}.top-hud-container{position:absolute;top:15px;left:50%;transform:translate(-50%) scale(1.3);display:flex;align-items:center;justify-content:center;width:auto;z-index:100;pointer-events:none;font-family:Cinzel,serif;filter:drop-shadow(0 5px 5px rgba(0,0,0,.8));transform-origin:top center}.team-bar{width:220px;height:36px;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);border:1px solid #8a6e34;display:flex;align-items:center;justify-content:center;color:#e0e0e0;font-size:14px;font-weight:700;text-transform:uppercase;position:relative}.team-bar.blue-team{border-right:none;margin-right:-4px;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 80%);padding-left:10px}.team-bar.red-team{border-left:none;margin-left:-4px;clip-path:polygon(0 0,100% 0,100% 80%,90% 100%,0 100%);padding-right:10px}.center-panel{z-index:10;display:flex;flex-direction:column;align-items:center;position:relative;top:-2px}.timer-box{background:#111;width:140px;height:60px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;clip-path:polygon(15% 0%,85% 0%,100% 15%,100% 85%,85% 100%,15% 100%,0% 85%,0% 15%)}.timer-box:before{content:"";position:absolute;inset:0;background:#c5a059;z-index:-1}.timer-box:after{content:"";position:absolute;inset:3px;background:linear-gradient(135deg,#222,#000);clip-path:polygon(15% 0%,85% 0%,100% 15%,100% 85%,85% 100%,15% 100%,0% 85%,0% 15%);z-index:-1}.timer-label{font-size:14px;color:gold;font-weight:900;letter-spacing:1px;z-index:2}.timer-value{font-size:32px;color:#fff;font-weight:700;line-height:1;z-index:2;text-shadow:0 0 10px rgba(255,255,255,.5)}.round-pill{position:absolute;bottom:-25px;background:#0a0a0a;border:1px solid #8a6e34;padding:2px 20px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0% 50%);color:#ccc;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:100px;text-align:center}