:root,[data-theme=dark]{color-scheme:dark;--nav-h: 50px;--bg: #14181d;--bg-2: #1a2027;--panel: #212832;--panel-2: #29313c;--border: #333c47;--text: #e7ecf1;--muted: #93a0ad;--accent: #4c9aff;--accent-hover: #66acff;--on-accent: #06121f;--link: #7cc0ff;--green: #3fa34d;--ok-text: #9ee6a8;--red: #d9534f;--danger-text: #ff9c9c;--danger-line: rgba(217, 83, 79, .5);--danger-bg: rgba(217, 83, 79, .16);--purple: #b48cff;--gold: #e8b84b;--hover: rgba(255, 255, 255, .04);--hover-strong: rgba(255, 255, 255, .06);--line-soft: rgba(255, 255, 255, .07);--border-strong: #46525f;--bg-input: #111721;--accent-ring: rgba(76, 154, 255, .35);--accent-tint: rgba(76, 154, 255, .16);--accent-tint-line: rgba(76, 154, 255, .45);--accent-tint-strong: rgba(76, 154, 255, .22);--shadow-xs: 0 2px 10px rgba(0, 0, 0, .35);--shadow-sm: 0 14px 32px rgba(0, 0, 0, .45);--shadow: 0 16px 36px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55);--shadow-side: 8px 0 28px rgba(0, 0, 0, .55);--shadow-avatar: 0 1px 2px rgba(0, 0, 0, .45);--avatar-glow: rgba(255, 255, 255, .16);--avatar-shade: rgba(0, 0, 0, .3);--avatar-ring: rgba(255, 255, 255, .16);--radius: 10px;--board-offset: 235px;--side-width: 420px}[data-theme=light]{color-scheme:light;--bg: #f1f3f6;--bg-2: #ffffff;--panel: #ffffff;--panel-2: #f4f6f9;--border: #dfe3e9;--border-strong: #c2c8d2;--line-soft: rgba(16, 24, 40, .09);--text: #1f2430;--muted: #667085;--accent: #2f6fed;--accent-hover: #2558c9;--on-accent: #ffffff;--link: #1f5bc4;--green: #1f883d;--ok-text: #1a7f37;--red: #d1242f;--danger-text: #b3261e;--danger-line: rgba(209, 36, 47, .35);--danger-bg: rgba(209, 36, 47, .08);--purple: #6e40c9;--gold: #9a6700;--hover: rgba(16, 24, 40, .05);--hover-strong: rgba(16, 24, 40, .09);--bg-input: #ffffff;--accent-ring: rgba(47, 111, 237, .3);--accent-tint: rgba(47, 111, 237, .1);--accent-tint-line: rgba(47, 111, 237, .35);--accent-tint-strong: rgba(47, 111, 237, .14);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .06);--shadow-sm: 0 4px 12px rgba(16, 24, 40, .1), 0 1px 3px rgba(16, 24, 40, .06);--shadow: 0 8px 24px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .06);--shadow-lg: 0 16px 34px rgba(16, 24, 40, .16), 0 2px 8px rgba(16, 24, 40, .08);--shadow-side: 6px 0 22px rgba(16, 24, 40, .12);--shadow-avatar: 0 1px 2px rgba(16, 24, 40, .18);--avatar-glow: rgba(255, 255, 255, .55);--avatar-shade: rgba(0, 0, 0, .14);--avatar-ring: rgba(255, 255, 255, .5)}*{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-pad-l, 0px);padding-right:var(--chat-pad-r, 0px);transition:padding-left .18s ease,padding-right .18s ease}.app.chat-docked.chat-side-left{--chat-pad-l: var(--chat-width)}.app.chat-docked.chat-side-right{--chat-pad-r: var(--chat-width)}.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-mark{display:block;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.brand-name{font-weight:800;letter-spacing:2px;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:var(--hover)}.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:var(--ok-text);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;flex:0 0 auto;background-color:var(--dot, #6b7280);background-image:radial-gradient(120% 120% at 30% 20%,#ffffff73,#fff0 58%),linear-gradient(160deg,var(--avatar-glow),var(--avatar-shade));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px var(--avatar-ring),var(--shadow-avatar)}.user-dot.big{width:40px;height:40px;font-size:18px}.nav-right{display:inline-flex;align-items:center;gap:12px;margin-left:auto;min-width:0}.nav-online{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap;transition:border-color .12s ease,color .12s ease}.nav-online:hover{border-color:var(--accent);color:var(--accent)}.nav-online-text{color:var(--muted);font-size:11.5px}.nav-online:hover .nav-online-text{color:inherit}.online-dot{width:8px;height:8px;border-radius:50%;background:#3fa34d;box-shadow:0 0 0 2px #3fa34d38}.user-btn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:2px 4px;background:none;border:0;cursor:pointer;color:inherit;text-decoration:none}.user-btn:hover{color:var(--gold)}.user-btn-name{font-size:13px;white-space:nowrap}.user-menu{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.user-btn-main{display:inline-flex;align-items:center;gap:8px;padding:2px 4px;background:none;border:0;cursor:pointer;color:inherit}.user-btn-main:hover{color:var(--gold)}.user-menu-list{position:fixed;z-index:60;min-width:152px;display:flex;flex-direction:column;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.user-menu-list>a,.user-menu-list>button{padding:6px 10px;border:0;border-radius:6px;background:none;color:var(--text);font-size:13px;text-align:left;text-decoration:none;cursor:pointer}.user-menu-list>a:hover,.user-menu-list>button:hover{background:var(--bg-2, var(--hover-strong))}.user-menu-list>.user-menu-danger{color:var(--danger-text)}.user-menu-list>.user-menu-danger:hover{background:#ff5a5a1f}.nav-chat{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.nav-chat-toggle{position:relative;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:15px;line-height:1}.nav-chat-toggle.on{background:var(--panel-2)}.nav-chat-icon{display:inline-flex;align-items:center;color:var(--muted)}.nav-chat-toggle.on .nav-chat-icon{color:var(--accent)}.nav-chat-icon .icon{display:block}.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:var(--shadow-sm);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 0 var(--line-soft)}.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;background-color:var(--dot, #6b7280);background-image:radial-gradient(120% 120% at 30% 20%,#ffffff73,#fff0 58%),linear-gradient(160deg,var(--avatar-glow),var(--avatar-shade));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px var(--avatar-ring),var(--shadow-avatar)}.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:var(--on-accent);font-weight:600}.tb-btn.danger{color:var(--danger-text)}.tb-btn.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-line)}.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:var(--shadow-sm)}.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 var(--accent-ring)}.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:var(--on-accent)}.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:var(--shadow-sm);text-align:left}.tb-pop-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.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:var(--hover-strong);border-color:var(--border-strong)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.on{background:var(--green);border-color:var(--green);color:var(--on-accent);font-weight:600}button.danger{color:var(--danger-text)}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:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-input);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:var(--hover);border-color:transparent;color:var(--text)}.seg>button.active{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft)}.switch-list{display:flex;flex-direction:column;margin-top:4px;border-top:1px solid var(--hover)}.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 var(--hover)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch:focus-within i{box-shadow:0 0 0 2px var(--accent-ring)}.switch i{position:relative;flex:0 0 auto;width:34px;height:19px;border-radius:999px;background:var(--hover-strong);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:var(--bg-input);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:var(--muted)}.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 var(--hover)}.spectator-list li:hover{background:var(--hover)}.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:var(--hover-strong)}.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:var(--purple)}.gc-line.mode-personal .gc-nick{color:var(--purple)}.gc-empty{margin:auto;padding:14px;text-align:center;font-size:12px;color:var(--muted)}.gc-link{color:var(--link);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:var(--link)}.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:var(--hover-strong)}.gc-input:focus{outline:none;background:var(--hover-strong);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:var(--on-accent);font-size:14px;line-height:1;cursor:pointer;transition:background .15s,transform .1s}.gc-send:hover:not(:disabled){background:var(--accent-hover)}.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:var(--hover-strong)}.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:var(--on-accent);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,var(--hover),rgba(255,255,255,.015));border:1px solid var(--line-soft);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:var(--shadow-lg)}.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}.confirm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:16px;background:#0000008c;display:grid;place-items:center}.confirm-box{width:min(380px,92vw);padding:16px 18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg)}.confirm-title{margin-bottom:6px;font-size:15px;font-weight:600}.confirm-message{font-size:13px;line-height:1.6;color:var(--muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.confirm-actions .danger{font-weight:600}@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:var(--hover-strong)}.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 var(--danger-line);color:var(--danger-text);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-row.clickable{cursor:pointer;transition:background .12s ease,border-color .12s ease}.hall-row.clickable:hover{background:var(--bg-2);border-color:#7ca0dc8c}.hall-row.clickable:focus-visible{outline:2px solid var(--accent, #4c9aff);outline-offset:2px}.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:var(--ok-text);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}.hist-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.hist-tools input,.hist-tools select{padding:4px 8px;font-size:12px;width:auto}.hist-search{flex:1 1 180px;min-width:120px}.hist-tools select{flex:0 1 auto}.hist-clear{padding:4px 10px;font-size:12px}.hist-wrap{overflow-x:auto}.games-table{width:100%;border-collapse:collapse;font-size:12.5px}.games-table th,.games-table td{padding:5px 8px;text-align:left;border-bottom:1px solid var(--border)}.games-table th{font-weight:500;color:var(--muted);font-size:11.5px;white-space:nowrap}.games-table tbody tr.clickable{cursor:pointer}.games-table tbody tr.clickable:hover{background:var(--bg-2, var(--hover))}.games-table .nowrap{white-space:nowrap}.games-table a{color:var(--accent);text-decoration:none}.games-table a:hover{text-decoration:underline}.hist-out{display:inline-block;min-width:16px;font-weight:600}.hist-out.win{color:var(--ok-text)}.hist-out.loss{color:var(--danger-text)}.hist-out.draw{color:var(--muted)}.hist-tag{margin-left:5px;padding:0 5px;border-radius:999px;font-size:10.5px;color:var(--gold);border:1px solid rgba(232,184,75,.5)}.games-table .up{color:var(--ok-text)}.games-table .down{color:var(--danger-text)}.create-panel{position:relative}.create-panel button.active{border-color:var(--accent);color:var(--accent)}.create-panel .row{gap:6px}.create-panel .row button{padding:4px 10px;font-size:12.5px}.create-panel .row button.grow{flex:1 1 auto}.quick-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}.quick-label{margin-right:2px;font-size:11px;color:var(--muted)}.quick-row button{padding:2px 9px;font-size:11.5px;border-radius:999px}.settings-summary{margin-bottom:6px;padding:5px 8px;font-size:11.5px;line-height:1.5;color:var(--muted);background:var(--bg-2, var(--hover));border:1px solid var(--border);border-radius:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-pop{position:absolute;right:0;top:100%;z-index:40;width:min(400px,calc(100vw - 24px));max-height:min(72vh,520px);overflow:auto;margin-top:6px;padding:8px 10px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg)}.settings-pop .grid{grid-template-columns:1fr 1fr;gap:2px 10px}.settings-pop .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px}.settings-pop label{flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;margin-bottom:4px;font-size:11.5px;white-space:nowrap}.settings-pop label>select,.settings-pop label>input{flex:1 1 auto;width:auto;min-width:0;padding:3px 6px;font-size:12px;border-radius:6px}.settings-pop label>input[type=checkbox]{flex:0 0 auto}.settings-pop .size-pair{grid-column:1 / -1;display:flex;gap:10px}.settings-pop .size-pair label{flex:1 1 0;margin-bottom:4px}.settings-pop label.wide{grid-column:1 / -1}.settings-pop .settings-hints{margin:2px 0 4px;font-size:11px;line-height:1.45;color:var(--muted)}.settings-pop .settings-hints>div{margin-bottom:2px}.settings-pop .checks{display:flex;flex-wrap:wrap;gap:2px 14px;margin-bottom:4px}.settings-pop .checks label{margin-bottom:0}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.preset-row select{flex:1 1 100%;min-width:0;padding:4px 6px;font-size:12px}.preset-save{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border)}.preset-save input{flex:1 1 90px;min-width:0;padding:4px 6px;font-size:12px}.preset-save button{padding:4px 8px;font-size:12px}@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}.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-dock.side-right{left:auto;right:0;border-right:0;border-left:1px solid var(--border)}.chat-resize{position:absolute;z-index:5;touch-action:none}.chat-resize.edge{top:0;bottom:0;width:6px;cursor:ew-resize}.chat-dock.side-left .chat-resize.edge{right:0}.chat-dock.side-right .chat-resize.edge{left:0}.chat-resize.corner{right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize}.chat-resize.corner:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);opacity:.7}.chat-resize:hover{background:#4c9aff2e}.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:var(--hover);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:var(--danger-bg)}.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:var(--hover)}.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-mode-btn{flex:0 0 auto;padding:3px 8px;font-size:11.5px;border-radius:999px}.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-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:var(--hover)}.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:var(--hover)}.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:var(--on-accent);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:var(--accent-tint);border-color:var(--accent-tint-line)}.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}.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-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;text-align:left;font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.group-item:hover{background:var(--panel);border-color:#7ca0dc8c}.group-item .group-name{flex:0 0 auto}.group-item .group-open{color:var(--gold);font-size:12px;white-space:nowrap}.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,.admin-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}.visitor-table{display:flex;flex-direction:column;gap:2px;margin-top:6px;overflow-x:auto}.visitor-row{display:grid;grid-template-columns:60px 52px 132px minmax(120px,1fr) 46px 118px 118px 118px;align-items:center;gap:10px;min-width:820px;padding:6px 8px;border-radius:6px;font-size:12.5px}.visitor-row.head{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--border);border-radius:0;color:var(--muted);font-size:11px}.visitor-row:not(.head):hover{background:var(--bg-2)}.visitor-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tg-accent, #4c9aff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.user-search input{flex:1 1 220px;max-width:320px;padding:5px 10px;border-radius:6px}.user-table{display:flex;flex-direction:column;gap:2px;margin-top:6px;overflow-x:auto}.user-row{display:grid;grid-template-columns:54px 34px minmax(120px,1fr) 52px 96px 96px 46px 46px 118px 62px;align-items:center;gap:10px;min-width:880px;padding:6px 8px;border-radius:6px;font-size:12.5px}.user-row.head{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--border);border-radius:0;color:var(--muted);font-size:11px}.user-row:not(.head):hover{background:var(--bg-2)}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-rank{color:var(--muted);white-space:nowrap}.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}.friend-pop{position:fixed;z-index:60;width:320px;max-width:calc(100vw - 24px);max-height:min(560px,calc(100vh - 84px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.friend-pop-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.fp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.fp-icon-btn:hover{background:var(--bg-2);color:var(--text)}.friend-pop-search{flex:0 0 auto;display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}.friend-pop-search input{flex:1 1 auto;min-width:0;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);font-size:12.5px}.friend-pop-body,.fp-list{overflow-y:auto;padding:2px 0 6px}.fp-list{max-height:200px;border-bottom:1px solid var(--border)}.fp-sec{padding:7px 10px 2px;font-size:11px;font-weight:600;color:var(--muted)}.fp-count{font-weight:400}.fp-note{font-size:12px;color:var(--muted)}.fp-note.pad{padding:2px 10px 8px}.fp-row{display:flex;align-items:center;gap:6px;padding:4px 10px}.fp-row:hover{background:var(--bg-2)}.fp-row .fp-name{flex:1 1 auto;min-width:0;padding:0;border:0;background:none;color:inherit;font-size:12.5px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.fp-row .fp-name:hover{color:var(--accent)}.fp-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.fp-pill{flex:0 0 auto;padding:2px 9px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--muted);font-size:11px;line-height:1.6;white-space:nowrap;cursor:pointer}.fp-pill.ok{border-color:var(--accent);color:var(--accent)}.fp-pill.danger{color:var(--danger-text);border-color:var(--danger-line)}button.fp-pill:hover:not(:disabled){background:var(--bg-2);color:var(--text)}button.fp-pill.ok:hover:not(:disabled){background:var(--accent);color:#fff}button.fp-pill.danger:hover:not(:disabled){background:var(--danger-bg)}.fp-pill:disabled{opacity:.45;cursor:default}.friend-dot{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border-radius:50%;background:#5b6672;border:2px solid var(--panel)}.friend-dot.on{background:#4dcd5e}.friend-dot.sm{width:8px;height:8px;border-width:1.5px}.profile-friend{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.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: var(--bg-2);--tg-bg: var(--bg);--tg-hover: var(--panel-2);--tg-active: var(--accent-tint-strong);--tg-divider: var(--border);--tg-in: var(--panel);--tg-out: var(--accent);--tg-accent: var(--accent);--tg-muted: var(--muted);--tg-text: var(--text);--tg-quick: 44px;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}.tg-cols{flex:1 1 auto;min-height:0;display:flex}.tg-rail{flex:0 0 auto;width:var(--tg-quick);display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;overflow-y:auto;overflow-x:hidden;background:var(--tg-panel);border-right:1px solid var(--tg-divider)}.tg-rail .tg-avatar-btn{margin:0}.tg-col-thread{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}@media (max-width: 640px){.chat-dock.tg{--tg-quick: 40px}.tg-rail{gap:6px;padding:6px 0}}.tg-avatars{display:flex;align-items:center;gap:7px;flex:0 0 auto;height:var(--tg-quick);padding:0 8px;overflow-x:auto;overflow-y:hidden;background:var(--tg-panel);border-bottom:1px solid var(--tg-divider)}.tg-avatar-btn{position:relative;flex:0 0 auto;padding:0;border:none;background:transparent;border-radius:50%;line-height:0;cursor:pointer;opacity:.82;box-shadow:0 0 0 2px transparent;transition:opacity .12s ease,box-shadow .12s ease}.tg-avatar-btn:hover{opacity:1}.tg-avatar-btn.active{opacity:1;box-shadow:0 0 0 2px var(--tg-accent)}.tg-avatar-badge{position:absolute;top:-4px;right:-4px;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-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:var(--hover-strong);color:var(--tg-text)}.tg-icon-btn.on{color:var(--tg-accent);background:#3390ec29}.tg-icon-btn .icon{display:block}.tg-back{display:inline-flex}.tg-pin-dot{display:inline-flex;align-items:center;margin-right:4px;color:var(--tg-accent)}.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:1 1 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-subsection{padding:6px 10px 2px;font-size:11px;font-weight:600;color:var(--tg-accent)}.tg-row-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.tg-mini-btn{flex:0 0 auto;height:24px;padding:0 7px;border:1px solid var(--tg-divider);border-radius:7px;background:transparent;color:var(--tg-muted);font-size:11.5px;line-height:1;cursor:pointer}.tg-mini-btn:hover{background:var(--tg-hover);color:var(--tg-text)}.tg-mini-btn.ok{border-color:var(--tg-accent);color:var(--tg-accent)}.tg-mini-btn.ok:hover{background:var(--tg-accent);color:#fff}.tg-mini-btn:disabled{opacity:.45;cursor:default}.tg-mini-btn:disabled:hover{background:transparent;color:var(--tg-accent)}.tg-person-body{padding:10px;display:flex;flex-direction:column;gap:12px}.tg-person-row{display:flex;align-items:center;gap:10px}.tg-person-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.tg-person-name{font-size:15px;font-weight:600}.tg-person-sub{font-size:12px;color:var(--tg-muted)}.tg-person-actions{display:flex;flex-wrap:wrap;gap:8px}.tg-person-actions button{padding:5px 10px;font-size:12.5px}.tg-blocked-hint{flex:0 0 auto;padding:7px 10px;font-size:12px;color:var(--tg-muted);background:var(--danger-bg);border-top:1px solid var(--tg-divider)}.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:700;background-color:var(--dot, #6b7280);background-image:radial-gradient(120% 120% at 30% 20%,#ffffff73,#fff0 58%),linear-gradient(160deg,var(--avatar-glow),var(--avatar-shade));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px var(--avatar-ring),var(--shadow-avatar)}.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-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-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:var(--panel-2);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:34px;height:34px;flex:0 0 auto;margin-bottom:2px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--tg-accent);color:#fff;cursor:pointer}.tg-send .icon{display:block}.tg-send:hover{background:var(--accent-hover)}.tg-send:disabled{opacity:.5;cursor:default}.tg-send:disabled:hover{background:var(--tg-accent)}.tg-link{color:var(--link);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}.nav-online{height:26px;padding:0 8px;font-size:12px}.nav-online-text{display:none}}.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,.admin-page,.groups-page,.games-page{padding:10px}.app-body{padding-left:0;padding-right:0}.chat-dock{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:var(--shadow-side)}.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}.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:var(--on-accent);font-weight:600}.app-body .side.tabbed{margin-top:6px;min-height:0}.app-body .side.tabbed .tab-body{padding:10px}.gomoku-canvas{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1 / 1;margin:0 auto;border-radius:8px;box-shadow:var(--shadow-xs);cursor:pointer;touch-action:manipulation}.gomoku-canvas.disabled{cursor:default}.gm-player{display:flex;align-items:center;gap:8px;min-width:0}.gm-stone{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.gm-stone[data-color=b]{background:radial-gradient(circle at 32% 28%,#6a6f78,#05070b 75%)}.gm-stone[data-color=w]{background:radial-gradient(circle at 32% 28%,#fff,#b9c3d4 80%);border:1px solid rgba(0,0,0,.2)}.gm-player-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.gm-player-side{font-size:11px;color:var(--muted)}.gm-player.active .gm-player-name{color:var(--gold)}.gm-clock{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.player-rank,.gm-rank{flex:0 0 auto;margin-left:6px;padding:0 6px;border-radius:999px;border:1px solid var(--border);color:var(--gold);font-size:11px;line-height:16px;white-space:nowrap}}@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))}.study-private-board{max-width:340px;margin:0 auto}.study-private-board .board-canvas,.study-private-board .gomoku-canvas{max-width:340px}.tb-input{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2, var(--panel));color:var(--text);font:inherit;font-size:12px;min-width:150px}.user-bio{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--bg-2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;line-height:1.6}a.user-row-name{color:var(--text);text-decoration:none}a.user-row-name:hover{color:var(--gold);text-decoration:underline}a.user-link{color:inherit;text-decoration:none}a.user-link:hover{color:var(--gold);text-decoration:underline}.avatar-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar-upload .muted{font-size:12px}.avatar{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;vertical-align:middle;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f,0 1px 2px #0006}.avatar-initial{display:block;color:#fff;font-weight:800;line-height:1;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-user-select:none;user-select:none}.avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.app.chat-float .chat-dock{position:fixed;left:var(--chat-float-x, 12px);top:var(--chat-float-y, 62px);right:auto;bottom:auto;width:var(--chat-width);height:var(--chat-float-h, 60vh);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.app.chat-float .chat-dock .tg-appbar{cursor:move}.app.chat-float .chat-dock .tg-appbar button{cursor:pointer}