@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-wrong: rgb(220 60 50 / .55);--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;--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 - 244px, 800px);--puzzle-board-size: clamp(360px, 100vh - 184px, 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)}.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}.app-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:auto;padding:20px 0 14px;font-size:.8rem;color:var(--text-muted)}.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,.variant-card:focus-visible,.segmented-option:focus-visible,.promotion-option: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: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:24px;width:100%;margin-block:auto;padding-block:16px}.resume-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;width:100%;padding:14px 16px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.resume-text{display:flex;flex-direction:column;gap:4px;min-width:0}.setup-hero{display:flex;flex-direction:column;gap:6px}.setup-title{font-family:var(--font-display);font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem);font-weight:600;line-height:1.1;letter-spacing:-.01em}.setup-tagline{margin:0;font-size:1.05rem;color:var(--text-muted)}.setup-section{display:flex;flex-direction:column;gap:20px;width:100%}.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(auto-fit,minmax(240px,1fr));gap:16px}.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,background-color .12s}.variant-card:hover{border-color:var(--accent)}.variant-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow)}.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:12px 16px 14px}.choice-title{font-size:1.05rem;font-weight:600}.choice-subtitle{font-size:.875rem;color:var(--text-muted)}.setup-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:16px 20px;width:100%;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.setup-actions .button-large{min-height:44px;padding-block:8px}.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)}.board-column{display:flex;flex-direction:column;gap:8px;min-width:0}.game-board{width:100%;min-width:0}.board-frame{position:relative;container-type:inline-size;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);touch-action: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)}.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{border:1px solid #1f1b18;background:#2b2520;color:#f4ede3}.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}.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 .thinking:after{margin-left:6px}.captured{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:24px}.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 .captured-piece svg{filter:drop-shadow(0 0 1px rgb(255 255 255 / .85))}}.captured-piece svg{display:block;width:100%;height:100%}.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;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.game-variant{margin:0;text-align:right}.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-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 1fr 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{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-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-info{display:flex;flex-direction:column;gap:8px;font-size:.92rem}.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}@media(min-width:861px){.game-panel{contain:size;overflow-y:auto}}@media(prefers-color-scheme:dark){.variant-cover{filter:brightness(.88)}}@media(max-width:860px){.app{--page-width: 640px}.variant-grid{grid-template-columns:minmax(0,1fr);gap:10px}.variant-card{flex-direction:row;align-items:center}.variant-cover{flex:none;width:84px;height:84px;margin:8px 0 8px 8px;border:0;border-radius:var(--radius-sm);aspect-ratio:1}.variant-text{padding:10px 12px}.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>.puzzle-info{order:1}.game-panel>.game-actions{order:2}.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:20px}.setup-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.setup-title{font-size:1.85rem}.brand-title{font-size:1.15rem}.setup-controls{padding:0;border:0;background:none;box-shadow:none}.setup-actions{position:sticky;bottom:0;z-index:5;margin-top:-8px;padding:20px 0 max(8px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 18px)}.setup-actions .button{width:100%}.game,.game-panel{gap:12px}.app-footer{padding-top:12px}.player-bar{min-height:48px}.avatar{width:34px;height:34px}.captured-piece{width:20px;height:20px}.captured-piece+.captured-piece{margin-left:-10px}}