.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{--type-page-size: 1.75rem;--type-section-size: 1.25rem;--type-card-size: 1rem;--type-body-size: 1rem;--type-ui-size: .875rem;--type-meta-size: .8125rem;--type-small-size: .75rem;--type-weight-body: 400;--type-weight-label: 500;--type-weight-title: 600;--type-heading-line: 1.3;--type-body-line: 1.55;--type-ui-line: 1.45;--type-gutter: 24px;--type-prose: 66ch;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-radius-panel: var(--radius, 12px);--ui-radius-control: 6px;--ui-radius-inset: var(--ui-radius-control);--ui-page-gutter: var(--type-gutter);--ui-panel-padding: 20px;--ui-section-gap: 24px;--ui-control-height: 44px;--ui-control-height-compact: 36px;--ui-focus-width: 3px;--ui-focus-offset: 3px;--ui-panel-shadow: var(--depth-panel, var(--shadow, none));--ui-control-shadow: var(--depth-row, none);--ui-inset-shadow: var(--depth-inset, none);--ui-flat-shadow: none}:root[data-appearance=classic]{--ui-radius-panel: 6px;--ui-radius-control: 6px;--ui-panel-shadow: none;--ui-control-shadow: none;--ui-inset-shadow: none}:root[data-appearance=modern]{--ui-radius-panel: 12px;--ui-radius-control: 8px}@media(max-width:640px){:root{--type-page-size: 1.5rem;--type-gutter: 16px;--ui-panel-padding: 16px;--ui-section-gap: 20px;--ui-control-height-compact: 44px}}@media(pointer:coarse){:root{--ui-control-height-compact: 44px}}.ph-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.ph-art{display:block;max-width:100%;height:auto}:root[data-chess-art]:not([data-chess-board=original]) .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}.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}}: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:var(--type-weight-body) var(--type-body-size)/var(--type-body-line) var(--font)}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;min-width:0;outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.h2{font-weight:var(--type-weight-title);line-height:var(--type-heading-line);letter-spacing:normal;text-wrap:pretty}h1{font-size:var(--type-page-size);margin:0 0 8px}h2{font-size:var(--type-section-size);margin:0 0 12px}h3,.h2{font-size:var(--type-card-size);margin:0 0 8px}strong,b{font-weight:var(--type-weight-title)}p{margin:0 0 12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:var(--type-meta-size)}.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;flex-wrap:wrap;gap:2px;flex:1;min-width:0}.main-nav a{padding:7px 11px;border-radius:8px;color:var(--muted);font-weight:var(--type-weight-label);white-space:nowrap}.main-nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.main-nav a.active{font-weight:var(--type-weight-title);color:var(--text);background:var(--accent-soft)}.practice-link,.main-nav a.practice-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 12px;border-radius:8px;background:var(--info-bg);color:var(--info-text);box-shadow:inset 0 0 0 1px var(--accent);font-weight:750;white-space:nowrap;text-decoration:none}.practice-link:hover,.main-nav a.practice-link:hover{background:var(--accent-soft);color:var(--text);text-decoration:none}.practice-link:active{box-shadow:inset 0 0 0 2px var(--accent)}.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;flex-wrap:wrap;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:var(--type-card-size);font-weight:var(--type-weight-title);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:var(--type-weight-label) var(--type-ui-size)/var(--type-ui-line) 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%;min-width:0}textarea{line-height:var(--type-body-line);resize:vertical}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--type-body-size);min-height:44px}textarea.notation-input{font-family:var(--mono);font-size:var(--type-ui-size)}input[aria-invalid=true]{border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field>span{font-size:var(--type-ui-size);font-weight:var(--type-weight-label);color:var(--text)}.field>small{font-size:var(--type-meta-size);line-height:var(--type-ui-line)}.field>.hint{font-size:var(--type-meta-size);font-weight:var(--type-weight-body);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));pointer-events:none}.toast{pointer-events:auto;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 thead th{font-size:var(--type-meta-size);font-weight:var(--type-weight-label);color:var(--muted)}.table tbody th{font-size:inherit;font-weight:var(--type-weight-label);color:var(--text)}.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:var(--type-weight-title);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}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}.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{font-size:13px}.waiting{display:flex;align-items:center;gap: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-card h2{font-size:var(--type-card-size);margin-top:12px}.event-status{font-size:var(--type-meta-size);font-weight:var(--type-weight-label);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:44px;font-weight:var(--type-weight-label);padding:10px 0}.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;bottom:0}.cg-wrap coords.files coord{text-align:right;padding-right:4px}.cg-wrap coords.ranks{top:0}.cg-wrap coords.ranks coord{transform:none;padding-top:2px}.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}.history-privacy h3{margin:16px 0 8px;font-size:1rem}.history-privacy label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.history-privacy p{margin:8px 0}.profile-name{font-size:var(--type-page-size);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:var(--type-meta-size);font-weight:var(--type-weight-label);color:var(--muted)}.rc-rating{font-size:22px;font-weight:var(--type-weight-title);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:var(--type-page-size)}.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:min(100%,calc(var(--type-prose) + 48px));margin-left:auto;margin-right:auto;line-height:var(--type-body-line);text-align:left}.prose h2{margin-top:24px}.prose p,.prose ul,.prose ol{max-width:var(--type-prose)}.prose .table td{white-space:normal}.ad-slot{margin:16px 0;min-height:90px;overflow:hidden}@media(max-width:1100px){.header-row{flex-wrap:wrap;gap:6px 10px;padding:8px 12px 0}.header-tools{margin-left:auto}.main-nav{order:3;flex-basis:100%;flex-wrap:nowrap;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}}@media(max-width:760px){.conn-text,.guest-name{display:none}.user-menu summary{max-width:min(180px,calc(100vw - 236px));overflow:hidden;text-overflow:ellipsis}}@media(max-width:760px){.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)}}@media(orientation:landscape)and (max-height:540px)and (max-width:980px){.header-row{flex-wrap:nowrap;padding:8px 12px;gap:8px}.brand span{display:none}.main-nav{order:0;flex:1 1 0;padding-bottom:0}.main-nav a{flex:0 0 auto;padding:6px 8px}.header-tools{margin-left:0}.user-menu summary{max-width:min(150px,calc(100vw - 360px))}.page{padding-top:8px}}@media(pointer:coarse){.btn,.btn.small,.btn.icon,.segmented button,.tabs button,.main-nav a{min-height:44px}.btn.icon{width:44px;height:44px}.main-nav{flex-shrink:1}}@media(max-width:380px){.main-nav a{font-size:12px;padding:6px 3px}.brand span{display:none}}@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}h2,.panel-head h2{font-weight:550}.btn,.field>span,.toggle,.segmented button{font-weight:500}.panel-head h2{text-transform:none;letter-spacing:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@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}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:optional;src:url(/assets/lora-display-uzqbCVOB.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-0303,U+0306,U+0309,U+031B,U+0323,U+1EA0-1EF9,U+2000-206F,U+20AB-20AC,U+2122,U+2212}:root{--font-display: "Lora", Georgia, "Times New Roman", serif}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.panel,.watch-event,.event-card,.rating-card,.public-mode-card,.public-daily-card,.public-rank-result,.legal-contents,.adm-card,.tr-tile,.live-panel,.live-preview-panel,.live-stream-card,.live-tier){border-radius:var(--ui-radius-panel);box-shadow:var(--ui-panel-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.panel,.watch-event){padding:var(--ui-panel-padding)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .page:not(:has(.game-layout)):not(:has(.public-board-layout)){padding-inline:var(--ui-page-gutter)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .page>.panel:not(.auth-form):not(.center-panel):not(.public-empty){margin-bottom:var(--ui-section-gap)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .live-page{padding-inline:var(--ui-page-gutter)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .page.page:has(>.live-page){padding-inline:0}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.panel-head,.watch-section-head,.public-page-heading,.page-head,.lobby-intro,.public-lobby-heading,.player-bar,.turn-line,.public-stage-player,.lobby-stage-player,.public-loading,.counts>span,.room-presence p,.top-list li,.legal-related,.public-person-list>li,.public-notification-list>li,.security-passkeys>li,.tr-analysis-lines>li,.table thead>tr,.table th,.analytics-table thead>tr,.adm-ents>li,.adm-public-games>li,.event-report,.banner,.notice,.public-notice,.legal-summary,.result-banner,.tr-message,.tr-note,.event-my-state,.live-page-head,.live-directory-head,.live-module-head,.live-chat-heading,.live-chat-message,.live-notice,.live-error){background-image:none;box-shadow:var(--ui-flat-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .page>:is(.public-page-heading,.page-head,.lobby-intro,.public-lobby-heading){background-color:transparent;border:0;border-radius:0}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .page:not(:has(.game-layout)):not(:has(.public-board-layout))>:is(.public-page-heading,.page-head,.lobby-intro,.public-lobby-heading){padding:0;margin-bottom:var(--ui-section-gap)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .panel-head{margin-bottom:var(--ui-space-4)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.btn,.tc-tile,.level-grid>button,.tr-nav-link,.main-nav>a,.public-tools>summary,.header-tools summary,.tabs>button,.segmented>button,.tr-choice-item>span,.live-btn,.live-icon-btn,.live-category-tabs>button,.live-view-toggle>button,.live-segment>button,.live-scene,.live-chat-unread){border-radius:var(--ui-radius-control);box-shadow:var(--ui-control-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .btn:not(.small):not(.lobby-action):not(.public-lobby-actions>.btn):not(.navbar .btn):not(.analysis-controls .btn){min-height:var(--ui-control-height)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .btn.small:not(.navbar .btn):not(.analysis-controls .btn){min-height:var(--ui-control-height-compact)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .btn:not(.small):not(.big):not(.icon):not(.lobby-action):not(.public-lobby-actions>.btn):not(.navbar .btn):not(.analysis-controls .btn){padding:var(--ui-space-2) var(--ui-space-4)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.tabs>button,.segmented>button){min-height:var(--ui-control-height-compact)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.tc-tile.selected,.tc-tile.seeking,.level-grid>button.on,.main-nav>a.active,.tr-nav-link.active,.segmented>button.on,.tabs>button.on,.btn[aria-pressed=true],.btn:active,.btn:disabled,.btn[aria-disabled=true],.live-tier.selected,.live-btn[aria-pressed=true],.live-btn:active,.live-btn:disabled,.live-icon-btn:disabled,.live-category-tabs>button.selected,.live-view-toggle>button.selected,.live-segment>button[aria-pressed=true],.live-scene.selected){box-shadow:var(--ui-inset-shadow)}:root:root[data-appearance=modern] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.main-nav>a.active,.tr-nav-link.active){box-shadow:var(--ui-inset-shadow),inset 0 -2px 0 var(--accent)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .live-btn[aria-pressed=true]{border-color:var(--accent);background-color:var(--accent-soft);color:var(--text)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.tr-tag,.adm-tag,.adm-status,.chip,.rank-badge,.watch-status,.security-status,.event-status,.live-badge){box-shadow:var(--ui-flat-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea,.table-wrap,.adm-directory-table-wrap,.analytics-table-wrap,.chat-lines,.public-moves,.analysis-tree,.analysis-lines,.moves,.public-preview,.public-queue,.recovery-codes,.security-code-list,.copy-field,.tr-fieldset,.tr-confirm,.tr-chart,.tr-bars,.tr-analysis-side,.adm-inline,.adm-key-groups,.live-search,.live-chat-compose:has(input),.live-limit-overrides){border-radius:var(--ui-radius-inset);box-shadow:var(--ui-inset-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea):not([aria-invalid=true]){border-color:var(--border)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.movelist,.copy-field:has(input),.public-position:has(input,textarea),.analysis-lines,.table-wrap .table-wrap,.live-search input,.live-chat-compose input){background-image:none;box-shadow:var(--ui-flat-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .mv.empty{background-color:transparent;background-image:none;box-shadow:var(--ui-flat-shadow)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.usage-dialog,.usage-invitation,.dialog-panel,.dropdown-body,.chess-appearance,.tr-pop,.live-end-dialog){border-radius:var(--ui-radius-panel);box-shadow:var(--depth-overlay,var(--ui-panel-shadow))}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(a,button,input,select,summary,textarea,h1[tabindex]):focus-visible{outline-width:var(--ui-focus-width);outline-offset:var(--ui-focus-offset)}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) .live-search:focus-within{outline-width:var(--ui-focus-width);outline-offset:var(--ui-focus-offset)}@media(forced-colors:active){:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.panel,.watch-event,.event-card,.rating-card,.public-mode-card,.public-daily-card,.adm-card,.tr-tile,.dropdown-body,.dialog-panel,.live-panel,.live-preview-panel,.live-stream-card,.live-tier,.live-end-dialog){box-shadow:none;border-color:CanvasText}:root:root[data-appearance] :is(.public-shell.public-shell,.legacy-shell.legacy-shell,.tr-frame.tr-frame,.adm-frame.adm-frame) :is(.tc-tile.selected,.level-grid>button.on,.main-nav>a.active,.tr-nav-link.active,.segmented>button.on,.tabs>button.on,.btn[aria-pressed=true],.live-tier.selected,.live-btn[aria-pressed=true],.live-category-tabs>button.selected,.live-view-toggle>button.selected,.live-segment>button[aria-pressed=true],.live-scene.selected){outline:2px solid Highlight;outline-offset:-2px}}.usage-preferences{margin-top:12px}.usage-link{border:0;background:transparent;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer;padding:6px}.usage-invitation{max-width:760px;margin:12px auto;padding:14px;border:1px solid var(--border);border-radius:10px;text-align:left}.usage-invitation p{margin-top:0}.usage-dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto}.usage-dialog::backdrop{background:#0000008c}.usage-dialog .btn-row,.usage-invitation .btn-row{flex-wrap:wrap}.usage-invitation,.usage-dialog{font-size:var(--type-body-size);line-height:var(--type-body-line)}.usage-dialog h2{font-size:var(--type-section-size)}.usage-invitation p,.usage-dialog p{max-width:var(--type-prose)}.ui-icon{display:inline-block;flex:none;vertical-align:middle}.chess-sticker{display:block;flex:none;max-width:100%;color:var(--text)}.site-header .header-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:10px 20px}.site-header .brand{min-width:0;font-size:18px;font-weight:650;gap:9px}.site-header .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .main-nav{min-width:0;justify-content:center;gap:4px}.site-header .main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:7px;padding:9px 10px;border-radius:12px;font-size:14px;font-weight:500}.site-header .main-nav a.active{color:var(--accent);background:var(--accent-soft)}.site-header .header-tools{margin-left:0;gap:6px}.site-header .conn{width:16px;justify-content:center}.site-header .conn-dot{width:7px;height:7px}.site-header .theme-button,.site-header .account-menu summary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px}.site-header .account-menu summary{gap:7px;padding:8px 10px;font-weight:500}.account-name{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu .dropdown-body{width:220px;max-width:calc(100vw - 24px);padding:8px;border-radius:16px}.account-menu .dropdown-body a,.account-menu .dropdown-body button{display:flex;align-items:center;min-height:44px;gap:10px;border-radius:10px}.account-caption{display:block;overflow:hidden;text-overflow:ellipsis;padding:6px 10px 10px;color:var(--muted);font-size:13px}.menu-unread{margin-left:auto;min-width:22px;padding:2px 5px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:12px;text-align:center}.site-footer{padding:16px 20px}.footer-row{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-brand{font-size:12px;white-space:nowrap}.site-footer .footer-row nav{align-items:center;margin:0;gap:6px 12px}.footer-row nav>a,.footer-more summary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px}.footer-more{position:relative}.footer-more summary{list-style:none;cursor:pointer}.footer-more summary::-webkit-details-marker{display:none}.footer-more-body{position:absolute;bottom:calc(100% + 8px);right:0;width:290px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);text-align:left;z-index:10}.footer-more-body a{display:flex;align-items:center;min-height:44px;padding:8px;border-radius:8px}.footer-more-body a:hover{background:var(--surface-2);text-decoration:none}.footer-more-body p{grid-column:1 / -1;margin:6px 8px 4px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;line-height:1.5}@media(max-width:1040px){.site-header .header-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.site-header .main-nav{grid-column:1 / -1;grid-row:2;width:100%}.site-header .header-tools{grid-column:2;grid-row:1}.site-header .main-nav a{flex:1}}@media(max-width:760px){.site-header .header-row{padding:7px 12px 8px}.site-header .brand{font-size:17px}.site-header .main-nav{order:unset;overflow:visible;flex-wrap:wrap;margin:0;padding:0;gap:4px}.site-header .main-nav>a,.site-header .nav-more>summary{flex-direction:column;justify-content:center;gap:4px;min-width:44px;min-height:56px;padding:6px 4px;font-size:12px}.site-header .main-nav>a,.site-header .nav-more{flex:1 0 auto}.site-header .nav-more>summary{width:100%}.site-header .account-name,.site-header .account-chevron{display:none}.site-header .account-menu summary{padding:8px;position:relative}.site-header .account-menu .unread-dot{position:absolute;top:7px;right:7px}.site-footer{padding:10px 12px 14px}.footer-row{flex-direction:column-reverse;gap:2px;position:relative}.site-footer .footer-row nav{gap:20px}.footer-more{position:static}.footer-more-body{right:50%;transform:translate(50%)}}.play-workspace .side-col{display:grid;gap:12px}.play-workspace .cg-wrap coords.files{left:0;bottom:0}.play-workspace .cg-wrap coords.files coord{text-align:right;padding-right:4px}.play-workspace .cg-wrap coords.ranks{top:0}.play-workspace .cg-wrap coords.ranks coord{transform:none;padding-top:2px}.play-workspace .panel{margin:0;padding:16px}.play-workspace .panel-head h1{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:19px;font-weight:600;letter-spacing:-.02em;text-transform:none}.play-workspace .panel-head h1>svg{color:var(--accent)}.play-workspace .status-line,.play-workspace .turn-line{font-weight:500;font-size:15px}.play-disclosure>summary{display:flex;align-items:center;gap:9px;min-height:44px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;list-style:none}.play-disclosure>summary::-webkit-details-marker{display:none}.play-disclosure>summary:hover,.play-disclosure[open]>summary{color:var(--text)}.play-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}.play-disclosure .disclosure-chevron{margin-left:auto;transition:transform .16s ease}.play-disclosure[open]>summary .disclosure-chevron{transform:rotate(180deg)}.play-disclosure>.disclosure-body{padding-top:10px}.play-summary .computer-settings{margin-top:12px;border-top:1px solid var(--border);padding-top:3px}.play-workspace .panel.play-disclosure{padding-top:7px;padding-bottom:7px}.play-workspace .panel.play-disclosure[open]{padding-bottom:16px}.computer-settings .level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.computer-settings .level-grid button{min-height:44px;aspect-ratio:auto;font-weight:600}.computer-settings .field>span{font-weight:500}.computer-settings .color-choice button{min-height:44px}.play-workspace .btn{min-height:44px;font-weight:500}.play-workspace .btn.icon{width:44px;height:44px;flex-shrink:0}.play-workspace .btn.icon.is-muted{position:relative;color:var(--muted)}.play-workspace .btn.icon.is-muted:after{content:"";position:absolute;width:22px;height:2px;background:currentColor;transform:rotate(-45deg)}.play-workspace .controls>.btn-row:first-child>.primary{flex:1}.play-workspace .movelist .moves{max-height:240px;min-height:60px;border-color:transparent}.play-workspace .play-moves.is-empty .moves,.play-workspace .play-moves.is-empty .navbar{display:none}.play-workspace .play-moves.is-empty .controls>.btn-row:first-child{margin-top:0}.play-workspace .play-moves.is-empty>.btn-row{margin-top:0}.play-workspace .game-meta{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;font-size:13px;font-weight:400}.game-meta-item{display:inline-flex;align-items:center;gap:6px}.play-workspace .result-banner .winner,.play-workspace .result-banner .you-result{font-weight:500}.play-workspace .chat-lines.empty-chat{min-height:0;margin:0}.play-workspace .chat-lines{max-height:120px;min-height:0}.play-workspace .chat-form{align-items:center;gap:8px}.play-workspace .chat-form input,.play-workspace .toggle{min-height:44px}.play-workspace .pv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-import .position-field{margin-top:20px;margin-bottom:0}.simple-challenge{max-width:460px;padding:28px}.simple-challenge .challenge-sticker{display:block;width:112px;height:112px;margin:0 auto 8px}.simple-challenge h1{font-size:26px;font-weight:600;margin:0 0 8px}.simple-challenge .challenge-from{margin:0}.simple-challenge .challenge-details{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0;font-size:14px;font-weight:400}.challenge-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:12px;background:var(--surface-2)}.simple-challenge .btn{min-height:44px;font-weight:500}.simple-challenge>.btn.primary{width:100%}.gameplay-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.play-workspace .side-col{gap:10px}.play-workspace .panel{padding:12px}.play-workspace .movelist .moves{max-height:160px}.simple-challenge{padding:24px 18px;margin-top:24px}.simple-challenge .challenge-details{gap:6px}.challenge-chip{padding:7px 9px}}@media(prefers-reduced-motion:reduce){.play-disclosure .disclosure-chevron{transition:none}}:root .board.board-classic{aspect-ratio:1 / 1;min-width:0;touch-action:auto;box-shadow:none!important}:root .board.board-classic .cg-wrap cg-board{background-color:#f0d9b5;background-image:url(/cg/board-brown.svg);background-size:cover;touch-action:auto}:root .board.board-classic .cg-wrap piece.pawn.white{background-image:url(/cg/wP.svg)}:root .board.board-classic .cg-wrap piece.bishop.white{background-image:url(/cg/wB.svg)}:root .board.board-classic .cg-wrap piece.knight.white{background-image:url(/cg/wN.svg)}:root .board.board-classic .cg-wrap piece.rook.white{background-image:url(/cg/wR.svg)}:root .board.board-classic .cg-wrap piece.queen.white{background-image:url(/cg/wQ.svg)}:root .board.board-classic .cg-wrap piece.king.white{background-image:url(/cg/wK.svg)}:root .board.board-classic .cg-wrap piece.pawn.black{background-image:url(/cg/bP.svg)}:root .board.board-classic .cg-wrap piece.bishop.black{background-image:url(/cg/bB.svg)}:root .board.board-classic .cg-wrap piece.knight.black{background-image:url(/cg/bN.svg)}:root .board.board-classic .cg-wrap piece.rook.black{background-image:url(/cg/bR.svg)}:root .board.board-classic .cg-wrap piece.queen.black{background-image:url(/cg/bQ.svg)}:root .board.board-classic .cg-wrap piece.king.black{background-image:url(/cg/bK.svg)}:root .board.board-classic .cg-wrap coords.files{left:0;bottom:0;text-align:right}:root .board.board-classic .cg-wrap coords.files coord{padding-right:4px}:root .board.board-classic .cg-wrap coords.ranks{top:0}:root .board.board-classic .cg-wrap coords.ranks coord{transform:none;padding-top:2px}.keyboard-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.board[data-keyboard-board]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.board-keyboard-cursor{position:absolute;z-index:12;width:12.5%;height:12.5%;border:3px solid var(--text);box-shadow:inset 0 0 0 2px var(--surface),0 0 0 1px var(--surface);pointer-events:none}.keyboard-moves{position:relative;padding:14px 16px;margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.keyboard-move-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.side-col>.keyboard-moves{margin-top:0;margin-bottom:16px}.keyboard-move-heading label{font-size:14px;font-weight:650}.keyboard-help-toggle{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.keyboard-help-toggle:hover{color:var(--text);background:var(--surface-2)}.keyboard-move-form{display:flex;gap:8px}.keyboard-move-form input{flex:1;width:0;min-width:0;font-family:var(--mono);font-size:16px;min-height:44px}.keyboard-move-form input[aria-invalid=true]{border-color:var(--danger)}.keyboard-move-form input[aria-disabled=true]{background:var(--surface-2);color:var(--muted)}.keyboard-move-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap}.keyboard-moves kbd,.promo-btn kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--text);font:12px var(--mono);line-height:1.4}.keyboard-move-form .primary kbd{border-color:currentColor;background:transparent;color:inherit}.keyboard-move-tip,.keyboard-move-status{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.keyboard-move-status:empty{display:none}.keyboard-move-status{color:var(--info-text)}.keyboard-move-status.error{color:var(--danger)}.keyboard-help{padding-top:10px;margin-top:10px;border-top:1px solid var(--border);font-size:13px;line-height:1.5}.keyboard-help p{margin:0 0 8px}.keyboard-help dl{display:grid;gap:5px;margin:8px 0}.keyboard-help dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px}.keyboard-help dt,.keyboard-help dd{margin:0}.keyboard-shortcut-preference{padding:8px 0}.keyboard-shortcut-preference label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}.keyboard-shortcut-preference input{accent-color:var(--accent)}.keyboard-moves .promotion{position:fixed;z-index:120}.promotion .promo-box{max-width:calc(100% - 24px)}.promo-title,.promo-hint,.promo-cancel{grid-column:1 / -1}.promo-title{margin:0 0 2px;font-weight:650;text-align:center}.promo-hint{margin:2px 0;max-width:310px;color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.promotion .promo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:90px;min-width:44px;gap:2px}.promotion .promo-btn img{width:56px;height:56px;max-width:100%;object-fit:contain}.promo-cancel{min-height:36px}@media(max-width:420px){.keyboard-moves{padding:12px}.keyboard-move-form .btn{gap:5px;padding-inline:10px}.keyboard-move-form .btn kbd{display:none}}@media(forced-colors:active){.board-keyboard-cursor{border:3px solid Highlight}}