.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:#f0d9b5;background-image:url(/cg/board-brown.svg)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(/cg/wP.svg)}.cg-wrap piece.bishop.white{background-image:url(/cg/wB.svg)}.cg-wrap piece.knight.white{background-image:url(/cg/wN.svg)}.cg-wrap piece.rook.white{background-image:url(/cg/wR.svg)}.cg-wrap piece.queen.white{background-image:url(/cg/wQ.svg)}.cg-wrap piece.king.white{background-image:url(/cg/wK.svg)}.cg-wrap piece.pawn.black{background-image:url(/cg/bP.svg)}.cg-wrap piece.bishop.black{background-image:url(/cg/bB.svg)}.cg-wrap piece.knight.black{background-image:url(/cg/bN.svg)}.cg-wrap piece.rook.black{background-image:url(/cg/bR.svg)}.cg-wrap piece.queen.black{background-image:url(/cg/bQ.svg)}.cg-wrap piece.king.black{background-image:url(/cg/bK.svg)}:root{--accent: #1f8a70;--accent-hover: #18735d;--accent-soft: rgba(31, 138, 112, .12);--on-accent: #ffffff;--bg: #f4f3ef;--surface: #ffffff;--surface-2: #efede7;--surface-3: #e4e2db;--border: #dcd9d0;--text: #1d1e21;--muted: #676a70;--danger: #c0392b;--win: #2e8b3d;--loss: #c0392b;--warn-bg: #fff3d1;--warn-text: #5e4500;--info-bg: #e2f2ec;--info-text: #134a3c;--clock-bg: #e6e4dd;--clock-text: #1d1e21;--clock-run-bg: #1d1e21;--clock-run-text: #ffffff;--series-1: #1f8a70;--series-2: #b3541e;--band-fill: rgba(31, 138, 112, .16);--grid: #dcd9d0;--mute-fill: #e4e2db;--toast-bottom: 16px;--radius: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .04);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent: #2ea383;--accent-hover: #38b994;--accent-soft: rgba(46, 163, 131, .16);--bg: #17181a;--surface: #212225;--surface-2: #2a2b2f;--surface-3: #33353a;--border: #36383e;--text: #e9e7e2;--muted: #9b9ea5;--danger: #e0645a;--win: #5cc26b;--loss: #e0645a;--warn-bg: #3b3120;--warn-text: #f3d792;--info-bg: #1b352d;--info-text: #bfe8da;--clock-bg: #2a2b2f;--clock-text: #e9e7e2;--clock-run-bg: #e9e7e2;--clock-run-text: #17181a;--series-1: #4cc2a0;--series-2: #e59a5c;--band-fill: rgba(76, 194, 160, .2);--grid: #36383e;--mute-fill: #33353a;--toast-bottom: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--accent: #2ea383;--accent-hover: #38b994;--accent-soft: rgba(46, 163, 131, .16);--bg: #17181a;--surface: #212225;--surface-2: #2a2b2f;--surface-3: #33353a;--border: #36383e;--text: #e9e7e2;--muted: #9b9ea5;--danger: #e0645a;--win: #5cc26b;--loss: #e0645a;--warn-bg: #3b3120;--warn-text: #f3d792;--info-bg: #1b352d;--info-text: #bfe8da;--clock-bg: #2a2b2f;--clock-text: #e9e7e2;--clock-run-bg: #e9e7e2;--clock-run-text: #17181a;--series-1: #4cc2a0;--series-2: #e59a5c;--band-fill: rgba(76, 194, 160, .2);--grid: #36383e;--mute-fill: #33353a;--toast-bottom: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:15px/1.45 var(--font)}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:0 0 12px;line-height:1.2}h2{font-size:18px;margin:0 0 10px}.h2{font-size:15px;margin:0}p{margin:0 0 10px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.error-text{color:var(--danger)}.notice{background:var(--info-bg);color:var(--info-text);padding:8px 12px;border-radius:8px}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--surface);padding:8px 12px;border-radius:8px}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border)}.header-row{max-width:1280px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:19px;color:var(--text);letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand img{border-radius:7px}.main-nav{display:flex;gap:2px;flex:1}.main-nav a{padding:7px 11px;border-radius:8px;color:var(--muted);font-weight:600;white-space:nowrap}.main-nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.main-nav a.active{color:var(--text);background:var(--accent-soft)}.header-tools{display:flex;align-items:center;gap:8px}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.conn-dot{width:8px;height:8px;border-radius:50%;background:#9a9a9a;display:inline-block;flex:none}.conn-open .conn-dot,.conn-dot.on{background:#3bb36a}.conn-connecting .conn-dot{background:#e0a526}.conn-closed .conn-dot{background:#d9534f}.conn-dot.off{background:#9a9a9a}.user-menu{display:flex;align-items:center;gap:6px}.guest-name{font-size:13px;color:var(--muted);white-space:nowrap}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex:none}.dropdown{position:relative}.dropdown summary{list-style:none;cursor:pointer}.dropdown summary::-webkit-details-marker{display:none}.dropdown-body{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000024;display:flex;flex-direction:column;padding:6px;z-index:50}.dropdown-body a,.dropdown-body button{padding:8px 10px;border-radius:6px;text-align:left;font:inherit;color:var(--text);background:none;border:none;cursor:pointer}.dropdown-body a:hover,.dropdown-body button:hover{background:var(--surface-2);text-decoration:none}.site-footer{border-top:1px solid var(--border);padding:20px 16px 28px;text-align:center;color:var(--muted);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}.site-footer a{color:var(--muted)}.page{max-width:980px;margin:0 auto;padding:18px 16px;width:100%}.page.wide{max-width:1280px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-head h1{margin:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2,.panel-head .h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.center-panel{max-width:540px;margin:40px auto;text-align:center}.banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:500}.banner.small{padding:6px 10px;font-size:13px}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.banner.info{background:var(--info-bg);color:var(--info-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:600 14px/1.2 var(--font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--accent);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;border-color:var(--border)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.small{padding:5px 10px;font-size:13px}.btn.big{padding:12px 18px;font-size:16px}.btn.icon{width:36px;height:36px;padding:0;font-size:16px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}textarea{font-family:var(--mono);font-size:13px;resize:vertical}input[aria-invalid=true]{border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.check{display:flex;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:3px}.copy-field{display:flex;gap:6px}.copy-field input{flex:1;min-width:0;font-family:var(--mono);font-size:13px}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px;user-select:none}.toggle.disabled{opacity:.55;cursor:not-allowed}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle .track{width:38px;height:22px;border-radius:11px;background:var(--surface-3);border:1px solid var(--border);position:relative;transition:background .15s}.toggle .thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s}.toggle input:checked+.track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.track .thumb{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.segmented,.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);padding:4px;border-radius:10px}.segmented button,.tabs button{border:none;background:transparent;color:var(--text);font:600 14px var(--font);padding:7px 14px;border-radius:7px;cursor:pointer}.segmented button.on,.tabs button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0000001f}.tabs{margin-bottom:14px}.level-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.level-grid button{aspect-ratio:1;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font:700 15px var(--font);color:var(--text);cursor:pointer;min-width:0}.level-grid button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:4px 11px;font:13px var(--font);cursor:pointer;margin:0 6px 6px 0}.chip:hover{border-color:var(--accent)}.spinner{display:inline-flex;align-items:center;gap:10px;color:var(--muted);padding:8px 0}.spinner .dot,.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.toasts{position:fixed;right:16px;bottom:var(--toast-bottom);display:flex;flex-direction:column;gap:8px;z-index:100;max-width:min(360px,calc(100vw - 32px))}.toast{background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px;box-shadow:0 6px 20px #0003;font-size:14px}.toast.error{background:var(--danger);color:#fff}.toast a{margin-left:8px;color:inherit;text-decoration:underline}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.result.win,.counts .win strong{color:var(--win)}.result.loss,.counts .loss strong{color:var(--loss)}.result.draw{color:var(--muted)}.player-link{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.pname{font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.pname:hover{color:var(--accent)}.pname.guest{font-weight:500}.prating{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.rdiff{font-size:13px;font-weight:700}.rdiff.up{color:var(--win)}.rdiff.down{color:var(--loss)}.you-tag{font-size:12px;color:var(--muted)}.side-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;border:1px solid #8a8a8a}.side-dot.white{background:#fafafa}.side-dot.black{background:#222}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px;padding:10px 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-family:var(--font);transition:background .12s,border-color .12s,transform .08s}.tc-tile:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.tc-tile:active:not(:disabled){transform:scale(.98)}.tc-tile:disabled{opacity:.55;cursor:not-allowed}.tc-id{font-size:26px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tc-cat{font-size:13px;color:var(--muted)}.tc-tile.seeking,.tc-tile.seeking:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent);animation:seek 1.6s ease-in-out infinite}.tc-tile.seeking .tc-cat{color:var(--on-accent)}@keyframes seek{50%{box-shadow:0 0 0 6px var(--accent-soft)}}.hint-row{margin:-4px 0 10px;font-size:13px}.hint{font-size:13px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.dialog-panel{border-color:var(--accent)}.waiting{display:flex;align-items:center;gap:8px}.counters p{margin:4px 0;color:var(--muted)}.counters strong{color:var(--text);font-size:20px;margin-right:4px;font-variant-numeric:tabular-nums}.top-list{margin:0;padding-left:20px}.top-list li{padding:4px 0}.top-list li a{font-weight:600;margin-right:8px}.small-link{font-size:13px;font-weight:600;white-space:nowrap}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.watch-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mini-game{display:flex;flex-direction:column;gap:4px;color:var(--text);min-width:0}.mini-game:hover{text-decoration:none}.mini-game:hover .board{outline:2px solid var(--accent)}.mini-player{font-size:13px;overflow:hidden}.mini-meta{font-size:12px;color:var(--muted)}.board{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:3px;touch-action:none}.board.mini{touch-action:auto;pointer-events:none}.board>.cg-wrap{width:100%;height:100%}.cg-wrap coords{font-weight:700;font-size:11px}.promotion{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:30}.promo-box{background:var(--surface);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;box-shadow:0 10px 30px #00000059}.promo-btn{width:72px;height:72px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;padding:4px}.promo-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.promo-btn img{width:100%;height:100%}.game-layout{display:grid;grid-template-columns:minmax(0,min(calc(100vh - 170px),720px)) minmax(290px,380px);gap:22px;justify-content:center;align-items:start}.board-col,.side-col{min-width:0}.player-bar{display:flex;align-items:center;gap:8px;padding:6px 2px;min-height:46px;min-width:0}.player-bar.to-move .side-dot{box-shadow:0 0 0 3px var(--accent-soft)}.thinking-dots{color:var(--accent);letter-spacing:2px;animation:pulse 1s infinite}.clock{font:600 24px/1 var(--mono);font-variant-numeric:tabular-nums;padding:6px 12px;border-radius:8px;background:var(--clock-bg);color:var(--clock-text);min-width:104px;text-align:right}.clock.running{background:var(--clock-run-bg);color:var(--clock-run-text)}.clock.low{color:var(--danger)}.clock.low.running{background:var(--danger);color:#fff}.game-meta{display:flex;justify-content:space-between;gap:10px;font-weight:600;margin-bottom:6px}.turn-line{font-weight:600;color:var(--muted);margin:4px 0}.turn-line.mine{color:var(--accent)}.status-line{font-weight:600;margin:6px 0 0}.status-line.over{color:var(--accent)}.result-banner{text-align:center;padding:10px;margin-top:8px;border-radius:8px;background:var(--surface-2)}.result-banner .score{font-size:26px;font-weight:800}.result-banner .status-text{font-weight:600}.result-banner .winner{color:var(--muted)}.you-result{margin-top:4px;font-weight:700}.you-result.win{color:var(--win)}.you-result.loss{color:var(--loss)}.movelist .moves{max-height:280px;min-height:84px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.mrow{display:grid;grid-template-columns:3em 1fr 1fr;align-items:center}.mrow:nth-child(2n){background:#7f7f7f0f}.mnum{color:var(--muted);text-align:right;padding-right:8px;font-size:13px;font-variant-numeric:tabular-nums}.mv{text-align:left;background:none;border:none;padding:4px 8px;font:600 14px var(--font);color:var(--text);cursor:pointer;border-radius:4px;min-height:28px}.mv:hover{background:var(--accent-soft)}.mv.active{background:var(--accent);color:var(--on-accent)}.mv.empty{cursor:default;color:var(--muted)}.result-row{display:block;text-align:center;font-weight:800;padding:6px}.navbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.navbar .btn.icon{width:auto}.controls .offer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;background:var(--info-bg);color:var(--info-text);border-radius:8px;margin-top:10px;font-weight:600}.controls .offer span{flex:1 1 100%}.btn-row.tools{align-items:center}.chat .chat-lines{max-height:190px;min-height:60px;overflow-y:auto;font-size:14px;margin-bottom:10px;overflow-wrap:anywhere}.chat .chat-lines p{margin:0 0 4px}.chat .chat-lines .system{color:var(--muted);font-style:italic}.chat-form{display:flex;gap:6px}.board-with-eval{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}.evalbar{position:relative;background:#3b3b3d;border:1px solid var(--border);border-radius:4px;overflow:hidden}.evalbar-white{position:absolute;left:0;right:0;bottom:0;background:#f3f3f1;transition:height .35s ease}.evalbar.flipped .evalbar-white{bottom:auto;top:0}.evalbar:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(220,60,60,.6)}.engine-out .eval-line{display:flex;align-items:baseline;gap:10px}.eval-num{font:700 26px var(--mono)}.pv{font-size:14px;color:var(--muted);margin:6px 0 0;line-height:1.5}.profile-name{font-size:28px;margin-bottom:4px}.rating-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.rating-card{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:var(--surface-2)}.rc-cat{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.rc-rating{font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}.rc-games{font-size:12px}.counts{display:flex;flex-wrap:wrap;gap:18px}.counts strong{font-size:18px;margin-right:4px}.challenge h1{font-size:22px}.challenge-details{font-size:17px;font-weight:600}.auth-form{max-width:440px;margin:24px auto;display:flex;flex-direction:column;gap:10px}.auth-form .field{margin-bottom:4px}.prose{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.6}.prose h2{margin-top:1.3em}.ad-slot{margin:16px 0;min-height:90px;overflow:hidden}@media(max-width:980px){.home-grid{grid-template-columns:1fr}.game-layout{grid-template-columns:minmax(0,640px)}}@media(max-width:760px){.header-row{flex-wrap:wrap;gap:6px 10px;padding:8px 12px 0}.header-tools{margin-left:auto}.main-nav{order:3;flex-basis:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;gap:0}.main-nav a{padding:6px 4px;font-size:13px;flex:1 0 auto;text-align:center}.main-nav::-webkit-scrollbar{display:none}.conn-text,.guest-name{display:none}.page{padding:12px}.tc-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tc-tile{min-height:76px}.tc-id{font-size:22px}.rating-cards{grid-template-columns:repeat(2,1fr)}.game-layout{gap:6px}.board-col{margin:0 -12px}.board-col .player-bar{padding:4px 12px}.board-with-eval{grid-template-columns:14px minmax(0,1fr);gap:4px;padding-left:4px}.clock{font-size:21px;min-width:92px}.promo-btn{width:60px;height:60px}.home-actions{grid-template-columns:1fr}}@media(max-width:380px){.main-nav a{font-size:12px;padding:6px 3px}.brand span{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}