@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f4f1ec;--surface: #ffffff;--surface-2: #f0ece6;--border: #ded7cc;--text: #221e1a;--text-muted: #6d655c;--accent: #7a5230;--accent-contrast: #ffffff;--accent-soft: #efe2d3;--danger: #b3261e;--win: #2e7d32;--loss: #b3261e;--win-soft: #e3f1e4;--danger-soft: #fbe6e4;--board-light: #f0d9b5;--board-dark: #b58863;--board-notation-on-light: #8a6240;--board-notation-on-dark: #fbefdc;--board-last-move: rgb(205 210 106 / .75);--board-selected: rgb(20 85 30 / .5);--board-hint: rgb(20 30 20 / .28);--board-hint-ring: rgb(30 120 220 / .85);--board-goal: rgb(214 150 0 / .9);--board-wrong: rgb(220 60 50 / .55);--board-attacker: rgb(200 40 30 / .9);--board-defender: rgb(31 122 58 / .85);--board-blast: rgb(214 58 36 / .8);--board-blast-core: #fff6d6;--board-blast-fire: #ffb347;--board-blast-smoke: rgb(70 60 50 / .45);--board-fog-light: #cfcac4;--board-fog-dark: #a29c95;--board-best-move: #1f7a3a;--board-badge-best: #1f7a3a;--board-badge-good: #6f8a5c;--board-badge-inaccuracy: #f0bf2e;--board-badge-mistake: #e8751a;--board-badge-blunder: #c62828;--eval-white: #fbf8f4;--eval-black: #4a423a;--inaccuracy: #8a6a00;--mistake: #c25a00;--radius-sm: 6px;--radius: 10px;--radius-lg: 15px;--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 4px 16px rgb(0 0 0 / .06);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;color-scheme:light;font-family:var(--font-ui);line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #161412;--surface: #211e1b;--surface-2: #2a2622;--border: #3a342e;--text: #ede7df;--text-muted: #a89f94;--accent: #d9a877;--accent-contrast: #1b1714;--accent-soft: #3b2f24;--danger: #f2b8b5;--win: #81c995;--loss: #f2b8b5;--win-soft: #1f3324;--danger-soft: #3d2322;--board-light: #cdb692;--board-dark: #98744f;--board-notation-on-light: #6f4e32;--board-notation-on-dark: #f3e4cb;--board-fog-light: #a8a39c;--board-fog-dark: #7d7871;--eval-white: #d9d1c6;--eval-black: #12100e;--inaccuracy: #e9c46a;--mistake: #f4a259;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 16px rgb(0 0 0 / .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button{font:inherit;color:inherit}a{color:var(--accent)}h1,h2{margin:0}.app{--board-size: clamp(360px, 100vh - 208px, 800px);--puzzle-board-size: clamp(360px, 100vh - 152px, 800px);--panel-width: 360px;--column-gap: 24px;--page-width: calc(var(--puzzle-board-size) + var(--column-gap) + var(--panel-width));--page-gutter: 16px;display:flex;flex-direction:column;min-height:100vh;max-width:calc(var(--page-width) + 2 * var(--page-gutter));margin:0 auto;padding:0 var(--page-gutter) 20px}.app-puzzles{--board-size: var(--puzzle-board-size)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px}.brand-button{padding:4px 8px 4px 4px;margin-left:-4px;border:0;border-radius:var(--radius);background:transparent;color:inherit;text-decoration:none;cursor:pointer}.brand-button:hover{background:var(--surface-2)}.brand-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.2;white-space:nowrap}.update-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;padding:8px 8px 8px 16px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);font-size:.9rem}.update-bar-actions{display:flex;gap:8px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{flex:none;width:18px;height:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-weight:500;cursor:pointer;transition:background-color .12s,border-color .12s}.button:hover:not(:disabled){background:var(--surface-2)}.button:disabled{opacity:.45;cursor:not-allowed}.button:focus-visible,.board-frame:focus-visible,.variant-card:focus-visible,.option-chip:focus-visible,.segmented-option:focus-visible,.promotion-option:focus-visible,.option-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.button-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.button-danger,.button-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--surface)}.button-ghost{border-color:transparent;background:transparent}.button-quiet{border-color:transparent;background:transparent;color:var(--text-muted)}.button-quiet:hover:not(:disabled){color:var(--text)}.button-small{min-height:30px;padding:4px 10px;font-size:.85rem}.button-large{min-height:48px;padding:12px 28px;font-size:1.05rem}.button-block{width:100%}.button-back{min-height:34px;margin-left:-8px;padding:4px 10px 4px 6px;color:var(--text-muted);font-size:.9rem;font-weight:600}.button-back:hover:not(:disabled){color:var(--text)}.header-tools{display:flex;align-items:center;gap:8px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background-color .12s,color .12s}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button-small{width:34px;height:34px}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.segmented-option{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border:0;border-radius:calc(var(--radius) - 3px);background:transparent;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:.85rem}.segmented-option:hover{color:var(--text)}.segmented-option.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.setup{display:flex;flex-direction:column;gap:28px;width:100%;padding-block:16px}.setup-title{font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);font-weight:600;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.menu-card{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 14px 12px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.resume-card{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.menu-card-thumb{flex:none;width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover}.menu-card-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.menu-card-title,.menu-card-details{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-card-title{font-weight:600}.menu-card-details{color:var(--text-muted);font-size:.875rem}.menu-card-actions{display:flex;flex:none;align-items:center;gap:6px}.menu-card-dismiss{min-width:38px;padding-inline:8px}.menu-card-dismiss.button-danger,.menu-card-dismiss.button-danger:hover:not(:disabled){padding-inline:12px;border-color:var(--danger);background:var(--danger);color:var(--surface)}.setup-section{display:flex;flex-direction:column;gap:12px;width:100%}.setup-section-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.setup-section-hint{color:var(--text-muted);font-size:.85rem}.setup-sections{display:flex;flex-direction:column;gap:inherit}.setup-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}.activity-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.activity-tab{display:inline-flex;flex:1;align-items:center;justify-content:center;min-height:36px;padding:4px 14px;border:0;border-radius:calc(var(--radius) - 3px);background:transparent;color:var(--text-muted);font-weight:600;font-size:.92rem;cursor:pointer}.activity-tab:hover{color:var(--text)}.activity-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014,inset 0 0 0 1px var(--border)}.activity-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-tabs .activity-tab{min-width:96px}.recent{display:flex;flex-direction:column;gap:8px;min-width:0}.recent-row{display:flex;gap:8px;margin:-2px;padding:2px;overflow-x:auto;list-style:none;scrollbar-width:none}.recent-chip{display:inline-flex;flex:none;align-items:center;gap:6px;padding:4px 14px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-weight:600;font-size:.9rem;white-space:nowrap;cursor:pointer;transition:border-color .12s}.recent-chip:hover{border-color:var(--accent)}.recent-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recent-chip img{width:32px;height:32px;margin-right:2px;border-radius:50%;object-fit:cover}.recent-chip-activity{color:var(--text-muted);font-weight:500}.variant-note{margin-top:4px;color:var(--text-muted);font-size:.78rem}.field-note{margin:0;color:var(--text-muted);font-size:.85rem}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-label{font-size:.9rem;font-weight:600}.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.variant-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left;cursor:pointer;transition:border-color .12s}.variant-card:hover{border-color:var(--accent)}.variant-cover{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover;border-bottom:1px solid var(--border)}.variant-text{display:flex;flex-direction:column;gap:2px;padding:10px 14px 12px}.variant-chevron{display:none}.choice-title{font-size:1rem;font-weight:600}.choice-subtitle{font-size:.85rem;color:var(--text-muted)}.setup-dialog{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.setup-dialog-cover{position:relative;flex:none}.setup-dialog-cover img{display:block;width:100%;aspect-ratio:2.6 / 1;object-fit:cover}.setup-dialog-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.setup-dialog-close .icon{width:18px;height:18px}.setup-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.setup-dialog-body{display:flex;flex-direction:column;gap:18px;min-height:0;padding:18px 22px 20px;overflow-y:auto}.setup-dialog-heading{display:flex;flex-direction:column;gap:4px}.setup-dialog-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;line-height:1.15}.setup-dialog-description{margin:0;color:var(--text-muted)}.setup-dialog-body .panel-note{font-size:.9rem}.setup-dialog-panel{display:flex;flex-direction:column;gap:inherit}.panel-note-title{display:block;color:var(--text)}.course-progress{gap:6px}.course-progress-text{color:var(--text-muted);font-size:.85rem}.course-progress-bar{display:block;height:8px;overflow:hidden;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.course-progress-bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.course-reset,.learn-reset{align-self:flex-start;margin-top:4px}.setup-dialog-footer{flex:none;padding:14px 22px 20px;border-top:1px solid var(--border)}.setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.field-wide{grid-column:1 / -1}.option-chips{display:flex;flex-wrap:wrap;gap:6px}.option-chip{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:8px;min-width:76px;min-height:42px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-weight:600;font-size:.92rem;cursor:pointer;transition:border-color .12s,background-color .12s}.option-chip:hover{border-color:var(--accent)}.option-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.arrangement-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.arrangement-chip{flex-direction:column;gap:4px;padding:8px;font-size:.85rem;text-align:center}.arrangement-pieces{display:flex;align-items:center;gap:1px}.arrangement-pieces>span{display:block;width:26px;height:26px}.arrangement-pieces>.arrangement-gap{width:14px}.color-dot{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--border)}.install-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;margin:0;padding:12px 12px 12px 16px;border:1px solid var(--border);border-radius:var(--radius-lg)}.install-offer-icon{flex:none;width:40px;height:40px}.install-offer-text{display:flex;flex:1 1 240px;flex-direction:column;gap:2px;min-width:0}.install-offer-title{margin:0;font-size:.95rem;font-weight:600}.install-offer-detail{margin:0;color:var(--text-muted);font-size:.88rem}.install-offer-actions{display:flex;gap:8px;margin-left:auto}.install-offer-done{gap:10px;color:var(--win);font-size:.92rem;font-weight:500}.modal-install{max-width:480px}.install-steps{display:flex;flex-direction:column;gap:12px;margin:4px 0;padding:0;list-style:none;counter-reset:install-step;font-size:.95rem;line-height:1.6}.install-steps strong{font-weight:600}.install-steps li{position:relative;padding-left:36px;counter-increment:install-step}.install-steps li:before{content:counter(install-step);position:absolute;top:calc((1.52rem - 24px)/2);left:0;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700}.install-glyph{display:inline-grid;place-items:center;width:22px;height:22px;margin:-4px 1px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--accent);vertical-align:-6px}.install-glyph .icon{width:15px;height:15px}.field{display:flex;flex-direction:column;gap:8px}.select{appearance:none;width:100%;min-height:44px;padding:8px 40px 8px 12px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:var(--text);font:inherit;cursor:pointer}.select-compact{flex:1;min-width:0;min-height:36px;padding:4px 32px 4px 10px;font-size:.92rem;font-weight:600}.inline-select{position:relative;display:inline-flex;align-items:center;gap:4px;min-width:0;min-height:32px;margin-left:-8px;padding:2px 6px 2px 8px;border:1px solid transparent;border-radius:var(--radius);font-weight:600;transition:background-color .12s,border-color .12s}.inline-select .icon{width:16px;height:16px;color:var(--text-muted)}.inline-select:hover:not(.disabled){border-color:var(--border);background:var(--surface-2)}.inline-select:hover:not(.disabled) .icon{color:var(--text)}.inline-select:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.inline-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-select-control{position:absolute;inset:0;width:100%;opacity:0;font:inherit;cursor:pointer}.inline-select.disabled .inline-select-control{cursor:default}.select:disabled{opacity:.6;cursor:not-allowed}.select:hover:not(:disabled){border-color:var(--accent)}.select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game{display:grid;grid-template-columns:minmax(0,var(--board-size)) minmax(var(--panel-width),1fr);justify-content:center;align-items:stretch;gap:var(--column-gap)}.game-yalta{grid-template-columns:minmax(0,var(--puzzle-board-size)) minmax(var(--panel-width),1fr)}.board-column{display:flex;flex-direction:column;gap:8px;min-width:0}.game-board{position:relative;width:100%;min-width:0}.hand-over{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px}.hand-over-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center}.hand-over-title{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:600}.hand-over-text{margin:0 0 4px;color:var(--text-muted)}.board-frame{position:relative;container-type:inline-size;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);touch-action:none}.board-shatranj{--board-light: #ecdcb6;--board-dark: #a0703f;--board-notation-on-light: #7a5230;--board-notation-on-dark: #f6e8cc;box-shadow:0 0 0 4px #5a3a22,var(--shadow)}@media(prefers-color-scheme:dark){.board-shatranj{--board-light: #c9b791;--board-dark: #855c33;--board-notation-on-light: #5f3f24;--board-notation-on-dark: #efdfc2;box-shadow:0 0 0 4px #3f2816,var(--shadow)}}.board-makruk{--board-light: #d39f62;--board-dark: #d39f62;--board-wood: #d39f62;--board-grid: #6e4220;--board-notation-on-light: #5c3716;--board-notation-on-dark: #5c3716;box-shadow:0 0 0 4px #5b3517,var(--shadow)}@media(prefers-color-scheme:dark){.board-makruk{--board-light: #b8864f;--board-dark: #b8864f;--board-wood: #b8864f;--board-grid: #4e2e12;--board-notation-on-light: #3f240c;--board-notation-on-dark: #3f240c;box-shadow:0 0 0 4px #3d230c,var(--shadow)}}.board-chaturanga{--board-light: #e8cf9c;--board-dark: #e8cf9c;--board-wood: #e8cf9c;--board-grid: #7a3a1d;--board-notation-on-light: #6a3219;--board-notation-on-dark: #6a3219;box-shadow:0 0 0 4px #6a2c14,var(--shadow)}@media(prefers-color-scheme:dark){.board-chaturanga{--board-light: #c6aa76;--board-dark: #c6aa76;--board-wood: #c6aa76;--board-grid: #55260f;--board-notation-on-light: #46200c;--board-notation-on-dark: #46200c;box-shadow:0 0 0 4px #461c0b,var(--shadow)}}.board-chaturanga.board-diagonals,.board-makruk.board-diagonals{--board-light: transparent;--board-dark: transparent;background:var(--board-wood)}.board-diagonals-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-diagonals-lines line{stroke:var(--board-grid);stroke-width:1.5px;vector-effect:non-scaling-stroke}.board-marks-lines line{stroke-width:1px;opacity:.4}.board-frame.board-diagonals>:not(.board-diagonals-lines),.rule-window.board-diagonals .rule-cell{position:relative;z-index:1}.promote-here{position:absolute;top:2%;right:2%;z-index:2;width:50%;height:50%;padding:4%;border-radius:50%;background:var(--board-hint);pointer-events:none}.promote-here svg{width:100%;height:100%;opacity:.9}.board-xiangqi{--board-light: transparent;--board-dark: transparent;--board-line: #5b3a1e;--board-palace: rgb(150 90 40 / .14);--board-notation-on-light: #6b4524;--board-notation-on-dark: #6b4524;background:#e9c98f;box-shadow:0 0 0 4px #6b4524,var(--shadow)}@media(prefers-color-scheme:dark){.board-xiangqi{--board-line: #3e2610;--board-palace: rgb(90 50 20 / .16);--board-notation-on-light: #3e2610;--board-notation-on-dark: #3e2610;background:#c9a771;box-shadow:0 0 0 4px #4a2f16,var(--shadow)}}.xiangqi-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-xiangqi>:not(.xiangqi-lines,.wxf-files){position:relative;z-index:1}.xiangqi-palace{fill:var(--board-palace)}.board-janggi{--board-palace: rgb(150 90 40 / .12);background:#efd7a4}@media(prefers-color-scheme:dark){.board-janggi{background:#cfb07c}}.board-shogi{--board-light: #e7bf74;--board-dark: #e7bf74;--board-grid: #5e3c18;--board-notation-on-light: #5e3c18;--board-notation-on-dark: #5e3c18;box-shadow:0 0 0 4px #7a4e22,var(--shadow)}@media(prefers-color-scheme:dark){.board-shogi{--board-light: #cfa45e;--board-dark: #cfa45e;--board-grid: #46290d;--board-notation-on-light: #46290d;--board-notation-on-dark: #46290d;box-shadow:0 0 0 4px #573513,var(--shadow)}}.shogi-marks{position:absolute;inset:0;z-index:2;pointer-events:none}.shogi-star{position:absolute;width:clamp(4px,1.1cqi,7px);height:clamp(4px,1.1cqi,7px);border-radius:50%;background:var(--board-grid);transform:translate(-50%,-50%)}.shogi-coord{position:absolute;font-size:clamp(9px,1.7cqi,13px);font-weight:700;line-height:1;color:var(--board-notation-on-light);user-select:none}.shogi-coord-file{top:2px;transform:translate(calc(-100% - 3px))}.shogi-coord-rank{right:3px;transform:translateY(calc(-100% - 2px))}.wxf-files{position:absolute;inset:0;z-index:2;pointer-events:none}.wxf-file{position:absolute;font-size:clamp(10px,1.8cqi,14px);font-weight:700;line-height:1;color:var(--board-notation-on-light);user-select:none;transform:translate(calc(-100% - 3px))}.wxf-file-bottom{bottom:2px}.wxf-file-top{top:2px}.move-figurine{display:inline-block;width:1.25em;height:1.25em;margin-right:1px;vertical-align:-.28em}.move-figurine>svg{display:block;width:100%;height:100%}.xiangqi-line,.xiangqi-mark{fill:none;stroke:var(--board-line);stroke-width:1.4px;vector-effect:non-scaling-stroke}.xiangqi-mark{stroke-width:1.1px}.xq-symbol{transform:translateY(2.6px)}.xq-mini-char{display:none}@container (min-width: 460px){.xq-symbol{transform:none}.xq-mini-char{display:inline}}.game-eight{--board-size: clamp(360px, 100vh - 304px, 800px)}.game-tall{grid-template-columns:minmax(0,calc(var(--board-size) * .9)) minmax(var(--panel-width),1fr)}html:has(.game-fullscreen){overflow:hidden}.game.game-fullscreen{--board-aspect: 1;--fullscreen-pad: max(12px, env(safe-area-inset-top), env(safe-area-inset-bottom));--fullscreen-side: 300px;--board-size: min( 100vw - 2 * var(--page-gutter) - var(--fullscreen-side) - var(--column-gap), (100dvh - 2 * var(--fullscreen-pad)) * var(--board-aspect) );position:fixed;inset:0;z-index:50;display:flex;padding:var(--fullscreen-pad) var(--page-gutter);overflow:auto;background:var(--bg)}.game.game-fullscreen.game-yalta{--board-aspect: 1.138}.game.game-fullscreen.game-tall{--board-aspect: .9}.game.game-fullscreen.game-eight{--fullscreen-side: 380px}.game-fullscreen>.game-panel{display:none}.game-fullscreen .board-column{display:grid;margin:auto;grid-template-columns:var(--board-size) var(--fullscreen-side);grid-template-rows:auto minmax(0,auto) 1fr repeat(4,auto);height:calc(var(--board-size) / var(--board-aspect));gap:8px var(--column-gap)}.game-fullscreen .board-column>*{grid-column:2}.game-fullscreen .board-column>.game-board{grid-column:1;grid-row:1 / -1}.game-fullscreen .board-column>:has(+.game-board):not(.fullscreen-exit){grid-row:2;align-content:start;overflow-y:auto}.game-fullscreen .board-column>.game-board+*{grid-row:4}.game-fullscreen .board-column>.game-board+*+*{grid-row:5}.game-fullscreen .board-column>.game-board+*+*+*{grid-row:6}.game-fullscreen .board-column>.game-board+*+*+*+*{grid-row:7}.game-fullscreen .board-column>.player-bars{grid-auto-flow:row}.game-fullscreen.game-eight .board-column>.player-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.fullscreen-exit{grid-row:1;justify-self:end}@media(max-aspect-ratio:5 / 4){.game.game-fullscreen{--fullscreen-top: calc(64px + env(safe-area-inset-top)) ;--fullscreen-bars: 232px;--board-size: min( 100vw - 2 * var(--page-gutter), (100dvh - var(--fullscreen-bars) - var(--fullscreen-top) - var(--fullscreen-pad)) * var(--board-aspect) );padding-top:var(--fullscreen-top)}.game.game-fullscreen.game-four{--fullscreen-bars: 248px}.game.game-fullscreen.game-four.game-dice{--fullscreen-bars: calc(248px + var(--dice-tray-height) + 8px)}.game.game-fullscreen.game-eight{--fullscreen-bars: 344px}.game.game-fullscreen.learn,.game.game-fullscreen.game-puzzle{--fullscreen-bars: 168px}.game.game-fullscreen.game-puzzle.game-hands{--fullscreen-bars: 288px}.game-fullscreen .board-column{display:flex;flex-direction:column;align-items:center;height:auto}.game-fullscreen .board-column>:not(.fullscreen-exit){flex:none;width:var(--board-size);max-width:100%}.game-fullscreen .board-column>:has(+.game-board):not(.fullscreen-exit){overflow:visible}.game-fullscreen:not(.game-eight) .board-column>.player-bars{grid-auto-flow:column}.game-fullscreen.game-eight .board-column>.player-bars{grid-template-columns:repeat(4,minmax(0,1fr))}.fullscreen-exit{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}}.yalta-board,.four-board{overflow:visible;border-radius:0;box-shadow:none}.yalta-svg,.four-svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 4px 12px rgb(0 0 0 / .08));user-select:none;-webkit-user-select:none;touch-action:none}.yalta-outline{fill:var(--board-dark)}.yalta-field-light{fill:var(--board-light);stroke:var(--board-light);stroke-width:.25}.yalta-field-dark{fill:var(--board-dark);stroke:var(--board-dark);stroke-width:.25}.four-square-light{fill:var(--board-light);stroke:var(--board-light);stroke-width:.15}.four-square-dark{fill:var(--board-dark);stroke:var(--board-dark);stroke-width:.15}.yalta-overlays,.yalta-notation,.yalta-pieces,.yalta-dragged,.four-overlays,.four-notation,.four-pieces,.four-dragged{pointer-events:none}.yalta-last-move,.four-last-move{fill:var(--board-last-move)}.yalta-selected,.four-selected{fill:var(--board-selected)}.yalta-drop-target,.four-drop-target{fill:none;stroke:var(--board-selected);stroke-width:1.6;stroke-linejoin:round}.yalta-board:focus-visible,.four-board:focus-visible{outline:none}.yalta-threat,.four-threat{fill:none;stroke:var(--danger);stroke-width:1.4;stroke-linejoin:round}.four-attacker{fill:none;stroke:var(--board-attacker);stroke-width:1.2;stroke-linejoin:round}.four-defender{fill:none;stroke:var(--board-defender);stroke-width:.9;stroke-dasharray:2 1.2;stroke-linejoin:round}.yalta-cursor,.four-cursor{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-linejoin:round}.yalta-move-dot,.four-move-dot{fill:var(--board-hint)}.yalta-capture-ring,.four-capture-ring{fill:none;stroke:var(--board-hint)}.yalta-notation text,.four-notation text{font-family:var(--font-ui);font-weight:700;dominant-baseline:central}.yalta-notation text{text-anchor:middle}.yalta-notation-on-light,.four-notation-on-light{fill:var(--board-notation-on-light)}.yalta-notation-on-dark,.four-notation-on-dark{fill:var(--board-notation-on-dark)}.four-lines{pointer-events:none}.four-line{stroke-width:.9;stroke-linecap:square;opacity:.75}.four-line-light{stroke:var(--board-light)}.four-line-dark{stroke:var(--board-dark)}.pawn-direction{stroke:#1f1b18;stroke-width:.35;stroke-linejoin:round}.avatar-fill-w{fill:#fbf8f3}.avatar-fill-b{fill:#2b2520;stroke:#f4ede3}.avatar-fill-r{fill:#d9483b}.avatar-fill-g{fill:#3f9a5a}.four-svg-zoomed{overflow:hidden}.board-zoom{position:absolute;top:0;right:0;width:min(40px,11cqi);height:min(40px,11cqi)}.yalta-pawn-badge line{stroke-linecap:round}.yalta-pawn-badge-w circle{fill:#fbf8f3;stroke:#2b2520}.yalta-pawn-badge-w line{stroke:#2b2520}.yalta-pawn-badge-w polygon{fill:#2b2520}.yalta-pawn-badge-r circle{fill:#d9483b;stroke:#fff6f1}.yalta-pawn-badge-r line{stroke:#fff6f1}.yalta-pawn-badge-r polygon{fill:#fff6f1}.yalta-pawn-badge-b circle{fill:#2b2520;stroke:#f4ede3}.yalta-pawn-badge-b line{stroke:#f4ede3}.yalta-pawn-badge-b polygon{fill:#f4ede3}.paco-svg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:none}.paco-light{fill:var(--board-light)}.paco-dark{fill:var(--board-dark)}.paco-layer,.paco-notation,.paco-hand{pointer-events:none}.paco-last-move{fill:var(--board-last-move)}.paco-selected{fill:var(--board-selected)}.paco-threat{fill:none;stroke:var(--danger);stroke-width:.07}.paco-cursor{fill:none;stroke:var(--accent);stroke-width:.06}.paco-move-dot{fill:var(--board-hint)}.paco-union-ring{fill:none;stroke:var(--board-hint)}.paco-notation text{font-family:var(--font-ui);font-size:.15px;font-weight:700;dominant-baseline:auto}.paco-on-light{fill:var(--board-notation-on-light)}.paco-on-dark{fill:var(--board-notation-on-dark)}.paco-turn-bar{position:absolute;top:calc(100% + 4px);left:50%;z-index:4;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:6px 8px 6px 14px;transform:translate(-50%);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);box-shadow:var(--shadow);color:var(--text);font-size:.9rem;font-weight:500}.paco-turn-bar .button{white-space:nowrap}.player-bars{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px}.game-four .player-bars .player-bar{position:relative}.game-four:not(.game-eight) .player-bars .turn-badge{position:absolute;top:-9px;right:10px;padding:1px 8px;font-size:.72rem;box-shadow:0 0 0 2px var(--bg)}.game-four .player-bars .captured,.game-four .player-bars .captured-list{flex-wrap:nowrap;overflow:hidden}.game-eight .player-bars{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.game-eight .player-bars .player-bar{flex-wrap:wrap;align-content:flex-start;gap:4px 8px}.game-eight .player-bars .player-main{display:contents}.game-eight .player-bars .captured{flex:1;order:1;min-width:0}.game-eight .player-bars .player-name{flex-basis:100%;order:2;flex-wrap:wrap;gap:2px;font-size:.85rem}.game-eight .player-bars .avatar{width:30px;height:30px}.game-eight .player-bars .avatar .icon{width:18px;height:18px}.game-eight .player-bars .inline-select-value{white-space:normal;line-height:1.2}.game-eight .player-bars .turn-badge{display:none}.player-bar{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px 6px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,box-shadow .15s}.player-bar.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.pass-button,.auto-setup-button{flex:none}.auto-setup-button{margin-block:4px 2px}.avatar{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:8px}.avatar .icon{width:22px;height:22px}.avatar-w{border:1px solid #cfc6ba;background:#fbf8f3;color:#2b2520}.avatar-b,.avatar-sente{border:1px solid #1f1b18;background:#2b2520;color:#f4ede3}.avatar-gote{border:1px solid #cfc6ba;background:#fbf8f3;color:#2b2520}.avatar-r{border:1px solid #a8352b;background:#d9483b;color:#fff6f1}.avatar-u{border:1px solid #2d62ab;background:#3f7fd6;color:#f3f7fd}.avatar-y{border:1px solid #b88d17;background:#e8b92f;color:#2b2520}.avatar-g{border:1px solid #2c7443;background:#3f9a5a;color:#f2f9f4}.avatar-p{border:1px solid #6a3ca3;background:#8a56c8;color:#f7f2fc}.avatar-o{border:1px solid #b45c0f;background:#e57a1c;color:#2b2520}.player-bar.eliminated .avatar,.player-bar.eliminated .player-main{opacity:.5}.player-main{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:0 12px;min-width:0}.player-name{display:flex;min-width:0;max-width:100%}.player-label{font-weight:600}.player-tag{flex:none;align-self:center;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:.75rem;font-weight:600}.turn-badge{flex:none;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.8rem;font-weight:700;white-space:nowrap}.turn-badge-check{background:var(--danger);color:var(--surface)}.turn-badge-out{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.turn-badge .thinking:after{margin-left:6px}.captured,.captured-list{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:24px}.captured-points{flex:none;padding:1px 6px;border-radius:999px;background:var(--surface-2);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.captured-group{display:inline-flex}.captured-piece{display:inline-block;width:24px;height:24px}.captured-piece+.captured-piece{margin-left:-12px}@media(prefers-color-scheme:dark){.captured-b .pocket-icon svg,.captured-b .captured-piece svg{filter:drop-shadow(0 0 1px rgb(255 255 255 / .85))}}.captured-piece svg{display:block;width:100%;height:100%}.pocket-piece{position:relative;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-sm);background:none}.pocket-button{width:36px;height:36px;border:1px solid var(--border);background:var(--surface-2);cursor:grab;touch-action:none}.pocket-button:hover{border-color:var(--accent)}.pocket-button[aria-pressed=true]{border-color:var(--accent);background:var(--board-selected)}.pocket-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pocket-large .pocket-piece{width:36px;height:36px}.pocket-icon{display:block;width:100%;height:100%}.pocket-icon svg{display:block;width:100%;height:100%}.pocket-count{position:absolute;right:-5px;bottom:-5px;min-width:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.7rem;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.pocket-ghost{position:fixed;z-index:200;pointer-events:none;filter:drop-shadow(0 6px 8px rgb(0 0 0 / .35));transform:scale(1.08)}.pocket-ghost svg{display:block;width:100%;height:100%}.move-duck{margin-left:4px;color:var(--text-muted);font-size:.85em;font-weight:400}.move-die{display:inline-flex;margin-right:3px;vertical-align:-2px;opacity:.7}.move-die .die-face{width:12px;height:12px}.move-lost{color:var(--text-muted);font-style:italic;font-weight:400}.move-pair{display:inline-flex;flex-wrap:wrap;gap:2px 6px;min-width:0}.game-dice{--dice-tray-height: 56px;--dice-size: 36px;--dice-piece-size: 26px;--board-size: clamp(360px, 100vh - 208px - var(--dice-tray-height) - 8px, 800px)}.dice-tray{display:flex;align-items:center;gap:12px;height:var(--dice-tray-height);margin-top:8px;padding:0 8px 0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-sizing:border-box}.dice-tray-empty{visibility:hidden}.dice-tray-label{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:0;font-weight:600;font-size:.92rem}.dice-tray-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dice-tray-dot{flex:none;width:12px;height:12px;border-radius:50%}.dice{display:flex;flex:none;gap:8px;align-items:center}.die{position:relative;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 3px;border-radius:10px;background:var(--accent-soft);transition:opacity .2s;animation:die-roll .35s ease-out}.die+.die{animation-delay:.06s;animation-fill-mode:backwards}.die-used,.die-forfeited{opacity:.35}.die-forfeited:after{content:"";position:absolute;inset:50% 6px auto;border-top:2px solid var(--danger);transform:rotate(-14deg)}.die-face{flex:none;width:var(--dice-size);height:var(--dice-size);fill:var(--surface);stroke:var(--text);stroke-width:1.6}.die-face circle{fill:var(--text);stroke:none}.die-pieces{display:flex}.die-piece{display:inline-block;width:var(--dice-piece-size);height:var(--dice-piece-size)}.dice-skip{flex:none}@keyframes die-roll{0%{opacity:0;transform:rotate(-35deg) scale(.6)}}@media(prefers-reduced-motion:reduce){.die{animation:none}}@media(max-width:600px){.game-dice{--dice-tray-height: 50px;--dice-size: 30px;--dice-piece-size: 20px}.dice-tray{gap:8px;padding-left:10px}.dice{gap:6px}.dice-tray-name{font-size:.85rem}}.captured-advantage{font-size:.85rem;font-weight:600;color:var(--text-muted)}.game-panel{display:flex;flex-direction:column;gap:16px;min-width:0;padding:12px 16px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.panel-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;min-height:34px}.panel-top>.button-back{white-space:nowrap}.game-variant{flex-basis:100%;margin:0}.panel-top-end{display:flex;flex:none;align-items:center;gap:6px;margin-left:auto}.panel-top-end .icon-button{width:34px;height:34px}.display-menu{position:relative}.display-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:flex;flex-direction:column;gap:14px;width:min(300px,calc(100vw - 32px));padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.display-menu .icon-button{width:34px;height:34px}.display-menu .icon-button[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.display-setting{display:flex;flex-direction:column;gap:6px}.display-setting-label{font-weight:600;font-size:.9rem}.display-setting-hint{color:var(--text-muted);font-size:.8rem}.status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.status-error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.status-result{flex-direction:column;align-items:flex-start;gap:2px}.status-title{font-size:1.35rem;line-height:1.2}.status-win{border-color:var(--win);background:var(--win-soft)}.status-win .status-title{color:var(--win)}.status-loss{border-color:var(--loss);background:var(--danger-soft)}.status-loss .status-title{color:var(--loss)}.thinking:after{content:"";display:inline-block;width:.6em;height:.6em;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.05em;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.thinking:after{animation-duration:2.4s}}.panel-section{display:flex;flex-direction:column;gap:8px}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.panel-heading{margin:0}.panel-note{margin:0;padding:8px 12px;border-radius:var(--radius);background:var(--surface-2);color:var(--text-muted);font-size:.85rem}.panel-note:has(.button){display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-note .button{flex:none}.panel-note-actions{display:flex;flex:none;gap:6px}.rules-learn{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 6px;padding:12px 14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.rules-chess{margin:0;color:var(--text-muted);font-size:.92rem}.link-button{padding:0;border:0;background:none;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-button:hover{text-decoration-thickness:2px}.rules-back{align-self:flex-start;margin-bottom:-4px}.rules-learn-text{display:flex;flex-direction:column;gap:2px;font-size:.9rem}.rules-learn-text>span{color:var(--text-muted)}.rules-learn .button{flex:none}.learn-intro{margin:0;color:var(--text-muted);font-size:.9rem}.learn-technique p{margin:0}.learn-technique-title{margin:0 0 4px;color:var(--text);font-family:var(--font-display);font-size:1.05rem;font-weight:600}.learn-chapter{margin-top:16px}.learn-technique-group+.learn-technique-group{margin-top:6px}.learn-technique-heading{margin:6px 10px 2px;color:var(--text-muted);font-size:.8rem;font-weight:600}.learn-pocket{gap:10px}.learn-pocket-label,.learn-pocket-empty{color:var(--text-muted);font-size:.85rem}.game-hands{--board-size: clamp(360px, 100vh - 264px, 800px)}.learn-counter{flex:none;color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.learn-tasks{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.learn-task{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.learn-task:hover{background:var(--surface-2)}.learn-task[aria-current=step]{border-color:var(--accent);background:var(--accent-soft)}.learn-task-number{flex:none;width:1.5em;color:var(--text-muted);font-variant-numeric:tabular-nums}.learn-task-title{flex:1}.learn-task-done{display:inline-grid;flex:none;color:var(--win)}.learn-task-done svg{width:16px;height:16px}.panel-end{margin-top:auto}.panel-moves{flex:1;min-height:0}.move-list{flex:1;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none;font-variant-numeric:tabular-nums}.move-row{display:grid;grid-template-columns:2.6em repeat(var(--move-columns, 2),minmax(0,1fr));gap:4px;padding:2px 4px;border-radius:4px}.move-row:nth-child(odd){background:var(--surface-2)}.move-number{color:var(--text-muted)}.move-list-wrapped .move-number{grid-row:span 2}.move-list-wrapped .move{padding:0 4px;white-space:nowrap}.move-dot{display:inline-block;box-sizing:border-box;width:8px;height:8px;margin-right:4px;border-radius:50%;vertical-align:1px}.move-dot.avatar-b{border-color:var(--text-muted)}.move{padding:0 6px;border-radius:4px;font-weight:500}.move-last{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.move-button{min-width:0;border:0;background:none;color:inherit;font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background-color .12s ease}.move-button:hover{background:var(--accent-soft)}.move-button.move-last{font-weight:700}.move-glyph{margin-left:1px;font-weight:700}.move-glyph-inaccuracy{color:var(--inaccuracy)}.move-glyph-mistake{color:var(--mistake)}.move-glyph-blunder{color:var(--danger)}.review-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.review-nav-button{padding-inline:0}.analysis-start{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--radius);background:var(--surface-2);color:var(--text-muted);font-size:.85rem}.analysis-start .button{flex:none}.analysis-progress{margin:0;color:var(--text-muted);font-size:.85rem}.eval-graph{display:block;width:100%;height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;touch-action:pan-y}.eval-graph-black{fill:var(--eval-black)}.eval-graph-white{fill:var(--eval-white)}.eval-graph-middle{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3;opacity:.6;vector-effect:non-scaling-stroke}.eval-graph-mark{stroke-width:2;vector-effect:non-scaling-stroke}.eval-graph-mistake{stroke:var(--mistake)}.eval-graph-blunder{stroke:var(--danger)}.eval-graph-current{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.analysis-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.analysis-table th,.analysis-table td{padding:4px 6px;text-align:center}.analysis-table thead th{color:var(--text-muted);font-size:.78rem;font-weight:600}.analysis-table thead th.move-glyph-inaccuracy,.analysis-table thead th.move-glyph-mistake,.analysis-table thead th.move-glyph-blunder{font-weight:700}.analysis-table tbody tr{background:var(--surface-2)}.analysis-table tbody tr+tr{border-top:2px solid var(--surface)}.analysis-table tbody th{font-weight:600;text-align:left;white-space:nowrap}.analysis-table th:first-child,.analysis-table td:first-child{padding-left:10px}.analysis-table th:last-child,.analysis-table td:last-child{padding-right:10px}.analysis-table tbody tr:first-child>:first-child{border-top-left-radius:var(--radius-sm)}.analysis-table tbody tr:first-child>:last-child{border-top-right-radius:var(--radius-sm)}.analysis-table tbody tr:last-child>:first-child{border-bottom-left-radius:var(--radius-sm)}.analysis-table tbody tr:last-child>:last-child{border-bottom-right-radius:var(--radius-sm)}.analysis-you,.analysis-muted{color:var(--text-muted);font-weight:400}.analysis-accuracy{font-size:1rem;font-weight:700}.analysis-zero{color:var(--text-muted)}.analysis-best{color:var(--win)}.analysis-best svg{width:15px;height:15px;vertical-align:-3px;fill:currentColor;stroke-width:1.5}.analysis-count,.analysis-jump{padding:0 4px;border:0;border-radius:var(--radius-sm);background:none;font:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.analysis-count:hover,.analysis-jump:hover{background:var(--accent-soft)}.analysis-jump{color:inherit}.analysis-verdict{margin:0;font-size:.85rem}.analysis-praise{color:var(--win);font-weight:600}.analysis-advice{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.82rem}.analysis-advice svg{flex:none;width:14px;height:14px;color:var(--board-best-move)}.drop-in{position:relative;width:100%;height:100%;transform-origin:50% 90%;animation:drop-in .42s cubic-bezier(.35,0,.6,1) both}.drop-dust{position:absolute;inset:14%;border:3px solid var(--board-hint);border-radius:50%;pointer-events:none;animation:drop-dust .48s ease-out .2s both}@keyframes drop-in{0%{opacity:0;transform:translateY(-75%) scale(1.25)}20%{opacity:1}55%{transform:translateY(0) scale(1.08,.86)}75%{transform:translateY(-7%) scale(.97,1.04)}to{transform:none}}@keyframes drop-dust{0%{opacity:0;transform:scale(.4)}15%{opacity:1}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.drop-in{animation:none}.drop-dust{display:none}}.board-stage{position:relative}.blast-layer{position:absolute;inset:0;z-index:20;pointer-events:none}.blast-piece{position:absolute;display:block}.blast-slide{animation:blast-slide .15s ease-in 30ms both}.blast-fly{display:block;width:100%;height:100%;animation:blast-fly .95s cubic-bezier(.12,.8,.3,1) .18s both}.blast-fly svg{display:block;width:100%;height:100%}.blast-flash,.blast-star,.blast-fireball,.blast-smoke,.blast-shockwave{position:absolute;border-radius:50%}.blast-flash{background:radial-gradient(circle,var(--board-blast-core) 0%,var(--board-blast-core) 35%,transparent 70%);animation:blast-flash .22s ease-out .18s both}.blast-star{border-radius:0;background:radial-gradient(circle,var(--board-blast-core) 10%,var(--board-blast-fire) 45%,var(--board-blast) 80%);animation:blast-star .42s ease-out .18s both}.blast-fireball{background:radial-gradient(circle,var(--board-blast-core) 0%,var(--board-blast-fire) 35%,var(--board-blast) 58%,transparent 72%);animation:blast-fireball .56s ease-out .2s both}.blast-smoke{background:radial-gradient(circle,var(--board-blast-smoke) 0%,var(--board-blast-smoke) 30%,transparent 70%);animation:blast-smoke 1.1s ease-out .36s both}.blast-shockwave{border:2px solid var(--board-blast-core);animation:blast-shockwave .52s ease-out .18s both}.blast-sparks{position:absolute}.blast-spark{position:absolute;top:47%;left:50%;width:24%;height:6%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--board-blast-fire) 45%,var(--board-blast-core));transform-origin:0 50%;animation:blast-spark .56s ease-out .19s both}.blast-hop{width:100%;height:100%;transform-origin:50% 90%;animation:blast-hop .5s ease-out .22s both}@keyframes blast-slide{0%{transform:translate(var(--slide-x),var(--slide-y))}}@keyframes blast-fly{0%{opacity:1;transform:scale(.9)}70%{opacity:.8}to{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--fly-turn)) scale(.3)}}@keyframes blast-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes blast-star{0%{opacity:0;transform:scale(.2) rotate(0)}8%{opacity:1}45%{opacity:1;transform:scale(1) rotate(12deg)}to{opacity:0;transform:scale(1.15) rotate(20deg)}}@keyframes blast-fireball{0%{opacity:0;transform:scale(.2)}10%{opacity:.9}40%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.05)}}@keyframes blast-smoke{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-18%) scale(1.25)}}@keyframes blast-shockwave{0%{opacity:0;transform:scale(.15)}8%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@keyframes blast-spark{0%{opacity:0;transform:rotate(var(--spark-turn)) translate(20%) scaleX(.4)}8%{opacity:1}to{opacity:0;transform:rotate(var(--spark-turn)) translate(900%) scaleX(1)}}@keyframes blast-hop{0%{transform:none}30%{transform:translateY(-30%) scale(.96,1.04)}58%{transform:translateY(0) scale(1.08,.9)}78%{transform:translateY(-7%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.blast-layer{display:none}.blast-hop{animation:none}}.move-badge{position:absolute;top:.35cqi;right:.35cqi;z-index:2;display:grid;place-items:center;width:max(5.2cqi,20px);height:max(5.2cqi,20px);border-radius:50%;color:#fff;font-size:max(2.6cqi,10.5px);font-weight:800;line-height:1;letter-spacing:-.04em;box-shadow:0 1px 3px #00000059;pointer-events:none;animation:move-badge-in .16s ease-out}.move-badge svg{width:62%;height:62%;stroke-width:3}.move-badge-best svg{fill:currentColor;stroke-width:1.5}.move-badge-best{background:var(--board-badge-best)}.move-badge-good{background:var(--board-badge-good)}.move-badge-inaccuracy{background:var(--board-badge-inaccuracy);color:#3d2e00}.move-badge-mistake{background:var(--board-badge-mistake)}.move-badge-blunder{background:var(--board-badge-blunder)}@keyframes move-badge-in{0%{transform:scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.move-badge{animation:none}}.review-controls{display:flex;flex-direction:column;gap:10px}.eval-bar{position:absolute;top:0;bottom:0;right:calc(-1 * (var(--column-gap) + 12px) / 2);display:flex;flex-direction:column-reverse;box-sizing:border-box;width:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--eval-black);overflow:hidden}.eval-bar:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--accent);opacity:.7}.eval-bar-flipped{flex-direction:column}.eval-bar-white{flex:none;background:var(--eval-white);transition:flex-basis .24s ease}@media(prefers-reduced-motion:reduce){.eval-bar-white{transition:none}}.analysis-comment{display:flex;align-items:flex-start;gap:10px;font-size:.88rem}.analysis-comment p{margin:0}.analysis-eval{flex:none;min-width:3.6em;padding:3px 6px;border-radius:var(--radius-sm);background:var(--surface-2);font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.move-list-empty{margin:0;color:var(--text-muted);font-size:.9rem}.game-actions{display:flex;flex-direction:column;gap:8px}.action-row{display:flex;gap:8px}.action-row>.button{flex:1 1 0;min-width:0;padding-inline:8px;font-size:.95rem;white-space:nowrap}.board-placeholder{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-2)}.task-bar{min-height:56px}.task-content{display:flex;flex:1;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-width:0;font-weight:600}.task-text{display:flex;flex-direction:column}.task-title{font-size:1.1rem}.task-detail{color:var(--text-muted);font-size:.88rem;font-weight:400}.task-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.task-success{border-color:var(--win);box-shadow:inset 3px 0 0 var(--win);background:var(--win-soft)}.task-success .task-title,.task-success .thinking{color:var(--win)}.task-error{border-color:var(--danger);box-shadow:inset 3px 0 0 var(--danger);background:var(--danger-soft);color:var(--danger)}.puzzle-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.puzzle-level{display:flex;flex-direction:column;gap:6px}.puzzle-level-head{display:flex;align-items:center;gap:8px}.puzzle-level-name{font-weight:700;font-size:1.05rem}.puzzle-level-change .icon{display:block;width:16px;height:16px}.puzzle-level-up{color:var(--win);transform:rotate(-90deg)}.puzzle-level-down{color:var(--loss);transform:rotate(90deg)}.puzzle-level-restart{margin-left:auto}.start-choices{display:grid;gap:6px}.start-choice{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;text-align:left;white-space:normal}.start-choice-text{color:var(--text-muted);font-size:.85rem;font-weight:400}.puzzle-start{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(16px,6%,48px)}.puzzle-start .start-choice{padding:12px 16px}.puzzle-suggestion{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:-6px}.puzzle-info{display:flex;flex-direction:column;gap:8px;font-size:.92rem}.puzzle-explanation{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius);background:var(--surface-2)}.puzzle-explanation p{margin:0;line-height:1.45}.theme-chips{display:flex;flex-wrap:wrap;gap:6px}.theme-chip{padding:2px 10px;border-radius:999px;background:var(--accent-soft);font-size:.82rem;font-weight:600}.puzzle-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}.stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;padding:8px 4px;border-radius:var(--radius);background:var(--surface-2);text-align:center}.stat dt{font-size:.72rem;line-height:1.25;color:var(--text-muted)}.stat dd{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.puzzle-source{margin:0;font-size:.75rem;color:var(--text-muted)}.promotion-backdrop{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#00000073}.promotion-dialog{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.promotion-title{margin:0;font-weight:600}.promotion-options{display:flex;gap:8px}.promotion-option{width:clamp(48px,12vw,76px);aspect-ratio:1;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--board-light);cursor:pointer}.promotion-option:hover{background:var(--board-dark)}.promotion-option svg{display:block;width:100%;height:100%}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#00000080}.modal{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:20px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.modal-title{font-size:1.2rem}.modal-description{margin:0;color:var(--text-muted);font-size:.92rem}.pgn-text{width:100%;min-height:200px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:.85rem/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;resize:vertical}.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.modal-rules{max-width:900px}.rule-gallery{display:flex;flex-wrap:wrap;gap:8px 14px;margin:2px 0 6px;padding:0;list-style:none}.rule-gallery li{display:flex;flex-direction:column;align-items:center;gap:2px}.rule-gallery-pieces{display:flex}.rule-gallery-pieces>svg{width:44px;height:44px}.rule-gallery-legend>svg{width:32px;height:32px}.rule-gallery-name{color:var(--text-muted);font-size:.78rem}.rule-diagrams{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:8px}.rule-diagram{--rule-cell: 48px;display:flex;flex-direction:column;gap:6px;width:calc(var(--rule-files) * var(--rule-cell));max-width:100%;margin:0}.rule-diagram.rule-diagram-squares{--rule-cell: 54px}@media(max-width:520px){.rule-diagrams{gap:14px}.rule-diagram,.rule-diagram.rule-diagram-squares{--rule-cell: 42px;width:min(100%,var(--rule-files) * 60px)}}.rule-diagram figcaption{color:var(--text-muted);font-size:.8rem;line-height:1.35}.rule-stage{position:relative}.rule-notice{position:absolute;right:4px;bottom:4px;left:4px;z-index:6;margin:0;padding:5px 8px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);box-shadow:var(--shadow);color:var(--danger);font-size:.75rem;font-weight:500;line-height:1.3;text-align:center;pointer-events:none}.rule-notice[hidden]{display:none}.rule-window:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rule-board-diagram{width:400px}.rule-board-diagram.rule-board-yalta,.rule-board-diagram.rule-board-four{width:480px}.rule-board-diagram.rule-board-eight{width:100%}.rule-board-diagram .board-notice,.rule-board-diagram .paco-turn-bar{top:auto;bottom:6px;max-width:calc(100% - 12px);padding:5px 8px;font-size:.75rem;line-height:1.3}.rule-board-diagram .paco-turn-bar{gap:6px}@media(max-width:520px){.rule-board-diagram,.rule-board-diagram.rule-board-yalta,.rule-board-diagram.rule-board-four{width:100%}}.rule-pocket{display:flex;justify-content:center;padding-top:6px}.rule-pocket-piece{position:relative;width:var(--rule-cell);height:var(--rule-cell);border:1px dashed var(--border);border-radius:var(--radius-sm)}.rule-pocket-lifted{border-style:solid;background:var(--board-selected)}.rule-pocket-piece>svg{position:absolute;inset:4%;width:92%;height:92%}.rule-again{position:absolute;top:4px;right:4px;z-index:7;width:30px;height:30px;box-shadow:var(--shadow)}.rule-again svg{width:16px;height:16px}.rule-window{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.rule-board{position:absolute;display:grid}.rule-cell{position:relative;aspect-ratio:1}.rule-cell-target{cursor:pointer}.rule-piece{position:absolute;inset:0;z-index:1}.rule-piece>svg{position:absolute;inset:4%;width:92%;height:92%}.rule-piece-hidden{opacity:.35}.rule-piece-slide{z-index:4;animation:rule-slide .26s ease-out}@keyframes rule-slide{0%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%))}}@media(prefers-reduced-motion:reduce){.rule-piece-slide{animation:none}}.rule-cell-light{background:var(--board-light);box-shadow:inset 0 0 0 .5px var(--board-grid, transparent)}.rule-cell-dark{background:var(--board-dark);box-shadow:inset 0 0 0 .5px var(--board-grid, transparent)}.rule-cell-fog-light{background:var(--board-fog-light)}.rule-cell-fog-dark{background:var(--board-fog-dark)}.rule-cell-blast{box-shadow:inset 0 0 0 3px var(--board-blast)}.rule-cell-lifted:before{content:"";position:absolute;inset:0;background:var(--board-selected)}.rule-dot,.rule-capture,.rule-cross{position:absolute;inset:0;pointer-events:none}.rule-dot{background:radial-gradient(circle,var(--board-hint) 22%,transparent 24%)}.rule-capture{inset:3%;border-radius:50%;box-shadow:inset 0 0 0 3px var(--board-hint)}.rule-cross{background:linear-gradient(45deg,transparent 44%,var(--danger) 44%,var(--danger) 56%,transparent 56%) center / 46% 46% no-repeat,linear-gradient(-45deg,transparent 44%,var(--danger) 44%,var(--danger) 56%,transparent 56%) center / 46% 46% no-repeat}.rule-cross-piece{inset:auto -2% -2% auto;z-index:3;width:44%;height:44%;border-radius:50%;background-color:var(--surface);background-size:62% 62%;box-shadow:0 0 0 1px var(--danger)}.rule-cell-ringed:after{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;box-shadow:inset 0 0 0 2px var(--danger)}.rule-cell-last:before{content:"";position:absolute;inset:0;background:var(--board-last-move)}.rule-cell-cursor:after{content:"";position:absolute;inset:0;z-index:5;box-shadow:inset 0 0 0 3px var(--accent)}.rule-board-points .rule-cell-lifted:before,.rule-board-points .rule-cell-last:before,.rule-board-points .rule-cell-cursor:after{inset:2%;border-radius:50%}.rules-section{display:flex;flex-direction:column;gap:4px}.rules-section p{margin:0;font-size:.92rem}.rules-heading{margin:0;font-size:1rem;font-weight:600}.rules-link{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:.92rem}.rules-link .icon{width:14px;height:14px}.board-notice{position:absolute;top:calc(100% + 4px);left:50%;z-index:5;width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 14px;transform:translate(-50%);border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);box-shadow:var(--shadow);color:var(--danger);font-size:.9rem;font-weight:500;text-align:center;pointer-events:none}.board-notice[hidden]{display:none}.board-hint{border-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:400}.modal-note{margin:0;color:var(--text-muted);font-size:.85rem}.option-list{display:flex;flex-direction:column;gap:8px}.option-button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}.option-button:hover{border-color:var(--accent);background:var(--surface-2)}.option-title{font-weight:600}.option-detail{color:var(--text-muted);font-size:.85rem}.score-line{font-variant-numeric:tabular-nums}.exit-list{display:grid;gap:2px;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.85rem}@media(min-width:861px){.game-panel{contain:size;overflow-y:auto}}@media(prefers-color-scheme:dark){.variant-cover,.menu-card-thumb,.recent-chip img,.setup-dialog-cover img{filter:brightness(.88)}}@media(max-width:860px){.app{--page-width: 640px}.variant-grid{grid-template-columns:minmax(0,1fr);gap:8px}.variant-card{flex-direction:row;align-items:center}.variant-cover{flex:none;width:64px;height:64px;margin:7px 0 7px 7px;border:0;border-radius:var(--radius-sm);aspect-ratio:1}.variant-text{flex:1;min-width:0;padding:8px 4px 8px 12px}.choice-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.variant-chevron{display:block;flex:none;padding-right:12px;color:var(--text-muted)}.variant-chevron .icon{display:block;width:18px;height:18px}.variant-note:not(.variant-progress){display:none}.menu-tabs{width:100%}.menu-tabs .activity-tab{min-width:0}.setup-dialog-backdrop{place-items:end stretch;padding:0}.setup-dialog{max-width:none;max-height:92dvh;border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.setup-dialog-cover img{aspect-ratio:3 / 1}.setup-dialog-body{gap:14px;padding:14px 16px 16px}.setup-dialog-title{font-size:1.35rem}.setup-fields{grid-template-columns:minmax(0,1fr)}.setup-dialog-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom))}.game{grid-template-columns:minmax(0,1fr);gap:16px}.game-panel>*{order:5}.game-panel>.panel-top{order:0}.game-panel>.status,.game-panel>.panel-note,.game-panel>.panel-exits,.game-panel>.puzzle-info{order:1}.game-panel>.game-actions{order:2}.game-panel>.review-controls{order:1}.eval-bar{display:none}.game-yalta,.game-four{grid-template-columns:minmax(0,1fr)}.move-list{display:flex;gap:2px;padding-bottom:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.move-row,.move-row:nth-child(odd){display:flex;flex:none;gap:2px;padding:2px 0;background:none}.move-number{padding-left:4px}.setup{gap:22px}}@media(max-width:600px){.setup-title{font-size:1.6rem}.menu-card{flex-wrap:wrap;gap:10px 12px;padding:10px}.menu-card-thumb{width:48px;height:48px}.menu-card-actions{flex-basis:100%}.menu-card-main{flex:1}.brand-title{font-size:1.15rem}.install-offer-actions{width:100%}.install-offer-actions .button{flex:1}.game,.game-panel{gap:12px}.player-bar{min-height:48px}.player-bars{grid-auto-flow:row}.game-four .player-bars{grid-auto-flow:column;gap:6px}.game-four .player-bars .player-bar{flex-wrap:wrap;align-content:flex-start;gap:2px 6px;min-height:0;padding:4px 6px 5px 4px}.game-four .player-bars .player-main{display:contents}.game-four .player-bars .captured{flex:1;min-width:0}.game-four .player-bars .player-name{flex-basis:100%;flex-wrap:wrap;gap:2px;font-size:.8rem}.game-four .player-bars .player-bar.eliminated{opacity:.55}.game-four .player-bars .player-tag-prefix{display:none}.game-four .player-bars .inline-select{min-height:0;margin-left:-4px;padding:1px 4px}.game-four .player-bars .inline-select-value{white-space:normal;line-height:1.2}.game-four .player-bars .avatar{width:28px;height:28px}.game-four .player-bars .avatar .icon{width:18px;height:18px}.game-four .player-bars .turn-badge{display:none}.game-four .player-bars .player-tag{margin-left:0;padding:0 5px;font-size:.7rem}.game-four .player-bars .captured,.game-four .player-bars .captured-list{min-height:18px}.game-four .player-bars .captured-piece{width:14px;height:14px}.game-eight .player-bars{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.yalta-board{margin-inline:calc(4px - var(--page-gutter))}.yalta-notation{font-size:4.4px}.four-notation{font-size:3.4px}.paco-notation text{font-size:.22px}.avatar{width:34px;height:34px}.captured-piece{width:20px;height:20px}.captured-piece+.captured-piece{margin-left:-10px}}