.board{--light:#f0ede6;--dark:#b9ae98;--accent:#b63410;aspect-ratio:1;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:3px solid #1a1a1a;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid}.sq{min-width:0;min-height:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background-clip:border-box;border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:relative;container-type:inline-size}.sq.light{background:var(--light)}.sq.dark{background:var(--dark)}.sq:hover{filter:brightness(1.06)}.sq:focus-visible{outline-offset:-3px;z-index:2;outline:3px solid #1a1a1a}.sq.last.light{background:#d9e58f}.sq.last.dark{background:#b3c25a}.sq.sel.light{background:#ffd93d;box-shadow:inset 0 0 0 3px #b8860b}.sq.sel.dark{background:#f0bd1a;box-shadow:inset 0 0 0 3px #8a6508}.sq.check{background:radial-gradient(circle at center, #ff5a3c 0%, #e0391b 45%, #e0391b00 72%), var(--light)}.sq.check.dark{background:radial-gradient(circle at center, #ff5a3c 0%, #e0391b 45%, #e0391b00 72%), var(--dark)}.sq.hint:after{content:"";pointer-events:none;z-index:2;border:5px solid #1f7a45;border-radius:50%;position:absolute;inset:5%}.sq.target:after{content:"";pointer-events:none;z-index:2;background:#1a1a1a80;border-radius:50%;width:30%;height:30%;position:absolute}.sq.target:has(.piece):after{background:0 0;border:6px solid #1a1a1a80;width:92%;height:92%}.piece{z-index:1;pointer-events:none;width:96%;height:96%;display:block;position:relative}.piece svg{width:100%;height:100%;display:block}.piece.dragging{opacity:.35}.coord{pointer-events:none;opacity:.7;z-index:0;font-size:clamp(8px,16cqw,14px);font-style:normal;font-weight:700;line-height:1;position:absolute}.coord.rank{top:3px;left:4px}.coord.file{bottom:3px;right:4px}.sq.blocked .piece{animation:.35s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-4%)}80%{transform:translate(3%)}}.drag-ghost{z-index:50;pointer-events:none;position:fixed;top:0;left:0}.drag-ghost svg{filter:drop-shadow(0 4px 6px #00000059);width:100%;height:100%;display:block}.promotion{z-index:20;background:#1111118c;place-items:center;display:grid;position:absolute;inset:0}.promotion-box{background:#f7f6f3;border:3px solid #1a1a1a;gap:8px;padding:12px;display:flex}.promotion-box button{aspect-ratio:1;cursor:pointer;background:#efede8;border:2px solid #1a1a1a;width:min(18vw,84px);padding:4px}.promotion-box button:hover,.promotion-box button:focus-visible{background:#e5e2db;outline:3px solid #b63410}.promotion-box svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.board *{transition:none!important;animation:none!important}}:root{--bg:#f7f6f3;--fg:#1a1a1a;--accent:#b63410;--accent-hover:#962a0d;--surface:#efede8;--border:#1a1a1a;--blue:#23375a;--green:#2b573c;--muted:#5b5b53;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4}.app{flex-direction:column;min-height:100dvh;display:flex}button,select{font:inherit;color:inherit}button{border:2px solid var(--border);cursor:pointer;touch-action:manipulation;background:#fff;min-height:44px;padding:8px 14px;font-weight:600}button:hover:not(:disabled):not(.sq){background:var(--surface)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.armed{background:var(--accent);color:#fff;border-color:var(--accent)}button.icon{place-items:center;width:44px;padding:0;display:grid}button.link{min-height:36px;color:var(--muted);background:0 0;border:0;justify-self:start;padding:4px 0;font-weight:600;text-decoration:underline}button.link.armed{color:var(--accent);background:0 0}button:focus-visible,select:focus-visible,input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}select{border:2px solid var(--border);background:#fff;min-height:44px;padding:6px 10px}.topbar{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.in-game .topbar{display:none}.brand{letter-spacing:.14em;text-transform:uppercase;font-weight:800}.tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.screen{flex:1;padding:14px}.in-game .screen{padding:12px}.menu{gap:14px;max-width:560px;margin:0 auto;display:grid}.menu h1{text-transform:uppercase;letter-spacing:.06em;margin:6px 0 0;font-size:clamp(2rem,8vw,3rem)}.choice{border:0;margin:0;padding:0}.choice[hidden]{display:none}.choice legend{text-transform:uppercase;letter-spacing:.08em;padding:0 0 6px;font-size:.8rem;font-weight:700}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{border:2px solid var(--border);background:#fff;align-items:center;min-height:44px;padding:8px 14px;font-weight:600;display:inline-flex}.chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.menu-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.menu-actions button{flex:200px;font-size:1.1rem}.stats{border:2px solid var(--border);background:#fff;gap:8px;max-width:560px;margin:22px auto 0;padding:14px 16px;display:grid}.stats h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats th,.stats td{text-align:center;border-bottom:1px solid #d4d0c8;padding:5px 8px}.stats th[scope=row],.stats thead th:first-child{text-align:left}.stats thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.stats .totals{margin:0}.muted{color:var(--muted);margin:0}.game{grid-template-columns:minmax(0,1fr);grid-template-areas:"tools""top""board""bottom""info""controls""history";gap:10px;max-width:1600px;margin:0 auto;display:grid}.tools-slot{grid-area:tools}.player.top{grid-area:top}.board-host{grid-area:board;width:min(100%,100dvh - 250px);min-width:260px;margin:0 auto;position:relative}.player.bottom{grid-area:bottom}.info{grid-area:info}.controls{grid-area:controls}.history-box{grid-area:history}.player{border:2px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 12px;display:flex}.pinfo{gap:2px;min-width:0;display:grid}.name{overflow-wrap:anywhere;font-weight:800}.cap{flex-wrap:wrap;align-items:center;min-height:22px;padding-left:4px;display:flex}.cp{width:22px;height:22px;margin-right:-7px;display:inline-block}.cp svg{width:100%;height:100%;display:block}.adv{color:var(--green);margin-left:14px;font-size:.9rem;font-weight:800}.adv:empty{display:none}.clock{background:var(--fg);min-width:4.8ch;color:var(--bg);text-align:center;font-variant-numeric:tabular-nums;padding:3px 10px;font-size:1.4rem;font-weight:700}.clock[hidden]{display:none}.info{gap:2px;display:grid}.status{min-height:1.4em;margin:0;font-size:1.1rem;font-weight:800}.aids{color:var(--muted);margin:0;font-size:.9rem}.toast{min-height:1.4em;color:var(--accent);overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:700}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.controls button{padding:8px 10px}.controls button[data-action=menu]{grid-column:1/-1}.history-box{border:2px solid var(--border);background:#fff;flex-direction:column;min-height:0;display:flex}.history-box h2{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d4d0c8;margin:0;padding:8px 12px;font-size:.85rem}.history{font-variant-numeric:tabular-nums;max-height:180px;margin:0;padding:6px 12px 8px;list-style:none;overflow:auto}.history li{grid-template-columns:3ch 1fr 1fr;gap:6px;padding:1px 0;display:grid}.history .no{color:#6b6b63}.end{z-index:30;background:#1111119e;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.end-box{background:var(--bg);border:3px solid var(--border);text-align:center;max-width:100%;padding:20px 24px}.end-box h2{text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:clamp(1.3rem,5vw,1.9rem)}.end-box p{margin:0 0 6px}.end-box .score-line{color:var(--blue);font-weight:700}.end-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}@media (aspect-ratio>=5/4) and (width>=560px){.game{--side:clamp(230px, 28vw, 400px);--board:min(calc(100dvh - 24px), calc(100vw - 24px - var(--side) - 24px));grid-template-columns:var(--board) var(--side);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;grid-template-areas:"board tools""board top""board info""board history""board bottom""board controls";justify-content:center;column-gap:24px;height:calc(100dvh - 24px)}.board-host{width:var(--board);height:var(--board);align-self:start;min-width:0;margin:0}.history{flex:1;max-height:none}.player{min-height:52px}}@media (aspect-ratio>=5/4) and (width>=560px) and (height<=520px){.game{--side:clamp(260px, 38vw, 400px)}.history-box,.aids{display:none}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.controls button[data-action=menu]{grid-column:auto}.controls button{min-height:34px;padding:2px 6px;font-size:.78rem;line-height:1.15}.player{min-height:40px;padding:3px 10px}.game{gap:6px}.clock{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}