.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)}.ph-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.ph-art{display:block;max-width:100%;height:auto}:root[data-chess-art] .legacy-board-color{display:none}.art-title{display:flex;align-items:center;gap:10px}.art-title .ph-icon{color:var(--accent)}.art-heading,.art-empty{display:flex;align-items:center;gap:18px}.art-heading{justify-content:space-between;margin-bottom:20px}.art-heading h1{margin:0}.art-small{width:88px;flex-shrink:0}.lobby-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-art{width:130px;flex-shrink:0}.main-nav a{display:inline-flex;align-items:center;gap:6px}.dropdown-body a .ph-icon{margin-right:8px}@media(max-width:1100px){.main-nav a .ph-icon{display:none}}@media(max-width:850px){.lobby-art{display:none}}:root{--accent: #2859b8;--accent-hover: #1e4797;--accent-soft: #e7effc;--on-accent: #ffffff;--bg: #e9eef4;--surface: #fcfdff;--surface-2: #f0f4f9;--surface-3: #dce4ee;--border: #cdd8e5;--text: #1c2c40;--muted: #54677f;--danger: #c0392b;--win: #2e8b3d;--loss: #c0392b;--warn-bg: #fff3d1;--warn-text: #5e4500;--info-bg: #e2f2ec;--info-text: #134a3c;--clock-bg: #dce4ee;--clock-text: #1c2c40;--clock-run-bg: #1c2c40;--clock-run-text: #ffffff;--series-1: #2859b8;--series-2: #b3541e;--band-fill: rgba(40, 89, 184, .16);--grid: #cdd8e5;--mute-fill: #dce4ee;--toast-bottom: 16px;--radius: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .04);--font: "Noto Sans", "Segoe UI", Arial, 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: #80bfff;--on-accent: #10243d;--accent-hover: #a9d5ff;--accent-soft: #243e60;--bg: #101a2a;--surface: #19283d;--surface-2: #22344d;--surface-3: #30445f;--border: #354964;--text: #ecf2fa;--muted: #a7b8ce;--danger: #e0645a;--win: #5cc26b;--loss: #e0645a;--warn-bg: #3b3120;--warn-text: #f3d792;--info-bg: #1b352d;--info-text: #bfe8da;--clock-bg: #22344d;--clock-text: #ecf2fa;--clock-run-bg: #ecf2fa;--clock-run-text: #101a2a;--series-1: #80bfff;--series-2: #e59a5c;--band-fill: rgba(128, 191, 255, .2);--grid: #354964;--mute-fill: #30445f;--toast-bottom: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--accent: #80bfff;--on-accent: #10243d;--accent-hover: #a9d5ff;--accent-soft: #243e60;--bg: #101a2a;--surface: #19283d;--surface-2: #22344d;--surface-3: #30445f;--border: #354964;--text: #ecf2fa;--muted: #a7b8ce;--danger: #e0645a;--win: #5cc26b;--loss: #e0645a;--warn-bg: #3b3120;--warn-text: #f3d792;--info-bg: #1b352d;--info-text: #bfe8da;--clock-bg: #22344d;--clock-text: #ecf2fa;--clock-run-bg: #ecf2fa;--clock-run-text: #101a2a;--series-1: #80bfff;--series-2: #e59a5c;--band-fill: rgba(128, 191, 255, .2);--grid: #354964;--mute-fill: #30445f;--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:16px/1.5 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.3}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:700;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:17px;font-weight:600;color:var(--text);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:44px;height:44px;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{position:relative;display:inline-flex;align-items:center;min-height:44px;gap:8px;cursor:pointer;font-weight:600;font-size:14px;user-select:none}.toggle.disabled{opacity:.55;cursor:not-allowed}.toggle input{position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:0;width:44px;height:44px;margin:0;z-index:1}.toggle .track{pointer-events:none;flex:none;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:600;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)}.tc-tile.seeking .tc-cat{color:var(--on-accent)}.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%}.board-blue cg-board{background-color:#dee6ed;background-image:conic-gradient(#7898ae 25%,#dee6ed 0 50%,#7898ae 0 75%,#dee6ed 0);background-size:25% 25%}.board-green cg-board{background-color:#eeeed2;background-image:conic-gradient(#769656 25%,#eeeed2 0 50%,#769656 0 75%,#eeeed2 0);background-size:25% 25%}.board-settings{margin-top:12px}.board-settings>.stack{padding-top:12px}.focus-play .chat{display:none}.custom-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copy-field-wrap{min-width:0;width:100%}.arena-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:18px}.event-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:0}.event-card h2,.page-head h1{overflow-wrap:anywhere}.event-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.event-status{font-size:12px;font-weight:700;padding:3px 8px;border-radius:20px;background:var(--surface-3)}.event-status.running{color:var(--info-text);background:var(--info-bg)}.event-clock{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.event-my-state{border-left:4px solid var(--accent)}.event-rules>summary{cursor:pointer;min-height:32px;font-weight:700}.event-player-detail{display:block;margin-top:3px}.my-standing{background:var(--accent-soft)}.event-pairings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin-top:14px}.event-pairing{border:1px solid var(--border);padding:12px;border-radius:var(--radius);min-width:0}.event-report{padding:12px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.arena-empty{padding:18px 0}@media(max-width:760px){.btn{min-height:44px}.event-rules>summary{min-height:44px;padding:9px 0}.page-head{flex-wrap:wrap;gap:12px}.event-extra{display:none}.standings-table td,.standings-table th{padding:9px 6px}.standings-table .pname{overflow-wrap:anywhere}.event-my-state .btn{min-height:44px}.event-filters .btn{flex:1}.move-list button,.navbar .btn{min-height:44px}.custom-time-grid{gap:8px}}.cg-wrap coords{font-weight:700;font-size:11px}.cg-wrap coords.files{left:0}.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 - 200px),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:700}.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:700;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:700;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{display:flex;align-items:center;justify-content:center;min-height:44px;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(2,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}}.legal-summary{padding:12px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:4px}.legal-summary p:first-child{margin-top:0}.legal-summary p:last-child{margin-bottom:0}.legal-contents{margin:24px 0;padding:16px 20px;border:1px solid var(--border);border-radius:8px}.legal-contents ul{margin-bottom:0;padding-left:20px}.legal-contents li{margin:6px 0}.legal-section,.legal-page [id]{scroll-margin-top:110px}.legal-page a,.legal-page .muted{overflow-wrap:anywhere}.legal-page th{text-align:left}.legal-related{display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--border);margin-top:32px;padding-top:20px}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:optional;src:url(/assets/noto-sans-ui-BJG5fx4D.woff2) format("woff2");unicode-range:U+0020-00FF,U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0304,U+0306,U+0308-0309,U+031B,U+0323,U+0329,U+1EA0-1EF9,U+2000-206F,U+20AB-20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}h1,h2,h3{font-weight:600;letter-spacing:normal}.appearance-menu{flex:none}.appearance-menu summary{list-style:none;min-height:40px;min-width:90px}.appearance-menu summary::-webkit-details-marker{display:none}.appearance-menu .dropdown-body{min-width:230px}.appearance-menu .dropdown-body button{display:grid;gap:2px;text-align:left}.appearance-menu strong{font-weight:600}.appearance-menu .dropdown-body button span{font-size:13px;color:var(--muted)}.appearance-menu button[aria-pressed=true]{background:var(--accent-soft)}.brand{font-size:20px}.main-nav a{font-size:14px;border-radius:5px;padding:10px}.header-row{min-height:68px}.user-placeholder{width:88px;min-height:36px}.btn{font-size:14px}.panel-head h2{font-size:18px}:root[data-appearance=classic]{--shadow:none;--radius:6px}:root[data-appearance=modern]{--radius:12px;--shadow:0 1px 2px #071b3210,0 8px 24px #071b320a}:root[data-appearance=modern] .site-header{--surface:#14253d;--surface-2:#213956;--border:#324b6c;--text:#f3f7fd;--muted:#bdcce0;--accent:#a9d5ff;--accent-hover:#c9e6ff;--accent-soft:#2b466b;--on-accent:#10243d;box-shadow:0 4px 18px #071b321c}:root[data-appearance=modern] .main-nav a.active{box-shadow:inset 0 -2px #86c6ff}:root[data-appearance=modern] .board:not(.mini){box-shadow:0 0 0 1px var(--border),0 5px 0 var(--surface-3),0 14px 28px #071b3220}.lobby-intro{margin:6px 0 20px}.lobby-eyebrow{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:500}.lobby-copy h1{margin:0 0 6px;font-size:30px;line-height:1.25}.lobby-description{color:var(--muted);font-size:15px;margin:0}.lobby-room{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}.lobby-room .home-grid{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.lobby-stage{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface);color:var(--text)}.lobby-stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600}.lobby-stage-head h2{font-size:17px;margin:0}.lobby-stage-badge{padding:3px 7px;border-radius:4px;font-size:11px;font-weight:500;color:var(--muted);background:var(--surface-2)}.lobby-stage-player{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:8px;font-size:14px;padding:8px 18px}.lobby-stage-player>span:last-child{font-size:12px;color:var(--muted)}.lobby-stage-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:4px 0 16px;padding-left:18px;font-size:13px;color:var(--muted)}.lobby-board-shell{display:grid;grid-template-columns:18px minmax(0,1fr);gap:0}.lobby-board-ranks{display:grid;grid-template-rows:repeat(8,1fr);align-items:center;justify-items:start;font-size:11px;color:var(--muted);padding-block:8px}.lobby-board-frame{min-width:0;padding:8px;border:1px solid var(--border);background:var(--surface-3);border-radius:4px}.lobby-board-files{grid-column:2;display:grid;grid-template-columns:repeat(8,1fr);text-align:center;font-size:11px;color:var(--muted);padding:8px 8px 0}.lobby-routes{display:grid;gap:0;margin-top:16px;border-top:1px solid var(--border)}.lobby-route{display:flex;gap:12px;align-items:center;padding:14px 2px;color:var(--text);border-bottom:1px solid var(--border)}.lobby-route:last-child{border-bottom:0;padding-bottom:0}.lobby-route:hover{text-decoration:none;color:var(--accent)}.lobby-route svg,.lobby-action svg{flex:none}.lobby-route-arrow{margin-left:auto}.lobby-route span,.lobby-action-copy{display:grid;gap:2px}.lobby-route strong{font-size:14px;font-weight:600}.lobby-route small{font-size:12px;color:var(--muted)}:root[data-appearance=modern] .lobby-stage{--surface:#172b47;--surface-2:#233e5e;--surface-3:#213958;--border:#365374;--text:#f2f6fd;--muted:#b4c9e2;--accent:#91ccff;background:linear-gradient(140deg,#1c3555,#13243d);box-shadow:0 6px #0d1c31,0 18px 32px #0b213325}:root[data-appearance=modern] .lobby-board-frame{box-shadow:0 5px #0b192b,0 10px 20px #050e1b60;border-color:#456487}.pairing-panel{padding:20px}.pairing-hint{font-size:14px;margin:0 0 14px;color:var(--muted)}.pairing-status{margin:12px 0 0}.tc-groups{display:grid;gap:10px}.tc-group{min-width:0;border:0;padding:0;margin:0}.tc-group-head{float:left;width:80px;min-height:62px;display:flex;flex-direction:column;justify-content:center;padding:0 8px 0 0}.tc-group-head strong{font-size:13px;font-weight:600}.tc-group-head small{font-size:11px;color:var(--muted);margin-top:2px}.tc-group .tc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tc-group .tc-tile{min-height:62px;padding:8px 2px;border-radius:5px;background:var(--surface-2);box-shadow:none;transition:none}.tc-group .tc-id{font-size:21px;font-weight:600;letter-spacing:normal}.tc-group .tc-cat{display:none}.tc-group .tc-tile.seeking .tc-cat{display:block;font-size:10px}.tc-group .tc-tile.seeking{background:var(--accent)}.home-actions{gap:10px}.home-actions .lobby-action{justify-content:flex-start;min-height:76px;padding:12px;text-align:left;background:var(--surface);font-weight:400}.lobby-action-copy strong{font-size:14px;font-weight:600}.lobby-action-copy small{font-size:11px;color:var(--muted);line-height:1.45}.home-side .panel{padding:16px}.home-side .panel-head{flex-wrap:wrap;gap:4px;margin-bottom:14px}.home-side .panel-head h2{font-size:16px}.home-side .small-link{font-size:11px;font-weight:500}.room-presence p{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px}.room-presence p+p{border-top:1px solid var(--border)}.room-presence strong{font-size:22px;line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums}.top-list{padding-left:22px;font-size:13px}.top-list li{padding:10px 0;border-bottom:1px solid var(--border)}.top-list li:last-child{border:0}.home-side .muted{font-size:13px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:root[data-appearance=modern] .tc-tile{transition:transform .13s ease}:root[data-appearance=modern] .tc-tile:hover:not(:disabled){transform:translateY(-1px)}}@media(max-width:1180px){.lobby-room{grid-template-columns:340px minmax(0,1fr)}.lobby-room .home-grid{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-presence p{padding:4px 0}.header-row{gap:10px}.appearance-name{display:none}.appearance-menu summary{width:40px;min-width:40px;padding:0}}@media(max-width:850px){.lobby-room{grid-template-columns:1fr}.lobby-stage{order:2}.lobby-room .home-grid{order:1}.lobby-stage{display:none}}@media(max-width:760px){.header-row{min-height:0;padding-top:10px;gap:6px}.header-tools{gap:2px}.brand{gap:6px;font-size:18px}.main-nav a{min-height:40px;padding:9px 5px;font-size:12px}.main-nav{padding-bottom:0}.header-tools .btn.icon,.appearance-menu summary{width:40px;height:40px}.lobby-intro{margin:6px 0 16px}.lobby-copy h1{font-size:26px}.lobby-eyebrow{display:none}.lobby-description{font-size:14px}.pairing-panel{padding:16px 12px}.pairing-panel .panel-head h2{font-size:17px}.tc-group-head{width:70px}.tc-group-head strong{font-size:12px}.tc-group-head small{font-size:10px}.tc-group .tc-tile{min-height:58px}.tc-group .tc-id{font-size:18px}.home-actions{grid-template-columns:1fr 1fr}.home-actions .lobby-action{gap:7px;min-height:76px;padding:10px}.lobby-action-copy strong{font-size:13px}.lobby-action-copy small{font-size:11px}.home-side{gap:10px}.home-side .panel{padding:12px}}@media(max-width:360px){.home-actions,.home-side{grid-template-columns:1fr}.tc-group .tc-id{font-size:16px}}:root[data-appearance=modern] .public-shell .site-header{--primary:#a9d5ff;--surface-alt:#213956}:root[data-appearance=modern] .public-shell .public-lobby-stage{--surface:#172b47;--surface-2:#233e5e;--surface-3:#213958;--border:#365374;--text:#f2f6fd;--muted:#b4c9e2;--accent:#91ccff;background:linear-gradient(140deg,#1c3555,#13243d);box-shadow:0 6px #0d1c31,0 18px 32px #0b213325}:root[data-appearance=modern] .public-shell .public-stage-board-frame{border-color:#456487;box-shadow:0 5px #0b192b,0 10px 20px #050e1b60}:root[data-appearance=classic] .public-shell .public-mode-card{border-radius:6px}.public-shell.reduce-motion .tc-tile:hover{transform:none}.public-shell{--primary:var(--accent);--surface-alt:var(--surface-2);--brass:#89632c;min-height:100dvh;display:flex;flex-direction:column;color:var(--text);background:var(--bg)}[data-theme=dark] .public-shell{--brass:#d5b57c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .public-shell{--brass:#d5b57c}}.public-shell main{flex:1}.public-shell .page{max-width:1200px;padding-top:24px;padding-bottom:40px}.public-shell .page.wide{max-width:1280px}.public-shell .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.public-shell h1{font-size:30px;line-height:1.3;letter-spacing:normal;font-weight:600;margin:0 0 8px}.public-shell h2{font-size:18px;line-height:1.35;letter-spacing:normal;font-weight:600;margin:0 0 12px}.public-shell h3{margin-top:24px}.public-shell p{line-height:1.6}.public-shell .eyebrow{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none;margin:0 0 6px}.public-shell .btn{min-height:44px;border-radius:6px;font-weight:600;padding:10px 16px}.public-shell .btn.small{min-height:36px;padding:6px 12px}.public-shell .btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.public-shell :is(a,button,input,select,summary,textarea):focus-visible{outline:3px solid var(--primary);outline-offset:3px}.public-shell .site-header{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text)}.public-shell .header-row{max-width:1328px;margin:auto;gap:24px}.public-shell .main-nav{gap:4px}.public-shell .main-nav a{border-radius:8px;padding:10px 12px;font-weight:600}.public-shell .main-nav a.active{background:var(--surface-alt);color:var(--primary)}.public-shell .public-tools summary{display:flex;align-items:center;gap:6px;padding:10px 12px;cursor:pointer;font-weight:600;border-radius:8px}.public-shell .public-tools .dropdown-body a{display:block}.public-shell .public-tools .dropdown-body .ph-icon{display:inline-block}.public-shell .site-footer{border-top:1px solid var(--border);padding:24px;color:var(--muted)}.public-shell .public-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 28px}.public-shell .public-page-heading p:last-child{margin-bottom:0}.public-shell .public-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.public-shell .public-inline{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.public-shell form.public-inline{align-items:flex-end}.public-shell .public-inline .field{flex:1;min-width:180px;margin:0}.public-shell .public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.public-shell .public-setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.public-shell .public-setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.public-shell .public-pool-select{max-width:320px;margin-bottom:24px}.public-shell .public-loading{display:flex;gap:12px;align-items:center;padding:24px 0;color:var(--muted)}.public-shell .public-notice{padding:16px 20px;border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;margin:16px 0}.public-shell .public-notice.error{border-inline-start:4px solid #b84c43}.public-shell .public-empty{text-align:center;padding:40px 16px;max-width:600px;margin-inline:auto}.public-shell .public-empty .btn{margin:8px 4px}.public-shell .public-empty-art{width:144px;margin:0 auto 16px}.public-shell .public-person-list,.public-shell .public-notification-list{list-style:none;padding:0;margin:0}.public-shell .public-person-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.public-shell .public-person-list small{display:block;margin-top:4px}.public-shell .public-notification-list li{padding:20px 12px;border-bottom:1px solid var(--border);border-inline-start:3px solid transparent}.public-shell .public-notification-list li.unread{border-inline-start-color:var(--primary);background:var(--surface-alt)}.public-shell .public-notification-list time{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.public-shell .rank-badge{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}.public-shell .rank-mark{color:var(--brass);flex-shrink:0}.public-shell .rank-badge.placement .rank-mark{color:var(--muted);opacity:.6}.public-shell .rank-copy{display:flex;flex-direction:column;gap:2px}.public-shell .rank-title{font-weight:650;font-size:.85rem;white-space:nowrap}.public-shell .rank-stars{color:var(--brass);letter-spacing:1px;font-size:.72rem}.public-shell .rank-rating{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.public-shell .rank-rating small{font-size:inherit}.public-shell .table{font-size:.9rem}.public-shell .table caption{text-align:left;color:var(--muted);padding:12px 0;font-size:.75rem}.public-shell .table th{text-align:left}.public-shell .public-rank-guide{max-width:900px;margin-inline:auto}.public-shell .public-rank-guide h2{margin-top:32px}.public-shell .recovery-codes{user-select:all;line-height:1.7;white-space:pre-wrap}.public-shell .public-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:32px 0 40px}.public-shell .public-hero h1{font-size:clamp(2.5rem,5.7vw,4.75rem);max-width:12ch}.public-shell .public-hero p{color:var(--muted);max-width:43ch;font-size:1.08rem}.public-shell .public-hero .public-quick p{font-size:.9rem}.public-shell .public-quick .public-page-heading{margin:0 0 16px}.public-shell .public-quick h2{margin:0}.public-shell .public-quick .big{width:100%;margin-top:16px}.public-shell .public-quick .tc-grid{margin-top:20px}.public-shell .public-queue{padding:12px 0}.public-shell .public-home-feed{margin-top:32px}.public-shell .public-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.public-shell .public-live-card{color:var(--text);text-decoration:none;display:flex;flex-direction:column;gap:8px;min-width:0}.public-shell .public-live-card span{overflow-wrap:anywhere;font-size:.85rem}.public-shell .public-live-card small{color:var(--muted)}.public-shell .public-live-card .board{width:100%;aspect-ratio:1}.public-shell .public-home-note{display:flex;align-items:center;gap:24px}.public-shell .public-home-note svg{flex-shrink:0}.public-shell .public-home-note div{flex:1}.public-shell .public-home-note h2,.public-shell .public-home-note p{margin:0}.public-shell .public-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-shell .public-mode-card{display:block;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;text-decoration:none}.public-shell .public-mode-card:hover{border-color:var(--primary)}.public-shell .public-mode-card svg{color:var(--primary);margin-bottom:20px}.public-shell .public-mode-card p{font-size:.9rem;color:var(--muted);margin-bottom:0}.public-shell .public-board-layout{display:grid;grid-template-columns:minmax(0,640px) minmax(260px,1fr);gap:24px}.public-shell .public-board-layout .board{width:100%;aspect-ratio:1}.public-shell .public-board-layout aside{min-width:0}.public-shell .public-clock{font-variant-numeric:tabular-nums}.public-shell .public-daily-list{display:grid;gap:16px}.public-shell .public-daily-card{display:grid;grid-template-columns:104px 1fr;gap:20px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.public-shell .public-daily-card .board{width:104px}.public-shell .public-daily-card h2{margin:0 0 8px;font-size:1rem}.public-shell .public-daily-card p{margin:4px 0}.public-shell .public-daily-card a{color:var(--text)}.public-shell .public-daily-card.your-turn{border-inline-start:4px solid var(--primary)}.public-shell .public-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.public-shell .public-filter-bar button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.public-shell .public-moves{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-variant-numeric:tabular-nums}.public-shell .public-moves span{padding:6px 8px;background:var(--surface-alt);border-radius:4px}.public-shell .public-preview{border:2px solid var(--primary);padding:16px;border-radius:12px;margin:16px 0}.public-shell .public-preview button{margin:4px}.public-shell .analysis-controls{justify-content:center;margin:16px 0}.public-shell .analysis-tree{list-style:none;padding:0;max-height:360px;overflow:auto;line-height:2}.public-shell .analysis-tree ul{list-style:none;padding:0;margin:0;display:contents}.public-shell .analysis-tree li{display:inline}.public-shell .analysis-tree .analysis-branches{display:block;border-left:2px solid var(--border);padding-left:12px;margin:8px 0 8px 8px}.public-shell .analysis-tree .analysis-branches>li{display:block}.public-shell .analysis-move{color:var(--text);background:transparent;border:0;border-radius:6px;cursor:pointer;padding:5px 8px;font:inherit}.public-shell .analysis-move.selected{background:var(--primary);color:var(--bg);font-weight:700}.public-shell .analysis-lines{padding-left:20px;font-size:.85rem;line-height:1.5}.public-shell .analysis-lines li{margin:12px 0}.public-shell .analysis-lines small{display:block;color:var(--muted);margin-top:4px}.public-shell .analysis-evaluation{margin-top:24px}.public-shell .analysis-evaluation svg{width:100%;height:auto;color:var(--muted)}.public-shell .analysis-evaluation summary{cursor:pointer;padding:12px 0}.public-shell progress{width:100%;accent-color:var(--accent)}.public-shell.reduce-motion *,.public-shell.reduce-motion *:before,.public-shell.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.public-shell *,.public-shell *:before,.public-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.public-shell .header-row{gap:12px}.public-shell .public-hero{gap:24px}.public-shell .public-board-layout{grid-template-columns:minmax(0,1fr);max-width:680px;margin:auto}.public-shell .public-board-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-shell .public-board-layout aside .panel{margin:0}}@media(max-width:600px){.public-shell .page{padding:20px 12px 32px}.public-shell .panel{padding:20px 16px;margin-bottom:16px}.public-shell .public-page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.public-shell .public-two-col,.public-shell .public-hero,.public-shell .public-mode-grid{grid-template-columns:minmax(0,1fr);gap:16px}.public-shell .public-hero{padding:12px 4px 28px}.public-shell .public-hero h1{max-width:none;font-size:2.8rem}.public-shell .public-person-list li{flex-wrap:wrap}.public-shell .public-board-layout{gap:16px}.public-shell .public-board-layout aside{display:block}.public-shell .public-board-layout aside .panel{margin-bottom:16px}.public-shell .public-daily-card{grid-template-columns:80px minmax(0,1fr);padding:12px;gap:12px}.public-shell .public-daily-card .board{width:80px}.public-shell .main-nav{overflow-x:auto;width:100%;justify-content:space-between;gap:0}.public-shell .main-nav a{padding:10px 8px;font-size:.82rem;white-space:nowrap}.public-shell .conn-text{display:none}.public-shell .public-tools summary{padding:10px 8px;font-size:.82rem}.public-shell .public-home-note{flex-wrap:wrap;gap:16px}}.public-shell .public-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 16px}.public-shell .public-rating-chart{display:block;width:100%;max-height:220px;margin:24px 0}.public-shell .public-profile-rank{font-size:1.25rem;margin:20px 0 12px}.public-shell .public-watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.public-shell .table td small{display:block}.public-shell .public-rating-diff{font-variant-numeric:tabular-nums}.public-shell .public-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.public-shell .public-invitation{max-width:760px;margin:auto}.public-shell .public-invite-rules{display:grid;grid-template-columns:120px 1fr;gap:12px 20px;margin:24px 0}.public-shell .public-invite-rules dt{color:var(--muted)}.public-shell .public-invite-rules dd{margin:0}@media(max-width:600px){.public-shell .public-mode-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 16px;padding:20px}.public-shell .public-mode-card>svg{grid-row:1/3;margin:0}.public-shell .public-mode-card h2,.public-shell .public-mode-card p{margin:0}.public-shell .public-invite-rules{grid-template-columns:90px minmax(0,1fr);gap:12px}}.public-shell main:focus{outline:none}.public-shell .public-player-identity{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.public-shell .public-player-name{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}.public-shell .player-bar .rank-badge{gap:5px;min-width:0}.public-shell .player-bar .rank-mark{width:18px;height:22px}.public-shell .player-bar .rank-copy{min-width:0;gap:0}.public-shell .player-bar .rank-title{font-size:.75rem}.public-shell .player-bar .rank-rating{font-size:.7rem;overflow-wrap:anywhere}.public-shell .player-bar .spacer{display:none}.public-shell .public-move-entry{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}.public-shell .public-move-entry .field{flex:1;min-width:160px;margin:0}.public-shell .cg-wrap coords.files{left:0;width:100%;bottom:0}@media(max-width:980px){.public-shell .header-row{flex-wrap:wrap;gap:8px 12px;padding:8px 12px 0}.public-shell .header-tools{margin-left:auto}.public-shell .main-nav{order:3;flex-basis:100%;min-width:0;justify-content:space-between;padding-bottom:6px}.public-shell .conn-text{display:none}}.public-shell .game-layout{grid-template-columns:minmax(0,min(calc(100svh - 260px),680px)) minmax(290px,360px)}@media(max-width:980px){.public-shell .game-layout{grid-template-columns:minmax(0,min(calc(100svh - 290px),640px))}}@media(max-width:600px){.public-shell .game-layout{grid-template-columns:minmax(0,1fr)}.public-shell .public-move-entry{padding:0 12px}}.public-shell .public-position{margin:8px 0;padding:8px 12px;border:1px solid var(--border);border-radius:8px}.public-shell .public-position summary{cursor:pointer;font-size:.85rem}.public-shell .public-position td{min-width:76px}.public-shell .public-lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.public-shell .public-heading-art{width:96px;flex:none}.public-shell .public-lobby-heading h1{margin-bottom:4px}.public-shell .public-lobby-heading p{margin:0;color:var(--muted);font-size:15px}.public-shell .public-lobby-room{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.public-shell .public-lobby-stage{padding:20px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface)}.public-shell .public-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.public-shell .public-stage-heading h2{margin:0;font-size:17px}.public-shell .public-stage-heading>span{background:var(--surface-2);color:var(--muted);padding:3px 7px;border-radius:4px;font-size:11px}.public-shell .public-stage-player{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:6px 8px 6px 18px;font-size:14px}.public-shell .public-stage-player a{overflow-wrap:anywhere;color:var(--text)}.public-shell .public-stage-player span{color:var(--muted);font-size:12px}.public-shell .public-stage-board-shell{display:grid;grid-template-columns:18px minmax(0,1fr)}.public-shell .public-stage-ranks{display:grid;grid-template-rows:repeat(8,1fr);align-items:center;color:var(--muted);font-size:11px;padding-block:8px}.public-shell .public-stage-board-frame{min-width:0;padding:8px;border:1px solid var(--border);background:var(--surface-3);border-radius:4px}.public-shell .public-stage-board-frame>a{display:block}.public-shell .public-stage-board-frame .board{width:100%;aspect-ratio:1}.public-shell .public-stage-files{grid-column:2;display:grid;grid-template-columns:repeat(8,1fr);text-align:center;color:var(--muted);font-size:11px;padding:8px 8px 0}.public-shell .public-stage-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:8px 0 16px;padding-left:18px;color:var(--muted);font-size:13px}.public-shell .public-stage-routes{display:grid;border-top:1px solid var(--border)}.public-shell .public-stage-routes>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--text)}.public-shell .public-stage-routes>a:last-child{padding-bottom:0;border-bottom:0}.public-shell .public-stage-routes>a:hover{color:var(--accent);text-decoration:none}.public-shell .public-stage-routes svg{width:24px;height:24px;flex:none}.public-shell .public-stage-routes span{display:grid;gap:2px}.public-shell .public-stage-routes strong{font-weight:600;font-size:14px}.public-shell .public-stage-routes small{color:var(--muted);font-size:12px}.public-shell .public-stage-routes b{font-weight:400;margin-left:auto}.public-shell .public-lobby-main{min-width:0}.public-shell .public-quick-home{margin-bottom:14px}.public-shell .public-quick .public-page-heading{flex-direction:row;align-items:center;gap:12px;margin:0 0 8px}.public-shell .public-quick .public-page-heading>a{font-size:13px}.public-shell .public-quick-hint{margin:0 0 16px;color:var(--muted);font-size:14px}.public-shell .public-tc-groups{display:grid;gap:10px}.public-shell .public-tc-group{min-width:0;border:0;margin:0;padding:0}.public-shell .public-tc-group legend{float:left;display:flex;flex-direction:column;justify-content:center;width:86px;min-height:62px;padding:0 8px 0 0}.public-shell .public-tc-group legend strong{font-weight:600;font-size:13px}.public-shell .public-tc-group legend small{color:var(--muted);font-size:11px}.public-shell .public-tc-group .tc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.public-shell .public-tc-group .tc-tile{min-height:62px;padding:8px 2px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);box-shadow:none;transition:none}.public-shell .public-tc-group .tc-id{font-size:21px;letter-spacing:normal;font-weight:600}.public-shell .public-tc-group .tc-tile.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.public-shell .public-tc-group .tc-tile:hover:not(:disabled){border-color:var(--accent)}.public-shell .public-quick-home .public-setting-row{min-height:44px;padding:10px 0;margin-top:6px;font-size:13px}.public-shell .public-quick-select{font-size:13px;margin-top:6px}.public-shell .public-quick-select summary{min-height:32px;cursor:pointer;padding:5px 0;color:var(--muted)}.public-shell .public-quick-select .field,.public-shell .public-quick-rank{margin:12px 0 0}.public-shell .public-lobby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-shell .public-lobby-actions>a{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:76px;padding:12px;background:var(--surface);text-align:left;white-space:normal}.public-shell .public-lobby-actions svg{width:24px;height:24px;flex:none;color:var(--accent)}.public-shell .public-lobby-actions span{display:grid;gap:2px;min-width:0}.public-shell .public-lobby-actions strong{font-weight:600;font-size:14px}.public-shell .public-lobby-actions small{color:var(--muted);font-size:11px;line-height:1.45;font-weight:400}.public-shell .public-lobby-actions b{margin-left:auto;font-weight:400}.public-shell .public-lobby-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;font-size:13px;padding:16px 2px}.public-shell .public-due-games{margin-top:16px}.public-shell .public-home-feed{margin-top:24px}.public-shell .header-tools .appearance-menu summary{min-height:40px;padding:6px 10px}@media(max-width:1180px){.public-shell .public-lobby-room{grid-template-columns:340px minmax(0,1fr);gap:20px}}@media(max-width:850px){.public-shell .public-heading-art{display:none}.public-shell .public-lobby-room{grid-template-columns:minmax(0,1fr)}.public-shell .public-lobby-stage{display:none}}@media(max-width:600px){.public-shell .page{padding-top:18px}.public-shell h1{font-size:26px}.public-shell .header-row{gap:6px}.public-shell .header-tools{gap:2px}.public-shell .header-tools .btn.icon,.public-shell .header-tools .appearance-menu summary{width:40px;height:40px;min-width:40px;padding:0}.public-shell .user-menu>.btn{padding:6px 9px}.public-shell .brand{gap:6px;font-size:18px}.public-shell .public-lobby-heading{margin-bottom:16px}.public-shell .public-lobby-heading p{font-size:14px}.public-shell .public-quick-home{padding:16px 12px 10px}.public-shell .public-quick-hint{font-size:13px;margin-bottom:12px}.public-shell .public-tc-group legend{width:70px;min-height:122px}.public-shell .public-tc-group .tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .public-tc-group legend strong{font-size:12px}.public-shell .public-tc-group legend small{font-size:10px}.public-shell .public-tc-group .tc-tile{min-height:58px}.public-shell .public-tc-group .tc-id{font-size:18px}.public-shell .public-lobby-actions{gap:10px}.public-shell .public-lobby-actions>a{gap:7px;padding:10px}.public-shell .public-lobby-actions strong{font-size:13px}.public-shell .public-lobby-actions b{display:none}}@media(max-width:360px){.public-shell .brand{font-size:16px;gap:4px}.public-shell .brand img{width:24px;height:24px}.public-shell .public-lobby-actions{grid-template-columns:1fr}.public-shell .public-tc-group .tc-id{font-size:16px}}@media(max-width:1100px){.public-shell .public-tools>summary>.ph-icon{display:none}}.play-game-ad-layout{width:100%}.play-game-workspace{min-width:0}.play-ad-rail{display:none}.play-privacy-choices{background:none;border:0;color:var(--muted);padding:0;font:inherit;text-decoration:underline;cursor:pointer}@media(min-width:1440px){.play-game-ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:160px;max-width:1740px;margin:0 auto;padding:0 16px}.play-game-workspace .page{padding-left:0;padding-right:0}.play-ad-rail{display:block;width:300px;min-height:628px;margin-top:24px}.play-ad-content{width:300px}.play-ad-content .ad-label{margin:0 0 8px;font-size:11px;line-height:20px;color:var(--muted)}}