.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}.settings-modal{background:var(--bg-card);border:1px solid rgba(255,45,45,.15);width:90%;max-width:480px;max-height:min(90dvh,740px);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 30px rgba(255,45,45,.05);display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.settings-header{padding:18px;border-bottom:1px solid rgba(255,45,45,.1);display:flex;justify-content:space-between;align-items:center}.settings-header h2{font-family:Teko,sans-serif;font-size:1.2rem;margin:0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;transition:var(--transition)}.close-btn:hover{color:var(--accent-primary)}.settings-body{padding:18px;gap:22px;overflow-y:auto}.setting-group,.settings-body{display:flex;flex-direction:column}.setting-group{gap:6px}.setting-group label{font-weight:700;font-size:.88rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.setting-group small{color:var(--text-muted);font-size:.76rem;line-height:1.4}.settings-error{color:#ff9a9a!important}.settings-toggles{display:grid;gap:6px}.settings-toggle{border:1px solid var(--border-color);border-radius:var(--radius);background:rgba(255,255,255,.02);color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;padding:9px 11px;cursor:pointer;transition:var(--transition)}.settings-toggle:hover{border-color:var(--border-hover)}.settings-toggle strong{font-size:.73rem;letter-spacing:.1em;text-transform:uppercase}.settings-toggle.on{border-color:rgba(0,255,136,.35);background:rgba(0,255,136,.06);color:#70ffb8}.settings-select{background:rgba(6,10,18,.85);border:1px solid var(--border-color);color:var(--text-primary);padding:10px;border-radius:var(--radius);font-size:.9rem;outline:none;transition:var(--transition);font-family:Rajdhani,sans-serif}.settings-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-dim)}.test-mic-group{background:rgba(255,255,255,.02);padding:14px;border-radius:var(--radius);border:1px dashed rgba(255,45,45,.15)}.test-mic-header{display:flex;justify-content:space-between;align-items:center}.mic-meter-container{height:18px;background:rgba(0,0,0,.5);border-radius:var(--radius);margin-top:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05)}.mic-meter-bar{height:100%;width:0;background-color:#00ff88;transition:width .1s ease-out,background-color .2s ease}.mic-meter-guides{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;pointer-events:none}.mic-meter-guides span{flex:1 1;border-right:1px solid rgba(255,255,255,.08)}.mic-meter-guides span:last-child{border:none}.volume-slider-container{display:flex;align-items:center;gap:14px}.volume-slider{flex:1 1;appearance:none;height:5px;background:var(--border-color);border-radius:3px;outline:none}.volume-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 0 8px rgba(255,45,45,.4)}.volume-slider:disabled{opacity:.4;cursor:not-allowed}.settings-footer{padding:18px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background:rgba(6,10,18,.95)}.refresh-devices-btn{width:fit-content;margin-top:4px;padding:.4rem .65rem;font-size:.78rem}.push-talk-row{display:flex;flex-direction:column;gap:.45rem}.push-talk-key-btn{width:fit-content}.push-talk-key-btn.listening{border-color:rgba(255,45,45,.42);box-shadow:0 0 0 2px rgba(255,45,45,.14)}.push-talk-hint{color:var(--text-muted);font-size:.76rem;line-height:1.4}@media (max-width:560px){.settings-modal-overlay{align-items:flex-end}.settings-modal{width:100%;max-width:none;border-radius:0;clip-path:none;border-top:2px solid rgba(255,45,45,.2);max-height:calc(100dvh - var(--nav-height) - 6px)}.settings-body,.settings-footer,.settings-header{padding:14px}.test-mic-header{flex-direction:column;align-items:flex-start;gap:.5rem}.refresh-devices-btn,.settings-footer .btn{width:100%}}.rooms-page{display:flex;height:calc(100dvh - var(--nav-height));max-width:1260px;margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);animation:fadeIn .3s ease-out;position:relative;overflow:hidden}.rooms-page .need-login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.8rem;text-align:center}.rooms-page .need-login-icon{font-size:3rem}.rooms-page .need-login h2{font-family:Teko,sans-serif;font-size:1.3rem;text-transform:uppercase;letter-spacing:.06em}.rooms-page .need-login p{color:var(--text-secondary)}.rooms-sidebar{width:300px;border-right:1px solid var(--border-color);background:rgba(6,9,15,.85);display:flex;flex-direction:column}.rooms-sidebar .sidebar-header{padding:.85rem 1rem;border-bottom:1px solid rgba(255,45,45,.1);display:flex;flex-direction:column;gap:6px}.sidebar-shortcut-hint{display:inline-flex;align-items:center;gap:5px;font-size:.67rem;color:var(--text-muted);margin-top:2px}.sidebar-shortcut-hint kbd{font-family:monospace;font-size:.64rem;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.rooms-sidebar .sidebar-header h2{font-family:Teko,sans-serif;font-size:1.15rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary)}.create-room-form{padding:.7rem;border-bottom:1px solid var(--border-color);display:grid;gap:.38rem}.create-room-row{display:grid;grid-template-columns:1fr 90px;gap:.36rem}.room-visibility-chip{border:1px solid var(--border-color);border-radius:var(--radius);display:grid;place-items:center;color:var(--text-muted);font-size:.74rem;background:rgba(255,255,255,.02)}.create-room-btn{width:100%;padding:.5rem}.rooms-list{padding:.5rem;overflow-y:auto;flex:1 1}.room-item{border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem;margin-bottom:.35rem;background:rgba(255,255,255,.015);transition:var(--transition)}.room-item:hover{border-color:rgba(74,158,255,.3);background:rgba(74,158,255,.04)}.room-item.active{border-color:rgba(255,45,45,.4);background:rgba(255,45,45,.06);border-left:3px solid var(--accent-primary)}.room-main{cursor:pointer}.room-name{font-weight:700;font-size:.88rem;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.03em}.room-game{font-size:.74rem;color:var(--text-muted)}.room-owner{margin-top:.14rem;font-size:.7rem;color:var(--text-secondary)}.room-delete-btn{margin-top:.3rem;border:1px solid rgba(255,59,59,.35);border-radius:var(--radius);padding:.16rem .5rem;background:rgba(255,59,59,.08);color:#ff8a8a;font-size:.66rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mobile-rooms-bar,.rooms-mobile-backdrop{display:none}.rooms-main{flex:1 1;display:flex;flex-direction:column}.room-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid rgba(255,45,45,.1);background:rgba(6,9,15,.6)}.room-header h3{font-family:Teko,sans-serif;font-size:1.15rem;text-transform:uppercase;letter-spacing:.06em}.room-status{font-size:.76rem;color:var(--text-muted)}.room-header-actions{display:flex;gap:.4rem}.room-settings-panel{display:grid;grid-template-columns:1.2fr 1fr 90px 110px 1fr auto;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.015)}.room-body{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.voice-panel{padding:.9rem 1.1rem;border-bottom:1px solid var(--border-color);background:rgba(6,9,15,.5)}.voice-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.voice-panel-header h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);font-weight:700}.settings-btn{padding:.3rem .55rem;font-size:.72rem}.mic-error-alert{border:1px solid rgba(255,59,59,.25);border-radius:var(--radius);padding:.5rem .65rem;background:rgba(255,59,59,.06);color:#ff9a9a}.mic-error-alert,.system-notice{margin-bottom:.5rem;font-size:.78rem}.system-notice{border:1px solid rgba(255,180,0,.3);border-radius:var(--radius);padding:.48rem .68rem;background:rgba(255,180,0,.06);color:#ffcc70}.voice-users{display:flex;gap:.55rem;flex-wrap:wrap}.voice-user{display:flex;align-items:center;gap:.4rem;border:1px solid var(--border-color);border-radius:var(--radius);background:rgba(10,14,22,.7);padding:.32rem .58rem;font-size:.8rem}.voice-user.speaking{border-color:rgba(0,255,136,.5);box-shadow:0 0 0 2px rgba(0,255,136,.1),0 0 10px rgba(0,255,136,.15);background:rgba(0,255,136,.05)}.voice-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.voice-avatar.self{border:2px solid var(--accent-primary);box-shadow:0 0 8px rgba(255,45,45,.3)}.voice-avatar.speaking{border:2px solid rgba(0,255,136,.8);box-shadow:0 0 10px rgba(0,255,136,.4)}.admin-badge,.muted-badge,.owner-badge{font-size:.6rem;letter-spacing:.1em;border-radius:var(--radius);padding:.06rem .4rem;text-transform:uppercase;font-weight:700}.admin-badge{border:1px solid rgba(255,200,0,.35);background:rgba(255,200,0,.08);color:#ffd54f}.owner-badge{border:1px solid rgba(74,158,255,.35);background:rgba(74,158,255,.08);color:#90c8ff}.muted-badge{border:1px solid rgba(255,59,59,.35);background:rgba(255,59,59,.08);color:#ff8a8a}.mic-badge{font-size:.72rem}.mic-badge.talking{color:var(--accent-secondary);text-shadow:0 0 8px rgba(74,158,255,.5)}.speaking-indicator{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);margin-left:2px;flex-shrink:0}.speaking-indicator.active{border-color:rgba(0,255,136,.9);background:#00ff88;box-shadow:0 0 0 3px rgba(0,255,136,.15),0 0 12px rgba(0,255,136,.6);animation:speakingPulse .85s ease-in-out infinite}@keyframes speakingPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.mod-btn{border:1px solid rgba(255,45,45,.3);background:rgba(255,45,45,.08);color:#ff9a9a;font-size:.64rem;border-radius:var(--radius);padding:.14rem .45rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mod-btn.alt{border-color:rgba(0,255,136,.3);background:rgba(0,255,136,.08);color:#70ffb8}.room-chat{overflow:hidden}.room-chat,.room-messages{flex:1 1;display:flex;flex-direction:column}.room-messages{overflow-y:auto;padding:.9rem 1.1rem;gap:.3rem}.room-msg{font-size:.88rem}.room-msg-user{font-weight:700;color:var(--accent-secondary);margin-right:.45rem}.room-chat-input{border-top:1px solid var(--border-color);padding:.68rem 1.1rem}.no-room{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.4rem}.no-room-icon{font-size:3rem;opacity:.5}.no-room h2{font-family:Teko,sans-serif;text-transform:uppercase;letter-spacing:.06em}.no-room p{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:120;padding:1rem}.modal-content{width:min(420px,100%);border:1px solid rgba(255,45,45,.15);border-radius:var(--radius-lg);background:#0b1018;padding:1rem;box-shadow:0 0 30px rgba(255,45,45,.08)}.join-invite-modal h3{margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.join-invite-modal p{color:var(--text-secondary);margin-bottom:.65rem}.modal-actions{margin-top:.6rem;display:flex;justify-content:flex-end;gap:.4rem}.invite-friends-list{display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem}.invite-friend-item{border:1px solid var(--border-color);border-radius:var(--radius);background:rgba(255,255,255,.03);color:var(--text-primary);padding:.55rem .7rem;display:flex;align-items:center;gap:.55rem}@media (max-width:1080px){.room-settings-panel{grid-template-columns:1fr 1fr 90px}}@media (max-width:900px){.rooms-sidebar{width:280px}}@media (max-width:768px){.rooms-page{border:none;height:calc(100dvh - var(--nav-height));flex-direction:column}.rooms-main{min-height:0}.rooms-sidebar{display:flex;position:fixed;top:var(--nav-height);left:0;bottom:0;width:min(88vw,340px);z-index:130;transform:translateX(-100%);transition:transform .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.6);background:#06090f;border-right:1px solid rgba(255,45,45,.12)}.rooms-sidebar.open{transform:translateX(0)}.rooms-mobile-backdrop{display:block;position:fixed;inset:var(--nav-height) 0 0;z-index:120;border:none;background:rgba(0,0,0,.5)}.mobile-rooms-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .75rem;border-bottom:1px solid var(--border-color);background:rgba(6,9,15,.95)}.mobile-rooms-bar span{color:var(--text-secondary);font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header-actions{flex-wrap:wrap;justify-content:flex-end}.room-settings-panel{grid-template-columns:1fr}.room-header{padding:.7rem;gap:.6rem;align-items:flex-start;flex-direction:column}.room-status{display:inline-block;line-height:1.45}.room-chat-input,.room-messages,.voice-panel{padding-left:.7rem;padding-right:.7rem}.room-body,.room-chat{min-height:0}.voice-users{gap:.4rem}.voice-user{width:100%;border-radius:var(--radius);justify-content:flex-start;flex-wrap:wrap}.invite-friend-item{flex-wrap:wrap;justify-content:space-between}.mod-btn{margin-left:auto}}@media (max-width:560px){.mobile-rooms-bar{position:sticky;top:0;z-index:4}.room-header-actions,.voice-panel-header{width:100%}.voice-panel-header{flex-direction:column;align-items:stretch;gap:.5rem}.room-header-actions .btn,.voice-panel-header .btn,.voice-panel-header .settings-btn{flex:1 1;min-width:calc(50% - .3rem)}.room-settings-panel{gap:.55rem;padding:.7rem}.create-room-form .btn,.create-room-form .input-field,.create-room-row,.room-chat-input .input-field,.room-settings-panel .btn{width:100%}.create-room-row{grid-template-columns:1fr}.voice-user{align-items:flex-start}.voice-user .mod-btn{margin-left:0}.invite-friend-item{align-items:flex-start}.room-chat-input{padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}}