:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#17191a;--surface:#202324;--surface-raised:#292d2d;--ink:#f1eee7;--muted:#a9aaa5;--line:#414443;--accent:#d87943;--accent-ink:#21140e;--board-light:#d8d0bf;--board-dark:#716d65;--board-edge:#111313;--focus:#ffc28e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Avenir Next,Avenir,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e7e2d8;--surface:#f2eee6;--surface-raised:#dfd8cb;--ink:#252524;--muted:#625d54;--line:#b6aa98;--accent:#98431e;--accent-ink:#fff7ef;--board-light:#e1d8c7;--board-dark:#797368;--board-edge:#c6baaa;--focus:#783614}}*{box-sizing:border-box}body{background:var(--page);min-width:320px;color:var(--ink);margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.shell{width:min(1180px,100% - 56px);margin:0 auto}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.08em;font-size:23px;font-weight:800;text-decoration:none}.wordmark span{color:var(--accent);padding:0 2px}.back-link{color:var(--muted);font-size:13px;text-decoration:none}.back-link:hover{color:var(--ink)}.game{grid-template-columns:minmax(0,720px) minmax(230px,1fr);align-items:start;gap:clamp(28px,5vw,70px);padding:46px 0 60px;display:grid}.playfield{min-width:0}.game-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.12}.game-subtitle{color:var(--muted);margin-top:8px;font-size:13px}.quiet-button,.primary-button,.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:43px;padding:0 14px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s}.quiet-button:hover,.icon-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.primary-button:hover{background:color-mix(in srgb, var(--accent) 85%, var(--ink))}.primary-button:disabled,.quiet-button:disabled{cursor:not-allowed;opacity:.5}.player-bar{height:44px;color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.turn-mark{border:1px solid var(--muted);background:var(--ink);border-radius:50%;width:11px;height:11px}.check-label{color:var(--accent);margin-left:auto;font-family:DM Mono,monospace;font-size:11px}.board-frame{background:var(--board-edge);max-width:720px;margin:0 auto;padding:clamp(5px,.9vw,10px);box-shadow:0 14px 40px #0003}.board{aspect-ratio:1;grid-template-rows:repeat(8,1fr);width:100%;display:grid}.board-row{grid-template-columns:repeat(8,1fr);min-width:0;display:grid}.square{cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square.selected{box-shadow:inset 0 0 0 4px var(--accent)}.square.last-move:before{content:"";pointer-events:none;background:#d8794355;position:absolute;inset:0}.square.last-move{box-shadow:inset 0 0 0 5px #171817,inset 0 0 0 7px #fff4e8}.square.legal-target:after{aspect-ratio:1;content:"";background:#21201c77;border-radius:100%;width:26%;position:absolute}.square.capture-target:after{background:0 0;border:4px solid #d87943;width:82%}.square.in-check{box-shadow:inset 0 0 0 5px #a3261b}.piece{z-index:1;-webkit-user-select:none;user-select:none;font-family:Arial Unicode MS,"Noto Sans Symbols 2",DejaVu Sans,sans-serif;font-size:clamp(27px,6.3vw,67px);line-height:1;display:block;position:relative}.white-piece{color:#f8f4eb;text-shadow:-1px -1px #262522,1px -1px #262522,-1px 1px #262522,1px 1px #262522,0 3px 2px #0006}.black-piece{color:#20211f;text-shadow:0 1px #c8c3b9}.coord{z-index:2;color:#fff4e8;pointer-events:none;background:#171817df;border-radius:2px;padding:1px 3px;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.rank-coord{top:4px;left:5px}.file-coord{bottom:3px;right:5px}.board-help{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5}.rules-disclosure{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.live-region{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notation{border-top:2px solid var(--accent);flex-direction:column;min-height:520px;padding-top:14px;display:flex}.notation-head{flex-direction:column;gap:5px;display:flex}.section-name{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.save-state{color:var(--muted);font-size:11px}.material{border-bottom:1px solid var(--line);min-height:78px;color:var(--muted);flex-direction:column;justify-content:center;gap:7px;font-size:14px;display:flex}.captured-line{grid-template-columns:58px 1fr;align-items:center;min-height:22px;display:grid}.captured-side{font-size:11px}.captured-pieces{letter-spacing:.05em}.move-list{scrollbar-color:var(--line) transparent;flex-direction:column;gap:4px;min-height:185px;max-height:min(48vh,380px);margin:0;padding:16px 0;list-style:none;display:flex;overflow:auto}.move-row{color:var(--muted);grid-template-columns:35px 1fr 1fr;padding:5px 7px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.move-number{color:var(--muted)}.empty-moves{color:var(--muted);padding:9px 7px;font-size:12px}.active-move{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--ink)}.current-move{border-bottom:2px solid var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:3px;font-weight:700;text-decoration-thickness:1px}.result{border-left:2px solid var(--accent);margin:0 0 14px;padding:9px 11px;font-size:12px;line-height:1.5}.controls{gap:8px;margin-top:auto;padding-top:16px;display:grid}.controls>button{text-align:left;width:100%}.draw-help{color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.5}.draw-offer-response{border-left:2px solid var(--accent);background:var(--surface);grid-column:1/-1;gap:8px;padding:10px 12px;display:grid}.draw-offer-actions{flex-wrap:wrap;gap:8px;display:flex}.replay-panel{border-top:2px solid var(--accent);padding:36px 0 58px}.replay-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px;display:flex}.replay-heading h2{letter-spacing:-.05em;margin-top:5px;font-size:28px}.replay-heading p{color:var(--muted);margin-top:5px;font-size:13px}.replay-controls{border-block:1px solid var(--line);align-items:center;gap:8px;min-height:54px;padding:6px 0;display:flex}.replay-controls #replay-progress{color:var(--muted);text-align:center;flex:1;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.icon-button{min-width:43px;padding:0;font-size:19px}.replay-layout{grid-template-columns:minmax(280px,640px) minmax(220px,1fr);gap:38px;margin-top:26px;display:grid}.replay-frame{width:100%}.replay-moves{border-top:1px solid var(--line);max-height:480px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:17px 0 22px;font-size:11px;display:flex}.footer a{color:var(--muted);text-decoration:none}.choice-dialog{border:1px solid var(--line);background:var(--surface);width:min(390px,100% - 32px);color:var(--ink);padding:24px;box-shadow:0 20px 80px #0008}.choice-dialog::backdrop{background:#090a0acc}.choice-dialog h2{letter-spacing:-.03em;font-size:19px}.choice-dialog p{color:var(--muted);margin:9px 0 18px;font-size:13px;line-height:1.5}.dialog-actions{justify-content:end;gap:8px;display:flex}.promotion-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.promotion-choice{border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;place-items:center;min-height:80px;display:grid}.promotion-choice>span:first-child{font-size:32px}.promotion-choice>span:last-child{color:var(--muted);font-size:11px}.promotion-choice:hover{border-color:var(--accent)}@media (width<=760px){.shell{width:min(100% - 28px,560px)}.masthead{height:62px}.game{grid-template-columns:1fr;gap:28px;padding-top:25px}.game-heading{flex-direction:column;align-items:start;gap:14px;margin-bottom:12px}.game-heading .quiet-button{min-height:39px}.board-frame{width:100%;padding:14px}.rank-coord{top:50%;left:-13px;transform:translateY(-50%)}.file-coord{bottom:-14px;left:50%;right:auto;transform:translate(-50%)}.piece{font-size:clamp(22px,7.25vw,30px)}.notation{min-height:0}.move-list{min-height:96px;max-height:190px}.controls{grid-template-columns:1fr 1fr}.controls>button{text-align:center}.replay-layout{grid-template-columns:1fr;gap:20px}.replay-moves{max-height:220px}.replay-heading{flex-direction:column;align-items:start}.replay-heading .quiet-button{min-height:39px}.replay-controls{flex-wrap:wrap}.replay-controls #replay-progress{flex-basis:100%;order:-1;padding:7px}}@media (width<=380px){.shell{width:calc(100% - 18px)}.board-frame{padding:14px}.piece{font-size:clamp(21px,7vw,26px)}.coord{font-size:8px}.quiet-button,.primary-button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}