/* One squad, shared navigation and one persistent voice control surface. */
.app-shell.room-view > .chat-pane,.app-shell.room-view > #member-sidebar{display:none!important}
[hidden]{display:none!important}
.channel-sidebar{width:260px;min-width:260px}
.server-heading{gap:10px;justify-content:flex-start;height:64px;flex:none}
.server-heading:hover{background:transparent}
.squad-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#373345;color:#c9c0ff;font-size:18px}
.server-heading>div{display:flex;flex-direction:column;gap:3px}.server-heading strong{font-size:14px}.server-heading small{color:var(--muted);font-size:10px;font-weight:400}
.chat-header{height:64px;flex:none}.sidebar-scroll{padding-top:20px}.section-label{letter-spacing:0}.channel-section{margin-bottom:24px}.room-nav-section{margin-top:28px}.room-nav-hint{font-size:11px;line-height:1.7;color:#7f8591;margin:9px 12px}.game-nav-row{margin-top:3px}
.app-shell.room-view #text-channels .selected{background:transparent;color:#a7acb7;font-weight:400}.app-shell:not(.room-view) .room-nav-section .selected{background:transparent}
.voice-connected{position:static!important;flex:none;margin:0;padding:12px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#191c21!important;box-shadow:none!important;gap:8px;justify-content:space-between}
.connected-status{min-width:0}.connected-status>div{min-width:0}#connected-channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.connection-quality>span{display:none}.profile-bar{height:62px}.profile-copy{min-width:40px}
.room-button{min-height:34px;padding:0 12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #ffffff14;border-radius:5px;background:#353841;color:#e0e2e9;font-size:12px;font-weight:600;white-space:nowrap}
.room-button:hover{background:#414550}.room-button.primary{background:#6257d6;border-color:#6257d6;color:#fff}.room-button.primary:hover{background:#7367e4}.room-button.subtle{border-color:transparent;background:transparent;color:#a8aebb}.room-button.subtle:hover{background:#ffffff09;color:#fff}.room-button.danger{color:#ef969e;background:#df616a0c;border-color:#df616a22}.room-button.danger:hover{background:#df616a20}.room-button:disabled{opacity:.45;cursor:not-allowed}.room-button .icon{width:16px;height:16px}
.game-pane{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--panel)}.room-header{padding:0 24px;gap:14px}.room-header-actions{display:flex;align-items:center;gap:8px}.room-header .chat-title{min-width:0}.room-header .chat-title>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-header .chat-title>.icon{color:#a7acb7}
.room-overview{padding:42px clamp(24px,5vw,72px);overflow:auto;flex:1}.overview-heading{padding-bottom:36px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.1em;font-weight:600;color:#9399a6}.overview-heading h1{font-size:28px;letter-spacing:-.04em;margin:12px 0}.overview-heading p{font-size:13px;color:#9da3b0;line-height:1.8;margin:0}.room-list-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.room-list-heading h2{font-size:13px;font-weight:600;margin:0}.room-list-heading>span{font-size:11px;color:#868d9b}.room-list-row{display:flex;width:100%;align-items:center;gap:16px;padding:20px 14px;border-bottom:1px solid var(--line);border-radius:5px;text-align:left}.room-list-row:hover{background:#ffffff05}.room-list-row>.icon:first-child{color:#b4abed;width:24px;height:24px}.room-list-row>.icon:last-child{color:#858c99}.room-list-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.room-list-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-copy span{font-size:11px;color:#9299a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-people{display:flex;align-items:center;gap:4px}.room-list-people small{font-size:11px;color:#a0a7b4;margin-left:8px}.room-empty{padding:64px 20px;text-align:center;color:#8e95a3}.room-empty>.icon{width:40px;height:40px;margin:0 auto 20px;color:#7b749f}.room-empty h2{font-size:17px;color:#d3d6df}.room-empty p{font-size:12px;margin:10px 0 24px}
.room-detail{display:flex;flex:1;min-height:0}.room-main{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:auto}.room-session{padding:28px 28px 0;flex:none}.session-title{display:flex;gap:14px;align-items:center}.session-title>div:nth-child(2){min-width:0;flex:1}.game-emblem{display:grid;place-items:center;width:52px;height:52px;flex:none;background:#33343f;border:1px solid #ffffff0c;border-radius:12px;color:#bcb3ef}.game-emblem .icon{width:28px;height:28px}.session-title h1{margin:7px 0 10px;font-size:22px;letter-spacing:-.035em;overflow-wrap:anywhere}.session-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#979eac}.version-tag{border:1px solid #ffffff16;border-radius:4px;padding:2px 6px;color:#c5c0df}.session-status{font-size:11px;background:#3e8d6b16;color:#80c2a4;border-radius:20px;padding:5px 10px;flex:none}.room-journey{display:flex;align-items:center;gap:14px;margin:28px 0 22px;font-size:11px;color:#777e8d}.room-journey span{display:flex;align-items:center;gap:7px;white-space:nowrap}.room-journey b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #ffffff14;font-size:10px;font-weight:500}.room-journey .current{color:#c2baf0}.room-journey .current b{background:#7568dd25;border-color:#7568dd50}.room-journey i{height:1px;flex:1;max-width:70px;background:#ffffff0b}.room-launch{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.room-launch strong{font-size:12px;color:#c6cad5}.room-launch p{font-size:11px;line-height:1.7;color:#9299a6;margin:5px 0 0}.room-entry{padding:20px 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}.room-entry strong{font-size:13px}.room-entry p{font-size:11px;color:#9299a6;margin:6px 0 0}.room-entry-actions{display:flex;gap:8px;flex-wrap:wrap}.room-membership{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-size:11px;color:#98a5a1}.voice-active{color:#90d1af;border-color:#77bd9233;background:#77bd920c}
.room-chat-heading{margin:0 28px;padding:17px 0 10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;flex:none}.room-chat-heading>.icon{width:16px;height:16px;color:#858d9c}.room-chat-heading strong{font-size:12px}.room-chat-heading>span{font-size:10px;color:#7c8493;margin-left:auto}.game-messages{padding:12px 28px 22px;flex:1;min-height:130px;overflow:auto}.room-chat-empty{font-size:12px;color:#818998;margin:18px 0}.room-system-message{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b93a1;margin:10px 0 20px}.room-system-message>.icon{width:15px;height:15px;color:#78728f}.room-chat-message{display:flex;gap:11px;margin-bottom:20px}.room-chat-message>.avatar{width:30px;height:30px;font-size:11px}.room-chat-message>div:last-child{min-width:0}.room-message-meta{display:flex;align-items:center;gap:10px}.room-message-meta strong{font-size:12px}.room-message-meta time{font-size:10px;color:#7f8796}.room-chat-message p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;color:#c5cad4}.game-composer{margin:0 24px;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#30343d;border:1px solid #ffffff05;border-radius:7px;flex:none}.game-composer>.icon{width:18px;height:18px;color:#8e96a5}.game-composer textarea{resize:none;min-height:24px;max-height:90px;background:none;border:0;outline:0;color:#e0e3e9;flex:1;min-width:0;font:inherit;font-size:12px;line-height:1.7}.game-composer textarea::placeholder{color:#818a9b}.game-composer:focus-within{border-color:#8476ce55}.game-composer button:disabled{opacity:.35;cursor:not-allowed}.game-composer-hint{font-size:9px;color:#757e8e;padding:7px 28px 14px;flex:none}
.room-members-panel{width:228px;flex:none;background:#20232a;border-left:1px solid #0001;padding:24px 16px;display:flex;flex-direction:column;overflow:auto}.room-members-heading{display:flex;align-items:center;justify-content:space-between;color:#a6aebc;margin-bottom:24px}.room-members-heading strong{font-size:11px}.room-members-heading .icon{width:15px;height:15px;color:#747d8c}.room-person{display:flex;align-items:center;gap:10px;margin-bottom:19px}.room-person .avatar{width:32px;height:32px;font-size:12px}.room-person-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.room-person-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-person-copy span{font-size:10px;color:#8f98a8}.room-person.speaking>.avatar{outline:2px solid #4ecb82;outline-offset:2px}.room-member-footer{margin-top:auto;padding-top:28px}.room-member-footer p{font-size:10px;color:#788292;line-height:1.8;padding-bottom:12px}.room-member-footer button{width:100%;margin-top:7px;font-size:11px}
.game-room-overlay{position:fixed;inset:0;z-index:110;background:#0b0d12b8;display:grid;place-items:center;padding:20px}.game-room-dialog{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#292c34;border:1px solid #ffffff12;box-shadow:0 20px 70px #0008;border-radius:10px;padding:24px}.game-room-dialog>header{display:flex;align-items:center;gap:9px}.game-room-dialog>header>.icon{color:#aea4e8}.game-room-dialog h2{font-size:18px;flex:1;margin:0}.dialog-intro{font-size:12px;color:#969fad;line-height:1.7;margin:12px 0 24px}.game-choice{display:flex;align-items:center;gap:12px;padding:14px;background:#23262e;border:1px solid #ffffff0a;border-radius:6px;margin-bottom:22px}.game-choice>.icon{color:#b5ade3}.game-choice>div{flex:1;display:flex;flex-direction:column;gap:6px}.game-choice strong{font-size:13px}.game-choice span{font-size:11px;color:#969dac}.game-choice>.icon:last-child{width:15px;height:15px}.game-room-dialog label:not(.room-checkbox){display:block;font-size:12px;color:#c9cdd6;margin-top:16px}.game-room-dialog label small{font-size:10px;font-weight:400;color:#848d9d}.game-room-dialog input:not([type=checkbox]),.room-confirm-dialog input{display:block;width:100%;height:39px;border-radius:5px;background:#1f2229;border:1px solid #ffffff10;color:#e3e6ed;padding:0 11px;font:inherit;font-size:12px;margin-top:8px}.game-room-dialog input:focus{outline:1px solid #8979db;outline-offset:0}.room-access{display:flex;align-items:center;gap:8px;color:#949cab;font-size:11px;padding:18px 0 4px}.room-access .icon{width:15px;height:15px}.room-checkbox{display:flex;align-items:center;gap:6px;color:#adb5c3;font-size:11px;margin-top:12px}.room-checkbox input{accent-color:#7567db}.game-room-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.dialog-error{font-size:12px;color:#ef969e;line-height:1.6}.room-confirm-dialog{width:min(420px,calc(100vw - 32px));background:#292c34;color:#e3e6ed;border:1px solid #ffffff1a;border-radius:10px;padding:24px;box-shadow:0 20px 70px #0008}.room-confirm-dialog::backdrop{background:#0b0d12b8}.room-confirm-dialog h2{font-size:18px;margin:0 0 14px}.room-confirm-dialog p{font-size:12px;line-height:1.7;color:#a6aebd}.room-confirm-dialog form{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.toast-region{z-index:150;max-width:calc(100vw - 32px)}
@media(min-width:1600px){.room-session{padding-top:38px}.room-session,.game-messages{padding-left:40px;padding-right:40px}.room-chat-heading{margin-left:40px;margin-right:40px}}
@media(max-width:1100px){.room-members-panel{width:185px;padding:20px 12px}.room-session{padding:22px 20px 0}.room-launch{align-items:flex-start}.room-journey{gap:8px}.room-header{padding:0 20px}.room-header .topic,.room-header .header-divider{display:none}.room-main{overflow:auto}.session-status{display:none}.room-journey i{min-width:8px}.room-list-people .mini-avatar{display:none}}
@media(max-width:850px){.channel-sidebar{width:222px;min-width:222px}.room-detail{overflow:auto;flex-direction:column}.room-main{overflow:visible;min-height:600px;flex:none}.room-members-panel{width:auto;border-left:0;border-top:1px solid var(--line);overflow:visible;flex:none}.room-members-heading{margin-bottom:16px}#game-member-list{display:flex;gap:20px;flex-wrap:wrap}.room-member-footer{display:flex;align-items:center;gap:8px;padding-top:0}.room-member-footer p{flex:1;margin:0}.room-member-footer button{width:auto}.room-journey{flex-wrap:wrap;font-size:10px}.room-launch{flex-wrap:wrap}.game-messages{min-height:150px;max-height:300px}.room-entry-actions{width:100%}.room-header-actions{gap:4px}.room-header .room-button{padding:0 8px;font-size:11px}}
@media(max-width:600px){.channel-sidebar{width:164px;min-width:164px}.profile-copy{display:none}.profile-bar{gap:1px;padding:0 4px}.profile-avatar{width:24px;height:24px;font-size:10px}.server-heading{padding:0 10px;gap:7px}.server-heading small{display:none}.squad-mark{width:26px;height:26px}.server-heading strong{font-size:12px}.room-header{padding:0 12px;flex-wrap:wrap;height:auto;min-height:64px;gap:6px}.room-header .chat-title{width:100%;padding-top:10px}.room-header-actions{padding-bottom:9px}.room-overview{padding:26px 16px}.overview-heading h1{font-size:23px}.room-list-row{padding:16px 0;gap:7px}.room-list-row>.icon{display:none}.room-list-people{display:none}.room-session{padding:20px 14px 0}.game-emblem{display:none}.session-title h1{font-size:20px}.session-meta{gap:7px}.room-journey{gap:6px}.room-journey i{display:none}.room-journey span{white-space:normal}.room-journey b{display:none}.room-entry-actions{flex-direction:column}.room-chat-heading{margin:0 14px}.room-chat-heading>span{display:none}.game-messages{padding:10px 14px}.game-composer{margin:0 12px}.room-member-footer{flex-wrap:wrap}.room-member-footer p{flex-basis:100%}.room-membership{flex-wrap:wrap}.voice-connected{padding:8px!important}.connected-status span{max-width:100px!important}.connection-quality>.icon{display:none}.room-nav-hint{margin:9px 5px}}

.room-header-actions{margin-left:auto}.voice-start-game{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:30px;margin-top:5px;color:#bdb5ed;font-size:11px;border-radius:5px}.voice-start-game:hover{background:#ffffff08}.voice-start-game>.icon{width:15px;height:15px}
.game-settings-body h2{font-size:15px;margin:0 0 12px}.game-setting-description{color:#a6aab4;font-size:13px;line-height:1.8}.game-install-card{margin-top:28px;padding:22px;border:1px solid #ffffff13;border-radius:8px;background:#ffffff03}.game-install-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px}.game-install-heading>.icon{width:30px;height:30px;color:#b8afff}.game-install-heading h2{margin:0 0 5px}.game-install-heading span{font-size:12px;color:#a6aab4}#game-install-badge{margin-left:auto;background:#ffffff0b;padding:5px 10px;border-radius:5px}#game-install-path{box-sizing:border-box;width:100%;background:#1e1f22;color:#ddd;border:1px solid #ffffff18;padding:12px;border-radius:5px;font:12px monospace}#game-install-version,#game-search-progress{color:#a6aab4;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.game-setting-actions{display:flex;gap:10px;margin-top:20px}#game-setting-feedback{font-size:13px;color:#bfb9ef;min-height:20px;line-height:1.6}.game-search-heading,.game-search-result{display:flex;align-items:center;justify-content:space-between;gap:15px}.game-search-result{padding:16px 0;border-bottom:1px solid #ffffff12}.game-search-result>div{min-width:0}.game-search-result strong{font-size:13px}.game-search-result p{font-size:12px;color:#9299a6;overflow-wrap:anywhere}.game-search-result button{flex-shrink:0}
.room-relay{margin:16px 0 24px;padding:15px 17px;background:#ffffff03;border:1px solid #ffffff10;border-radius:7px}.room-relay-heading{display:flex;align-items:center;gap:9px;font-size:13px}.room-relay-heading>.icon{color:#b6acef}.room-relay-heading>span{font-size:10px;color:#a4a8b4}.room-relay-heading>button{margin-left:auto}.room-relay p{font-size:12px;line-height:1.7;color:#c1c4cc;margin:10px 0 0}.room-relay small,.room-relay p.relay-guide{font-size:11px;color:#959ba9}.room-relay small{display:block;margin-top:8px}