#app.is-spectating #view *{pointer-events:none!important}#app.is-spectating #view{cursor:default}.mod-spectator-bar{position:fixed;top:calc(var(--tg-safe-top,0px) + 6px);left:50%;transform:translateX(-50%);z-index:90;display:flex;gap:6px;max-width:calc(100vw - 110px);flex-wrap:wrap;justify-content:center;pointer-events:none}.mod-spectator-bar.hidden{display:none}.mod-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);border:2px solid var(--nt-ink,#211a10);border-radius:999px;box-shadow:2px 2px 0 var(--nt-shadow,rgba(0,0,0,.4));font-family:var(--nt-font-fa, inherit);font-size:11.5px;font-weight:800}.mod-chip-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-chip-tag{background:var(--nt-mint,#2dd9c4);border:1.5px solid var(--nt-ink,#211a10);border-radius:999px;padding:0 6px;font-size:9.5px}.mod-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--nt-ink,#211a10);flex:0 0 auto;display:inline-block}.mod-avatar-ph{display:inline-flex;align-items:center;justify-content:center;background:var(--nt-mustard,#f0b429);color:var(--nt-ink,#211a10);font-weight:900}.mod-announce{position:fixed;top:calc(var(--tg-safe-top,0px) + 44px);left:0;right:0;z-index:160;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.mod-announce-item{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:999px;box-shadow:3px 3px 0 var(--nt-shadow,rgba(0,0,0,.4));font-family:var(--nt-font-fa, inherit);opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .3s,transform .3s}.mod-announce-item.show{opacity:1;transform:none}.mod-announce-item b{font-size:13px;margin-left:6px}.mod-announce-item span{font-size:11.5px;opacity:.8}.mod-announce-item.quiet{padding:5px 12px 5px 8px}.mod-pause-overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:rgba(20,16,10,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:24px}.mod-pause-overlay.hidden{display:none}.mod-pause-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:22px;box-shadow:5px 5px 0 var(--nt-shadow,rgba(0,0,0,.4));padding:22px 20px;max-width:320px;font-family:var(--nt-font-fa, inherit)}.mod-pause-title{font-size:17px;font-weight:900}.mod-pause-sub{font-size:12.5px;line-height:1.9;opacity:.85}.mod-pause-slim{inset:auto;top:calc(var(--tg-safe-top,0px) + 56px);left:50%;transform:translateX(-50%);background:var(--nt-mustard,#f0b429);color:var(--nt-ink,#211a10);border:2px solid var(--nt-ink,#211a10);border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:800;backdrop-filter:none;z-index:95;pointer-events:none;font-family:var(--nt-font-fa, inherit);white-space:nowrap}.mod-fab{position:fixed;top:calc(var(--tg-safe-top,0px) + 8px);left:max(calc(var(--tg-safe-left,0px) + 8px),calc(50% - 240px + 8px));z-index:210;width:42px;height:42px;border-radius:50%;border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);background:var(--nt-mint,#2dd9c4);box-shadow:3px 3px 0 var(--nt-shadow,rgba(0,0,0,.4));font-size:19px;display:flex;align-items:center;justify-content:center;padding:0}.mod-fab.hidden{display:none}.mod-fab:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nt-shadow,rgba(0,0,0,.4))}.mod-menu{position:fixed;top:calc(var(--tg-safe-top,0px) + 58px);left:max(calc(var(--tg-safe-left,0px) + 8px),calc(50% - 240px + 8px));z-index:210;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--nt-surface,#fff);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:16px;box-shadow:4px 4px 0 var(--nt-shadow,rgba(0,0,0,.4));min-width:210px}.mod-menu.hidden{display:none}.mod-menu button{text-align:right;font-family:var(--nt-font-fa, inherit);font-weight:800;font-size:13px;padding:9px 12px;border-radius:10px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10)}.mod-menu button.danger{background:var(--nt-coral,#ff6b5b)}.mod-panel-overlay{z-index:105;align-items:flex-start}.mod-dialog-overlay{z-index:130}.mod-panel-card{width:min(100%,460px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:10px}.mod-dialog-card{width:min(100%,380px);display:flex;flex-direction:column;gap:10px}.mod-panel-head{display:flex;align-items:center;justify-content:space-between}.mod-x{width:32px;height:32px;border-radius:50%;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10);font-weight:900}.mod-tabs{display:flex;gap:6px}.mod-tabs button{flex:1;font-family:var(--nt-font-fa, inherit);font-weight:800;font-size:12px;padding:8px 6px;border-radius:12px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10)}.mod-tabs button.active{background:var(--nt-mustard,#f0b429);box-shadow:2px 2px 0 var(--nt-shadow,rgba(0,0,0,.4))}.mod-tab-badge{display:inline-block;min-width:16px;padding:0 4px;border-radius:999px;background:var(--nt-coral,#ff6b5b);border:1.5px solid var(--nt-ink,#211a10);font-size:10px}.mod-tab-badge.hidden{display:none}.mod-panel-body{overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:120px;max-height:60vh}.mod-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:14px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10)}.mod-row-main{flex:1;min-width:0}.mod-row-title{font-weight:900;font-size:13px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mod-row-sub{font-size:11.5px;opacity:.8;margin-top:3px;word-break:break-word}.mod-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.mod-muted{font-size:11px;opacity:.6}.mod-tag{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;border:1.5px solid var(--nt-ink,#211a10);background:var(--nt-surface,#fff)}.mod-tag.ranked{background:var(--nt-mustard,#f0b429)}.mod-tag.friendly{background:var(--nt-mint,#2dd9c4)}.mod-tag.paused{background:var(--nt-coral,#ff6b5b)}.mod-lobby-seats,.mod-people{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.mod-person{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10)}.mod-person.focus{outline:3px solid var(--nt-coral,#FF6B5B)}.mod-person.current{background:var(--nt-mint,#2dd9c4)}.mod-person.empty{opacity:.55}.mod-person-name{flex:1;font-weight:800;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-person-actions{display:flex;gap:5px}.mod-person-actions button{font-family:var(--nt-font-fa, inherit);font-weight:800;font-size:11.5px;padding:5px 9px;border-radius:9px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10)}.mod-person-actions button.warn{background:var(--nt-mustard,#f0b429)}.mod-person-actions button.danger{background:var(--nt-coral,#ff6b5b)}.mod-person-actions button:disabled{opacity:.45}.mod-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);font-family:var(--nt-font-fa, inherit);font-size:14px}.mod-dialog-text{line-height:1.9}.mod-dialog-cancel{background:0 0;border:0;color:inherit;opacity:.75;font-family:var(--nt-font-fa, inherit);font-weight:800;padding:6px}.mod-danger-btn{background:var(--nt-coral,#ff6b5b)!important}.mod-lobby-card{display:flex;flex-direction:column;gap:10px}.mod-lobby-badge{align-self:flex-start;font-weight:900;font-size:11.5px;padding:3px 10px;background:var(--nt-mint,#2dd9c4);border:2px solid var(--nt-ink,#211a10);border-radius:999px}.mod-lobby-hint,.mod-lobby-observers{font-size:11.5px;opacity:.8;line-height:1.8}.mod-person.voice-connected .mod-avatar{border-color:var(--nt-mint,#2dd9c4)}.mod-person.speaking .mod-avatar{box-shadow:0 0 0 4px var(--nt-mint,#2dd9c4)}.mod-banned-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(20,16,10,.92);padding:24px}.mod-banned-card{background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:22px;padding:24px 20px;text-align:center;max-width:320px;font-family:var(--nt-font-fa, inherit);display:flex;flex-direction:column;gap:10px}.mod-banned-icon{font-size:40px}.mod-banned-title{font-weight:900;font-size:17px}.mod-banned-reason{font-size:12.5px;opacity:.85;line-height:1.9}.mod-appeal-text{width:100%;min-height:90px;resize:vertical;box-sizing:border-box;padding:10px;font:inherit;font-size:13px;color:inherit;background:var(--nt-surface-2,#f3ead8);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:12px}.mod-appeal-btn{font:inherit;font-weight:900;font-size:14px;padding:10px 14px;cursor:pointer;color:var(--nt-ink,#211a10);background:var(--nt-accent,#ffc94d);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:14px}.mod-appeal-btn.is-ghost{background:0 0}.mod-appeal-btn:disabled{opacity:.5;cursor:default}.mod-appeal-status{font-weight:900;font-size:13.5px;line-height:1.8}#app.is-viewer #chatFabBtn,#app.is-viewer #voiceFabBtn{display:none!important}.mod-chip-count{padding:3px 10px}.mod-chip-self{padding:3px 10px;background:var(--nt-surface-2,#f3ead8);opacity:.92}.mod-menu button.reveal{background:var(--nt-mustard,#f0b429)}.mod-menu-note{font-size:11px;line-height:1.8;opacity:.75;padding:0 4px 2px;color:var(--nt-ink,#211a10);font-family:var(--nt-font-fa, inherit)}.mod-lobby-hidden{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:10px;border-radius:14px;border:2px dashed var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);font-size:12px;line-height:1.8}.mod-lobby-hidden button{font-family:var(--nt-font-fa, inherit);font-weight:800;font-size:12px;padding:6px 12px;border-radius:10px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-mustard,#f0b429);color:var(--nt-ink,#211a10)}.mod-seg{display:flex;gap:6px;margin-bottom:10px}.mod-seg button{flex:1;font-family:var(--nt-font-fa, inherit);font-weight:800;font-size:12.5px;padding:9px 6px;border-radius:14px;border:2px solid var(--nt-ink,#211a10);background:var(--nt-surface-2,#f3ead8);color:var(--nt-ink,#211a10)}.mod-seg button.active{background:var(--nt-mustard,#f0b429);box-shadow:2px 2px 0 var(--nt-shadow,rgba(0,0,0,.4))}.maint-screen{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--nt-bg,#fff8e8);direction:rtl}.maint-card{max-width:340px;width:100%;text-align:center;display:flex;flex-direction:column;gap:10px;padding:22px 18px;background:var(--nt-surface,#fff);color:var(--nt-ink,#211a10);border:var(--nt-bw,2.5px) solid var(--nt-ink,#211a10);border-radius:20px}.maint-icon{font-size:44px}.maint-title{font-weight:900;font-size:17px}.maint-text{font-size:13px;line-height:1.9;opacity:.85}.maint-banner{position:fixed;top:0;inset-inline:0;z-index:9998;padding:6px 12px;text-align:center;font-size:12px;font-weight:800;background:var(--nt-accent,#ffc94d);color:var(--nt-ink,#211a10);border-bottom:2px solid var(--nt-ink,#211a10);direction:rtl}