:root{--nav-h: 50px;--bg: #14181d;--bg-2: #1a2027;--panel: #212832;--panel-2: #29313c;--border: #333c47;--text: #e7ecf1;--muted: #93a0ad;--accent: #4c9aff;--green: #3fa34d;--red: #d9534f;--gold: #e8b84b;--radius: 10px;--board-offset: 235px;--side-width: 420px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%}.navbar{flex:0 0 auto}.app-body{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 16px var(--side-width);grid-template-rows:auto minmax(0,1fr);gap:0;padding-left:var(--chat-width);transition:padding-left .18s ease}.board-column{grid-column:1;grid-row:2;padding:12px 0 12px 16px}.splitter{grid-column:2;grid-row:2}.side{grid-column:3;grid-row:2;margin:0}.navbar{display:flex;align-items:center;gap:14px;height:var(--nav-h);padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand-stone{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#7a7a7a,#000 70%);box-shadow:inset 0 -2px 4px #00000080,0 1px 2px #0009}.brand-name{font-weight:700;letter-spacing:.3px;white-space:nowrap}.tabs{display:flex;flex:0 0 auto;background:var(--bg-2);border-bottom:1px solid var(--border)}.tab{flex:1;padding:10px 6px;text-align:center;cursor:pointer;color:var(--muted);background:transparent;border:none;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--text);background:#ffffff08}.tab.active{color:var(--text);border-bottom-color:var(--accent);background:#4c9aff14}.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip.ok{color:#9ee6a8;border-color:#3fa34d80}.chip.busy{color:var(--gold);border-color:#e8b84b80}.chip.result{color:var(--text);font-weight:600;border-color:#e8b84b80}.user-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#08111c;flex:0 0 auto;border:1px solid rgba(255,255,255,.25)}.user-dot.big{width:40px;height:40px;font-size:18px}.user-btn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;padding:4px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);cursor:pointer}.user-btn:hover{background:#354052}.user-btn-name{font-size:13px;white-space:nowrap}.user-preview{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 14px}.user-preview-name{font-size:18px;font-weight:600}.swatches{display:flex;gap:8px}.swatch{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:var(--text)}.splitter{position:relative;cursor:col-resize;background:transparent}.splitter:before{content:"";position:absolute;top:4px;right:7px;bottom:4px;left:7px;border-radius:2px;background:var(--border);transition:background .15s}.splitter:hover:before,.splitter.dragging:before{background:var(--accent)}.board-column{display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:10px;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.board-canvas,.players-row,.board-caption,.board-tools{width:min(100%,calc(100vh - var(--board-offset)))}.analyze-bar,.control-bar{width:100%}.board-canvas{height:auto;border-radius:8px;box-shadow:0 10px 30px #00000073;cursor:pointer;touch-action:manipulation}.board-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;min-height:26px;padding:4px 10px;font-size:13px;color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;text-align:center}.player-card{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 2px}.player-card.active .player-name{color:var(--gold)}.players-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;padding:5px 12px;background:linear-gradient(180deg,#ffffff06,#0000000d),var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff08}.player-card.side-right{flex-direction:row-reverse;text-align:right}.player-card.side-right .player-name{flex-direction:row-reverse}.players-mid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:0;min-width:0;padding:0 14px;text-align:center;font-size:12px;line-height:1.32;color:var(--muted)}.players-mid:before,.players-mid:after{content:"";position:absolute;top:14%;bottom:14%;width:1px;background:linear-gradient(to bottom,transparent,var(--border) 30%,var(--border) 70%,transparent)}.players-mid:before{left:0}.players-mid:after{right:0}.players-mid .rules-name{color:var(--text);font-weight:600;font-size:12.5px;white-space:nowrap;letter-spacing:.2px}.players-mid .rules-meta{white-space:nowrap;opacity:.9}.players-mid .result{color:var(--gold);font-weight:600}.player-avatar{position:relative;width:32px;height:32px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;color:#08111c;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 -2px 5px #00000047,0 1px 3px #00000073}.player-avatar.engine{background:linear-gradient(135deg,#3a4756,#232c36);color:#cdd8e3}.player-online{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#5b6672;border:2px solid var(--panel)}.player-online.on{background:#4dcd5e;box-shadow:0 0 6px #4dcd5eb3}.player-stone-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;display:inline-block;box-shadow:inset 0 -1px 2px #0006,0 0 0 1px #ffffff40}.player-stone-dot.black{background:radial-gradient(circle at 32% 28%,#6d6d6d,#111 68%)}.player-stone-dot.white{background:radial-gradient(circle at 32% 28%,#fff,#cfcfcf 72%)}.player-main{flex:1;min-width:0}.player-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;letter-spacing:.2px}.player-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.player-card.side-right .player-side{align-items:flex-start}.player-card.side-right .player-clock{align-items:flex-start;text-align:left}.player-captures .cap-label{opacity:.72}.player-captures b{color:var(--text);font-weight:600}.player-captures{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap;flex:0 0 auto}.control-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:6px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.tb-group{display:inline-flex;align-items:center;gap:2px}.tb-sep{width:1px;align-self:stretch;margin:3px 5px;background:var(--border)}.tb-btn{min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12.5px;line-height:1;color:var(--text);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;white-space:nowrap}.tb-btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.tb-btn:disabled{opacity:.4;cursor:not-allowed}.tb-btn.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.tb-btn.danger{color:#ffb4b1}.tb-btn.danger:hover:not(:disabled){background:#d9534f29;border-color:#d9534f80}.control-bar .file-btn{cursor:pointer}.control-bar .file-btn.disabled{opacity:.4;pointer-events:none}.tb-tabs{display:none}.board-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:3px 5px;padding:4px 5px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.board-tools .control-bar>.tb-group:first-child{margin-right:auto}.board-tools>.control-bar{display:contents}.board-tools .tb-group{gap:1px}.board-tools .tb-group>.tb-btn{min-width:28px;height:28px;padding:0 5px;gap:2px;font-size:13.5px}.tb-btn .icon{flex:0 0 auto;display:block}.board-tools .tb-sep{margin:2px 3px}.analyze-panel{padding:3px 6px}.analyze-panel .analyze-bar{display:flex;flex-wrap:nowrap;align-items:stretch;gap:3px;width:100%}.analyze-panel .analyze-bar>.tb-group{display:contents}.analyze-panel .analyze-bar .tb-btn{flex:1 1 0;min-width:0;height:24px;padding:0 2px;font-size:12.5px}.analyze-panel .analyze-bar .icon{width:15px;height:15px}.analyze-panel .analyze-bar .doodle-picker{flex:1 1 0;display:flex;min-width:0}.analyze-panel .analyze-bar .doodle-picker>.tb-btn{flex:1 1 0;width:100%}.analyze-panel .doodle-palette{top:calc(100% + 6px);bottom:auto}.analyze-bar .mark-btn{min-width:28px;padding:0 6px;font-size:14px}.doodle-picker{position:relative;display:inline-flex}.doodle-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--border);display:block}.doodle-palette{position:absolute;right:0;bottom:calc(100% + 8px);z-index:45;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 32px #00000073}.doodle-color{width:16px;height:16px;padding:0;border-radius:50%;border:1px solid var(--border);cursor:pointer}.doodle-color.active{border-color:var(--accent);box-shadow:0 0 0 2px #4c9aff59}.board-canvas.board-analyze{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.tb-prompt{display:inline-flex;align-items:center;gap:6px;padding:2px 6px 2px 10px;border-radius:8px;background:#e8b84b1f;border:1px solid rgba(232,184,75,.45);color:var(--gold);font-size:12.5px;white-space:nowrap}.tb-prompt .tb-btn{color:inherit}.tb-prompt .tb-btn.primary{color:#06121f}.tb-note{flex:0 0 auto}.tb-settings{position:relative}.tb-pop{position:absolute;right:0;bottom:calc(100% + 8px);z-index:40;width:244px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 32px #00000073;text-align:left}.tb-pop-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:#aab6c2}.tb-pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.tb-pop-row>.k{flex:0 0 auto;font-size:12.5px;color:var(--muted)}.tb-pop .seg>button{padding:3px 8px;font-size:11.5px}.tb-pop .switch{font-size:12.5px;padding:5px 0}.tb-pop-sep{height:1px;background:var(--border);margin:6px 0 4px}.tb-pop-note{font-size:11.5px;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-pop .tb-pop-row input[type=number]{width:84px;padding:3px 6px;font-size:12px}.tb-pop-actions{padding:2px 4px 0}.tb-pop-hint{padding:3px 4px 0;font-size:11px;line-height:1.45;color:var(--muted)}button{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}button:hover:not(:disabled){background:#354052;border-color:#46525f}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}button.primary:hover:not(:disabled){background:#66acff}button.on{background:var(--green);border-color:var(--green);color:#07160a;font-weight:600}button.danger{color:#ffb4b1}button.icon{padding:6px 10px}.side{display:flex;flex-direction:column;min-height:0;background:var(--panel);overflow:hidden}.tab-body{padding:12px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.tab-body.stacked{gap:0;padding:0}.tab-body.stacked>.panel{flex:0 0 auto;padding:10px 12px 12px;background:transparent;border:none;border-top:1px solid var(--border);border-radius:0}.tab-body.stacked>.panel:first-child{border-top:none;padding-top:12px}.tab-body.stacked>.panel.chat-section{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.panel-empty{padding:6px 0;color:var(--muted);font-size:12px;text-align:center}.tab-body.stacked>.panel.game-status{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg-2);border-bottom:1px solid var(--border)}.tab-body.stacked>.panel.game-status:first-child{padding-top:9px}.tab-body.stacked>.panel.game-status+.panel{border-top:none}.game-status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#5b6672}.game-status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.game-status-meta{margin-left:auto;flex:0 0 auto;display:flex;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.game-status.tone-live .game-status-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.game-status.tone-busy .game-status-dot{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulse 1.2s ease-in-out infinite}.game-status.tone-over .game-status-dot{background:var(--red)}.game-status.tone-over .game-status-text{color:var(--gold)}.pv-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.tab-body.stacked>.panel.pv-panel{padding:6px 12px 7px}.pv-panel button{padding:2px 10px;font-size:11.5px}.pv-text{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:12px;line-height:1.5;color:#c8d0d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg{display:inline-flex;gap:2px;padding:2px;background:#111721;border:1px solid var(--border);border-radius:9px}.seg.wide{display:flex;width:100%}.seg>button{flex:1;padding:4px 10px;font-size:12px;color:var(--muted);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.seg>button:hover:not(:disabled){background:#ffffff0d;border-color:transparent;color:var(--text)}.seg>button.active{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff12}.switch-list{display:flex;flex-direction:column;margin-top:4px;border-top:1px solid rgba(255,255,255,.05)}.switch{position:relative;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:5px 2px;font-size:13px;color:var(--text);cursor:pointer}.switch+.switch{border-top:1px solid rgba(255,255,255,.05)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch:focus-within i{box-shadow:0 0 0 2px #4c9aff59}.switch i{position:relative;flex:0 0 auto;width:34px;height:19px;border-radius:999px;background:#2c3540;border:1px solid var(--border);transition:background .15s,border-color .15s}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#b6c0cb;transition:transform .15s,background .15s}.switch input:checked+i{background:#4c9aff52;border-color:var(--accent)}.switch input:checked+i:after{transform:translate(15px);background:#cfe1ff}.tab-body,.spectator-list,.gc-log,.tree-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.tab-body::-webkit-scrollbar,.spectator-list::-webkit-scrollbar,.gc-log::-webkit-scrollbar,.tree-scroll::-webkit-scrollbar{width:8px;height:8px}.tab-body::-webkit-scrollbar-track,.spectator-list::-webkit-scrollbar-track,.gc-log::-webkit-scrollbar-track,.tree-scroll::-webkit-scrollbar-track{background:transparent}.tab-body::-webkit-scrollbar-thumb,.spectator-list::-webkit-scrollbar-thumb,.gc-log::-webkit-scrollbar-thumb,.tree-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.tab-body::-webkit-scrollbar-thumb:hover,.spectator-list::-webkit-scrollbar-thumb:hover,.gc-log::-webkit-scrollbar-thumb:hover,.tree-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.panel h3{margin:0 0 8px;font-size:13px;color:var(--accent)}.panel h3 .hint{color:var(--muted);font-weight:400;margin-left:6px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);margin-bottom:8px}label.inline{flex-direction:row;align-items:center;gap:8px}input,select,textarea{background:#111721;border:1px solid var(--border);border-radius:7px;padding:6px 9px;width:100%}input[type=checkbox]{width:auto}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6f7c89}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.info-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px}.info-line .k{color:var(--muted)}.muted{color:var(--muted);font-size:12px;word-break:break-all}.spectator-box{height:calc(440px / 3);display:flex;flex-direction:column;min-height:0}.spectator-box .panel-empty{margin:auto}.spectator-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow:auto}.spectator-list li{display:flex;align-items:center;gap:8px;padding:3px;font-size:13px;border-radius:6px}.spectator-list li+li{border-top:1px solid rgba(255,255,255,.04)}.spectator-list li:hover{background:#ffffff08}.spectator-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.spectator-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-list{max-height:280px;overflow:auto;font-variant-numeric:tabular-nums}.move-row{display:grid;grid-template-columns:46px 18px 1fr;align-items:center;gap:6px;padding:3px 6px;border-radius:6px;cursor:pointer}.move-row:hover{background:#2c3540}.move-row.current{background:#3a4a5e}.move-no{color:var(--muted);font-size:12px;text-align:right}.move-dot{width:11px;height:11px;border-radius:50%}.move-dot.b{background:#111;border:1px solid #666}.move-dot.w{background:#eee;border:1px solid #999}.move-coord{font-size:13px}.tree-scroll{height:80px;overflow:auto}.tree-scroll svg{display:block}.winrate-wrap{width:100%}.winrate-canvas{display:block;max-width:100%}.tab-body.stacked>.panel.chart-panel{padding:3px 0 0}.gc-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.gc-head .gc-modes>button{padding:3px 8px;font-size:11px}.gc-log{display:flex;flex-direction:column;flex:1 1 auto;height:260px;min-height:96px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.5}.gc-line{padding-left:6px;border-left:2px solid transparent;white-space:pre-wrap;word-break:break-word}.gc-line+.gc-line{margin-top:1px}.gc-time{display:inline-block;min-width:34px;margin-right:5px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.gc-nick{margin-right:6px;font-weight:600}.gc-line.mine .gc-nick{color:var(--accent)}.gc-line.sys .gc-nick{color:var(--muted);font-weight:400}.gc-line.sys .gc-text{color:var(--muted)}.gc-line.mode-malkovich{border-left-color:var(--green)}.gc-line.mode-malkovich .gc-nick{color:var(--green)}.gc-line.mode-personal{border-left-color:#b48cff}.gc-line.mode-personal .gc-nick{color:#b48cff}.gc-empty{margin:auto;padding:14px;text-align:center;font-size:12px;color:var(--muted)}.gc-link{color:#7cc0ff;text-decoration:underline;word-break:break-all}.gc-var-link{margin-left:6px;padding:0;border:0;background:none;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;white-space:nowrap}.gc-var-link:hover{color:#7cc0ff}.gc-inputbar{display:flex;align-items:flex-end;gap:6px;margin-top:8px}.gc-input{flex:1;min-width:0;max-height:84px;padding:7px 12px;border:1px solid transparent;border-radius:16px;background:var(--panel-2);color:var(--text);font:inherit;font-size:13px;line-height:1.4;resize:none;overflow-y:auto;transition:background .15s,border-color .15s}.gc-input::placeholder{color:var(--muted)}.gc-input:hover{background:#303a47}.gc-input:focus{outline:none;background:#303a47;border-color:#4c9aff8c}.gc-send{flex:0 0 auto;width:32px;height:32px;margin-bottom:1px;padding:0;border:none;border-radius:50%;background:var(--accent);color:#06121f;font-size:14px;line-height:1;cursor:pointer;transition:background .15s,transform .1s}.gc-send:hover:not(:disabled){background:#66acff}.gc-send:active:not(:disabled){transform:scale(.94)}.gc-send:disabled{opacity:.4;cursor:default}.file-btn.ghost{display:inline-block;padding:6px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer}.file-btn.ghost:hover{background:#354052}.seat-row{display:grid;grid-template-columns:14px 40px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid var(--border)}.seat-row:last-of-type{border-bottom:none}.seat-color{color:var(--muted);font-size:13px}.seat-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-tag{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.seat-tag.me{color:#08111c;background:var(--accent);border-color:var(--accent);font-weight:700}.player-name .seat-tag{margin-left:6px;vertical-align:middle}.loading{display:grid;place-items:center;height:100%;color:var(--muted);font-size:16px}@media (max-width: 1120px){.app{height:auto;min-height:100%}.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.app-body .board-column{grid-column:1;grid-row:2;padding:12px 16px 0;overflow:visible}.app-body .splitter{display:none}.app-body .side{grid-column:1;grid-row:3;margin:12px 16px;min-height:480px}}.player-clock{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:0 0 auto;min-width:62px;padding:2px 8px;border-radius:7px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid rgba(255,255,255,.07);text-align:right}.player-clock .clock-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:16px;line-height:1.1;color:var(--text)}.player-clock.byo{border-color:#d9534f8c}.player-clock.byo .clock-time{color:var(--red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:min(420px,90vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px 24px;text-align:center;box-shadow:0 16px 48px #0000008c}.modal h2{margin:0 0 6px;font-size:16px;color:var(--muted);font-weight:500}.modal-result{font-size:26px;font-weight:700;color:var(--gold);margin:6px 0 10px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}@media (max-width: 640px){.players-row{grid-template-columns:1fr auto 1fr;gap:0;padding:3px 8px}.players-mid{font-size:10px;gap:0;padding:0 8px}.players-mid .rules-name{font-size:10.5px;letter-spacing:0}.players-mid .rules-meta{font-size:10px}.players-mid .rules-name,.players-mid .rules-meta{white-space:normal}.player-card{gap:5px;padding:0}.player-avatar{width:24px;height:24px;font-size:11px}.player-online{width:8px;height:8px;border-width:1px}.player-stone-dot{display:none}.player-name{gap:4px;font-size:12.5px}.player-name-text{flex:1;min-width:0}.player-sub{font-size:10px}.seat-tag{padding:0 4px;font-size:9.5px}.player-captures{font-size:11px}.player-captures .cap-label{display:none}.player-clock{min-width:42px;padding:1px 4px}.player-clock .clock-time{font-size:13.5px}}.nav-tabs{display:flex;gap:4px;flex:0 0 auto;margin-left:4px}.nav-tab{display:inline-flex;align-items:center;padding:5px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;text-decoration:none}.nav-tab:hover:not(:disabled){color:var(--text);background:#ffffff0f}.nav-tab.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}.nav-tab:disabled{opacity:.4;cursor:not-allowed}.app-body.game{--board-offset: 321px}.hall{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-content:start;gap:12px;padding:12px 16px;overflow:auto;min-height:0}.hall-main-col,.hall-side{display:flex;flex-direction:column;gap:12px;min-width:0}.hall-tabs{margin-bottom:10px}.notice{margin-bottom:8px;padding:7px 10px;border-radius:7px;background:#d9534f24;border:1px solid rgba(217,83,79,.45);color:#ffc2bf;font-size:13px}.panel h3 .right{float:right;margin-top:-2px}.hall-list{display:flex;flex-direction:column;gap:8px}.hall-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:9px}.hall-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hall-title{display:flex;align-items:center;gap:8px;min-width:0}.hall-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-vs{color:var(--muted);font-size:12px;font-weight:400}.hall-phase{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.hall-phase.waiting{color:#9ee6a8;border-color:#3fa34d80}.hall-phase.live{color:var(--gold);border-color:#e8b84b80}.hall-phase.over{color:var(--muted)}.hall-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.hall-actions{display:flex;gap:6px;flex:0 0 auto}.user-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}.user-row{display:flex;align-items:center;gap:8px;font-size:13px}.user-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1120px){.hall{grid-template-columns:minmax(0,1fr)}}.games-page{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:12px 16px;overflow:auto;min-height:0}.games-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.games-toolbar-spacer{flex:1}.games-toolbar select{width:auto}.games-toolbar .inline{display:inline-flex;align-items:center;gap:6px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px}.pager-btn{min-width:34px;padding:5px 10px}.pager-btn.active{color:var(--text);border-color:var(--accent);background:#4c9aff1f}.pager-ellipsis{color:var(--muted);padding:0 2px}.pager-info{margin-left:8px;font-size:12px;color:var(--muted)}:root{--chat-width: 320px}.app.chat-collapsed{--chat-width: 52px}.chat-dock{position:absolute;left:0;top:0;bottom:0;width:var(--chat-width);display:flex;flex-direction:column;min-height:0;background:var(--bg-2);border-right:1px solid var(--border);z-index:10;transition:width .18s ease;overflow:hidden}.chat-tabbar{display:flex;align-items:stretch;flex:0 0 auto;overflow-x:auto;background:var(--bg-2);border-bottom:1px solid var(--border)}.chat-chat-tab{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:92px;max-width:200px;padding:7px 8px 7px 10px;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.chat-chat-tab:hover{background:#ffffff0a;color:var(--text)}.chat-chat-tab.active{color:var(--text);border-bottom-color:var(--accent);background:#4c9aff14}.chat-chat-tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.chat-chat-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:0 0 auto}.chat-chat-tab-close{width:18px;height:18px;padding:0;line-height:1;border-radius:4px;flex:0 0 auto;color:var(--muted);font-size:13px}.chat-chat-tab-close:hover{color:var(--red);background:#d9534f1f}.chat-view{flex:1;min-height:0;display:flex;flex-direction:column}.chat-view-head{display:flex;align-items:center;gap:6px;height:38px;flex:0 0 auto;padding:0 12px;border-bottom:1px solid var(--border);background:#ffffff05}.chat-view-title{min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view-hint{color:var(--muted);font-size:11px}.chat-rail-head{display:flex;align-items:center;gap:8px;height:46px;flex:0 0 auto;padding:0 10px;border-bottom:1px solid var(--border)}.chat-rail-title{font-weight:700;white-space:nowrap}.chat-rail-head-spacer{flex:1}.chat-rail-toggle{position:relative;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex:0 0 auto}.chat-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700}.chat-dock.collapsed{flex-direction:column;align-items:center;gap:12px;padding-top:12px}.chat-dock.collapsed .chat-rail-toggle{width:36px;height:36px;font-size:18px;background:var(--panel-2)}.chat-rail-icon{line-height:1}.chat-rail-label{writing-mode:vertical-rl;font-size:12px;letter-spacing:3px;color:var(--muted)}.chat-rail-body{flex:1;min-height:0;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-conv-group{display:flex;flex-direction:column;gap:2px}.chat-conv-label{display:flex;align-items:center;gap:6px;padding:8px 4px 4px;font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.chat-conv{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;border:1px solid transparent;cursor:pointer;min-width:0}.chat-conv:hover{background:#ffffff0a}.chat-conv.open{background:var(--panel-2);border-color:var(--accent)}.chat-conv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.chat-conv-title{display:flex;align-items:center;gap:5px;font-size:13px}.chat-conv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-conv-time{margin-left:auto;flex:0 0 auto;font-size:10px;font-weight:400;color:var(--muted)}.chat-conv-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-badge{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:700}.chat-online{width:7px;height:7px;border-radius:50%;background:#5b6672;flex:0 0 auto}.chat-online.on{background:var(--green);box-shadow:0 0 6px var(--green)}.chat-tabs .tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 4px;font-size:13px}.chat-tab-badge{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700}.chat-count{margin-left:4px;font-weight:400;color:var(--muted)}.chat-members{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 7px;padding-left:8px;border-left:2px solid var(--border)}.chat-member{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;min-width:0}.chat-member.clickable{cursor:pointer}.chat-member.clickable:hover{background:#ffffff0a}.chat-member .user-dot{width:20px;height:20px;font-size:11px}.chat-member-main{flex:1;min-width:0;display:flex;flex-direction:column}.chat-member-name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-member-hint{font-size:10px;color:var(--muted)}.chat-pane-body{flex:1;min-height:0;overflow:auto;padding:12px 10px;display:flex;flex-direction:column;gap:3px}.chat-icon-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex:0 0 auto;font-size:15px;line-height:1}.chat-icon-btn.on{background:var(--panel-2);color:var(--text)}.chat-msg{display:flex;gap:8px;align-items:flex-end;max-width:100%}.chat-msg.mine{flex-direction:row-reverse}.chat-msg.first{margin-top:10px}.chat-msg-avatar{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#08111c;border:1px solid rgba(255,255,255,.25)}.chat-msg-body{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:80%}.chat-msg.mine .chat-msg-body{align-items:flex-end}.chat-msg-meta{display:flex;align-items:baseline;gap:6px;padding:0 3px;font-size:11px;color:var(--muted)}.chat-msg-meta .who{color:var(--text);font-weight:600}.chat-msg-bubble{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-msg.mine .chat-msg-bubble{background:#4c9aff29;border-color:#4c9aff73}.chat-thread-input{display:flex;gap:6px;padding:8px;flex:0 0 auto;border-top:1px solid var(--border)}.chat-thread-input input{flex:1}@media (max-width: 640px){.chat-rail-label{display:none}}.view-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.view-switch button{padding:5px 14px;background:transparent;border:none;border-radius:0;color:var(--muted);cursor:pointer}.view-switch button.active{background:var(--panel-2);color:var(--text)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.game-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow:hidden}.game-card-body{display:flex;flex-direction:column;gap:6px;padding:10px}.game-card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-board{display:block;width:100%;height:auto}.mini-board-bg{fill:#e0b060}.mini-grid{fill:none;stroke:#3c26088c;stroke-width:.06}.mini-star{fill:#3c2608cc}.mini-stone.b{fill:#141414}.mini-stone.w{fill:#f4f1ea;stroke:#00000073;stroke-width:.05}.mini-last{fill:#e5484d}.groups-page{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:12px 16px;overflow:auto;min-height:0}.groups-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.groups-toolbar input{flex:0 1 260px}.group-list{display:flex;flex-direction:column;gap:10px}.group-card{background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.group-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-name{font-weight:600}.group-settings{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;margin-top:4px}.group-settings .inline{display:inline-flex;align-items:center;gap:4px}.group-actions{display:inline-flex;gap:6px;margin-left:auto}.group-pending{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--border);padding-top:8px}.profile-page{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:12px 16px;overflow:auto;min-height:0}.profile-auth{display:flex;flex-direction:column;gap:12px}.engine-log-box{margin-top:8px;display:flex;flex-direction:column;gap:4px}.engine-log{max-height:220px;overflow:auto;margin:0;padding:8px 10px;border-radius:6px;background:#00000047;color:var(--text, #e6e6e6);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.engine-log:empty{display:none}.inline-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-group .inline{display:inline-flex;align-items:center;gap:4px}.profile-head{display:flex;align-items:center;gap:12px}.profile-name{font-size:18px;font-weight:600}.user-dot.big{width:44px;height:44px;font-size:18px}.profile-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--muted)}.profile-stats b{color:var(--text);margin-left:4px}.chat-dock.tg{--tg-panel: #17212b;--tg-bg: #0e1621;--tg-hover: #202b36;--tg-active: #2b5278;--tg-divider: #101921;--tg-in: #182533;--tg-out: #2b5278;--tg-accent: #3390ec;--tg-muted: #708499;--tg-text: #ffffff;background:var(--tg-panel);color:var(--tg-text);display:flex;flex-direction:column}.tg-thread-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--tg-divider)}.tg-hsplit{position:relative;height:5px;flex:0 0 auto;cursor:row-resize;background:transparent}.tg-hsplit:before{content:"";position:absolute;left:12%;right:12%;top:1px;height:2px;border-radius:2px;background:var(--tg-divider)}.tg-hsplit:hover:before{background:var(--tg-accent)}.tg-appbar,.tg-thread-head{display:flex;align-items:center;gap:6px;height:40px;flex:0 0 auto;padding:0 6px 0 10px;background:var(--tg-panel);border-bottom:1px solid var(--tg-divider)}.tg-appbar-title{font-size:14px;font-weight:600}.tg-appbar-spacer{flex:1}.tg-icon-btn{width:26px;height:26px;padding:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--tg-muted);font-size:15px;line-height:1;cursor:pointer}.tg-icon-btn:hover{background:#ffffff0f;color:var(--tg-text)}.tg-icon-btn.on{color:var(--tg-accent);background:#3390ec29}.tg-back{display:none}.tg-pin-dot{margin-right:4px;font-size:11px}.tg-tabs{display:flex;flex:0 0 auto;overflow-x:auto;background:var(--tg-panel);border-bottom:1px solid var(--tg-divider)}.tg-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--tg-muted);font-size:12.5px;white-space:nowrap;cursor:pointer}.tg-tab.active{color:var(--tg-text);border-bottom-color:var(--tg-accent)}.tg-tab-badge{min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--tg-accent);color:#fff;font-size:10px;line-height:15px;text-align:center;font-weight:700}.tg-list-body{flex:0 0 auto;min-height:0;overflow:auto;position:relative}.tg-section{padding:8px 10px 3px;font-size:11px;font-weight:600;color:var(--tg-muted)}.tg-count{font-weight:400}.tg-hint{padding:8px 10px;font-size:12px;color:var(--tg-muted)}.tg-row{display:flex;align-items:center;gap:9px;padding:5px 10px;cursor:pointer}.tg-row:hover{background:var(--tg-hover)}.tg-row.active{background:var(--tg-active)}.tg-avatar{position:relative;width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff}.tg-avatar.sm{width:30px;height:30px;font-size:13px}.tg-dot{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#5b6672;border:2px solid var(--tg-panel)}.tg-dot.on{background:#4dcd5e}.tg-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tg-row-top{display:flex;align-items:baseline;gap:6px}.tg-row-title{flex:1;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-row-time{flex:0 0 auto;font-size:10.5px;color:var(--tg-muted)}.tg-row-bottom{display:flex;align-items:center;gap:6px}.tg-row-preview{flex:1;min-width:0;font-size:12px;color:var(--tg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-unread{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--tg-accent);color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:600}.tg-fab{position:absolute;right:10px;bottom:10px;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:var(--tg-accent);color:#fff;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 3px 10px #00000073}.tg-fab:hover{filter:brightness(1.08)}.tg-thread-meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.tg-thread-title{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-thread-sub{font-size:11px;color:var(--tg-muted)}.tg-body{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.tg-members-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;background:var(--tg-bg)}.tg-members-head{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 8px;background:var(--tg-panel);border-bottom:1px solid var(--tg-divider);font-size:12px;color:var(--tg-muted)}.tg-members-title{flex:1;min-width:0}.tg-members-list{flex:1;min-height:0;overflow:auto;padding:4px 6px}.tg-members-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:12.5px}.tg-members-row:hover{background:var(--tg-hover)}.tg-members-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#5b6672}.tg-members-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-members-me{flex:0 0 auto;font-size:10px;color:var(--tg-muted)}.tg-messages{flex:1;min-height:0;overflow:auto;padding:6px 8px;display:flex;flex-direction:column;gap:1px;background:var(--tg-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.5}.tg-line{white-space:pre-wrap;word-break:break-word}.tg-line-time{margin-right:6px;font-size:11px;color:var(--tg-muted)}.tg-line-nick{margin-right:6px;font-weight:600}.tg-line-nick.me{color:var(--tg-accent)}.tg-empty{margin:auto;padding:14px;text-align:center;font-size:12px;color:var(--tg-muted)}.tg-inputbar{display:flex;align-items:flex-end;gap:6px;flex:0 0 auto;padding:6px 8px;background:var(--tg-panel);border-top:1px solid var(--tg-divider)}.tg-input{flex:1;min-width:0;max-height:120px;padding:7px 12px;border:none;border-radius:16px;background:#242f3d;color:var(--tg-text);font:inherit;line-height:1.35;resize:none;overflow-y:auto}.tg-input::placeholder{color:var(--tg-muted)}.tg-input:focus{outline:none}.tg-send{width:32px;height:32px;flex:0 0 auto;margin-bottom:3px;padding:0;border:none;border-radius:50%;background:var(--tg-accent);color:#fff;font-size:14px;line-height:1;cursor:pointer}.tg-send:disabled{opacity:.5;cursor:default}.tg-link{color:#7cc0ff;text-decoration:underline;word-break:break-all}@media (max-width: 1120px){.navbar{position:sticky;top:0;z-index:20}.chat-dock{position:fixed;top:var(--nav-h);bottom:0;height:auto}}@media (max-width: 820px){.navbar{gap:8px;padding:0 10px}.nav-tabs{margin-left:0;gap:2px}.nav-tab{padding:5px 10px;font-size:13px}.user-btn-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.chat-scrim{display:none}@media (max-width: 640px){.navbar{gap:6px;padding:0 8px}.brand-name{display:none}.nav-tab{padding:5px 8px;font-size:12.5px}.user-btn-name{max-width:84px}.hall,.profile-page,.groups-page,.games-page{padding:10px}.app-body{padding-left:0}.chat-dock.collapsed{position:fixed;left:auto;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:52px;height:52px;padding:0;gap:0;align-items:center;justify-content:center;overflow:visible;border:1px solid var(--border);border-radius:50%;background:var(--panel-2);box-shadow:0 6px 20px #00000080;z-index:45}.chat-dock.collapsed .chat-rail-toggle{width:100%;height:100%;border:none;border-radius:50%;background:transparent;font-size:22px}.app-body .chat-dock.collapsed .chat-rail-label{display:none}.chat-dock:not(.collapsed){position:fixed;top:var(--nav-h);left:0;bottom:0;width:min(88vw,340px);z-index:40;border-right:1px solid var(--border);box-shadow:8px 0 28px #0000008c}.chat-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#00000073}.app-body .side{min-height:0;margin:12px 10px}.chat-dock.tg .tg-hsplit,.chat-dock.tg .tg-list-toggle{display:none}.chat-dock.tg:not(.mobile-thread) .tg-thread-pane{display:none}.chat-dock.tg:not(.mobile-thread) .tg-list-body{height:auto!important;flex:1 1 auto}.chat-dock.tg.mobile-thread .tg-tabs,.chat-dock.tg.mobile-thread .tg-list-body,.chat-dock.tg.mobile-thread .tg-hsplit{display:none}.chat-dock.tg.mobile-thread .tg-thread-pane{border-top:none}.chat-dock.tg .tg-back{display:inline-flex}.tb-tabs{display:flex;flex:1 0 100%;order:99;gap:6px;margin-top:2px;padding-top:6px;border-top:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tb-tabs::-webkit-scrollbar{display:none}.tb-tab{flex:0 0 auto;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:12.5px;line-height:1.2;white-space:nowrap;cursor:pointer}.tb-tab.active{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.app-body .side.tabbed{margin-top:6px;min-height:0}.app-body .side.tabbed .tab-body{padding:10px}}@media (hover: none){button,a,.nav-tab,.hall-row,.chat-conv,.chat-member,.tg-icon-btn,.tb-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}.tg-inputbar,.gc-inputbar{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}