:root{--ground:#e4e6e1;--ground-deep:#d6d9d2;--panel:#f3f4f0;--ink:#1e2622;--ink-muted:#5f6b65;--line:#c3c8c1;--felt:#2e4a3d;--felt-deep:#223829;--felt-line:#3b5c4c;--felt-glow:#4e7a63;--rail:#7a5533;--rail-edge:#4e341c;--amber:#d9a441;--amber-ink:#7a5313;--on-amber:#2b1d06;--win:#2f8f5b;--loss:#c8503a;--draw:#7c867f;--focus:#2c6fd6;--maple:#e3c48f;--maple-edge:#b8925a;--walnut:#5a3a22;--walnut-edge:#33200f;--label-win:#9ce8b8;--label-loss:#ffb0a0;--label-draw:#d8ddd9;--chip-ground:#0009;--display:"Bricolage Grotesque", "Arial Narrow", sans-serif;--body:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", monospace;--radius-cell:4px;--radius-control:6px;--radius-panel:8px;--screen-padding:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#17201c;--ground-deep:#101613;--panel:#1e2a25;--ink:#e8ebe6;--ink-muted:#98a59d;--line:#2c3a33;--felt:#294538;--felt-deep:#1b3026;--felt-line:#355646;--felt-glow:#4a7a60;--rail:#5e4027;--rail-edge:#3a2513;--amber:#e4b458;--amber-ink:#f1d08a;--win:#5dbe85;--loss:#e0705c;--draw:#8e9a93;--focus:#7fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#17201c;--ground-deep:#101613;--panel:#1e2a25;--ink:#e8ebe6;--ink-muted:#98a59d;--line:#2c3a33;--felt:#294538;--felt-deep:#1b3026;--felt-line:#355646;--felt-glow:#4a7a60;--rail:#5e4027;--rail-edge:#3a2513;--amber:#e4b458;--amber-ink:#f1d08a;--win:#5dbe85;--loss:#e0705c;--draw:#8e9a93;--focus:#7fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;min-height:100vh;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.screen{max-width:1040px;padding:var(--screen-padding) var(--screen-padding) 40px;margin:0 auto}.screen.play{padding-top:max(var(--screen-padding), env(safe-area-inset-top));padding-right:max(var(--screen-padding), env(safe-area-inset-right));padding-bottom:max(var(--screen-padding), env(safe-area-inset-bottom));padding-left:max(var(--screen-padding), env(safe-area-inset-left))}@media (width>=800px){.screen{padding:28px 24px 48px}.screen.play{padding-top:max(28px, env(safe-area-inset-top));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:max(48px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left))}}.table,.board-col{gap:12px;display:grid}.side{gap:14px;display:grid}@media (width>=800px){.table{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:28px}}.board{aspect-ratio:1;border:7px solid var(--rail);border-radius:var(--radius-panel);background:radial-gradient(120% 90% at 50% 0%, var(--felt-glow) 0%, transparent 60%), var(--felt);width:100%;max-width:560px;box-shadow:inset 0 0 0 1px var(--felt-line), 0 0 0 1px var(--rail-edge), 0 18px 40px -22px #000;touch-action:manipulation;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px;display:grid}@media (width>=800px){.board{gap:6px;padding:14px}}.cell{border-radius:var(--radius-cell);background:var(--felt-deep);cursor:default;border:0;min-height:0;padding:0;position:relative;box-shadow:inset 0 1px 3px #00000073}.cell .piece{width:84%;height:84%;position:absolute;inset:8%}.cell.legal{cursor:pointer}.cell.legal:hover,.cell.legal.drop{background:var(--felt-line)}.cell.legal:after{content:"";aspect-ratio:1;background:var(--amber);opacity:.55;border-radius:50%;width:18%;position:absolute;top:41%;left:41%}.cell.legal:hover:after,.cell.legal.drop:after{opacity:0}.cell.pending{outline:2px dashed var(--amber);outline-offset:-5px}.cell.pending .piece{opacity:.6}.cell.last{box-shadow:inset 0 0 0 2px var(--amber-ink)}.cell.winning{box-shadow:inset 0 0 0 3px var(--amber)}.hint{font-family:var(--mono);background:var(--chip-ground);color:#fff;pointer-events:none;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:500;position:absolute;top:3px;left:4px}.hint.win{color:var(--label-win)}.hint.loss{color:var(--label-loss)}.hint.draw{color:var(--label-draw)}.piece{width:100%;height:100%;display:block}.hand-piece{border-radius:var(--radius-control);background:var(--ground-deep);flex:none;place-items:center;width:40px;height:48px;display:grid}.hand-piece.empty{border:1px dashed var(--line);background:0 0}.hand-piece.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hand-piece.lifted{cursor:grabbing}.hand-piece.lifted .piece{opacity:.25}.drag-ghost{z-index:10;pointer-events:none;filter:drop-shadow(0 10px 14px #00000073);will-change:transform;place-items:center;display:grid;position:fixed}.drag-ghost.returning{transition:transform .18s ease-out}.tray{border-radius:var(--radius-panel);background:var(--ground-deep);border:1px solid var(--line);grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;display:grid}.slot{aspect-ratio:1;border-radius:var(--radius-cell);cursor:default;background:0 0;border:0;place-items:center;padding:2%;display:grid;position:relative}.slot.legal{cursor:pointer}.slot.legal:hover{background:var(--panel)}.slot.taken{opacity:0;pointer-events:none}.slot.pending{outline:2px dashed var(--amber);outline-offset:-3px}.slot.pending .piece{opacity:.6}.slot .hint{font-size:10px;top:0;left:0}@media (width>=800px){.tray{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.slot{padding:8%}}.strip{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);align-items:center;gap:12px;min-height:60px;padding:6px 10px;display:flex}.prompt{flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1.3}.prompt small{color:var(--ink-muted);font-size:12px;font-weight:400;display:block}.oracle{flex:none;justify-items:end;gap:2px;max-width:42%;display:grid}.verdict{font-family:var(--display);letter-spacing:-.01em;text-align:right;color:var(--ink-muted);align-items:center;gap:8px;font-size:17px;font-weight:700;line-height:1.1;display:inline-flex}.verdict.win{color:var(--win)}.verdict.loss{color:var(--loss)}.verdict.decisive{color:var(--amber-ink)}.verdict.draw{color:var(--ink-muted)}.verdict-detail{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-muted);white-space:nowrap;font-size:11px}.lamp{background:var(--amber);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 25%, transparent);border-radius:50%;flex:none}.lamp.thinking{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.lamp.thinking{opacity:.5;animation:none}}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls .primary{min-height:44px}.moves summary{cursor:pointer;color:var(--ink-muted);font-size:13px}.log{font-family:var(--mono);color:var(--ink-muted);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;max-height:160px;margin-top:8px;font-size:12px;display:grid;overflow-y:auto}.log-entry{white-space:nowrap;align-items:center;gap:8px;display:flex}.log-entry .piece{width:14px;height:18px}.log-entry .who{text-overflow:ellipsis;width:4.5em;overflow:hidden}.play-status{font-family:var(--mono);color:var(--ink-muted);font-size:11px}.btn{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-control);cursor:pointer;min-height:40px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-muted)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--amber);border-color:var(--amber);color:var(--on-amber);padding:12px 22px;font-size:15px}.btn.quiet{color:var(--ink-muted);background:0 0;border-color:#0000}.btn.quiet:hover{color:var(--ink);background:var(--panel)}.btn.round{border-radius:50%;justify-content:center;width:40px;padding:0;font-weight:600}.topbar{align-items:center;gap:10px;min-height:40px;margin-bottom:12px;display:flex}.topbar.help{justify-content:space-between}.topbar-title{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:18px;font-weight:700;overflow:hidden}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(32px,6vw,40px);font-weight:700;line-height:1}.masthead{margin-bottom:24px}.masthead p{color:var(--ink-muted);max-width:48ch;margin:10px 0 0}.fields{gap:22px;max-width:520px;display:grid}.field{gap:8px;display:grid}.field-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:11px}.field-help{color:var(--ink-muted);margin:0;font-size:13px}.segment{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);display:flex;overflow:hidden}.segment button{cursor:pointer;min-height:44px;color:var(--ink-muted);background:0 0;border:0;flex:1;padding:10px 8px;font-size:14px;line-height:1.25}.segment button+button{border-left:1px solid var(--line)}.segment button[aria-checked=true]{background:var(--amber);color:var(--on-amber);font-weight:500}.names{grid-template-columns:1fr 1fr;gap:8px;display:grid}.names input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;min-height:44px;padding:10px 12px}.names input:focus{border-color:var(--amber);box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 35%, transparent);outline:none}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}@media (width<=720px){.actions.pinned{margin:0 calc(-1 * var(--screen-padding));padding:12px var(--screen-padding) max(12px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ground) 75%, transparent);position:sticky;bottom:0}.actions.pinned .primary{flex:1 0 100%;min-height:48px}.actions.pinned .quiet{flex:1}}.status-line{font-family:var(--mono);color:var(--ink-muted);letter-spacing:.02em;margin-top:28px;font-size:12px}.prose{max-width:62ch}.prose h2{font-family:var(--display);letter-spacing:-.01em;margin:28px 0 8px;font-size:22px;font-weight:700}.prose h2:first-child{margin-top:4px}.prose p,.prose li{margin:0 0 10px}.prose ul,.prose ol{padding-left:20px}.prose b{font-weight:600}.prose a{color:inherit;-webkit-text-decoration-color:var(--amber-ink);text-decoration-color:var(--amber-ink);text-underline-offset:2px}.piece-set{border-radius:var(--radius-panel);background:var(--ground-deep);border:1px solid var(--line);grid-template-columns:repeat(4,56px);gap:8px;width:fit-content;margin:6px 0 14px;padding:12px;display:grid}.piece-set .slot{padding:8%}.trait-row{grid-template-columns:repeat(4,64px);gap:10px 14px;margin:6px 0 14px;display:grid}.trait{text-align:center;color:var(--ink-muted);justify-items:center;gap:2px;font-size:12px;line-height:1.3;display:grid}.trait .pair{gap:2px;display:flex}.trait .piece{width:28px;height:42px}.diagram{gap:8px;width:min(100%,220px);margin:6px 0 16px;display:grid}.diagram svg{border-radius:var(--radius-panel);width:100%;height:auto;box-shadow:0 0 0 1px var(--rail-edge), 0 18px 40px -22px #000;display:block}.diagram figcaption{color:var(--ink-muted);font-size:13px}.prose .flow{gap:10px;margin:6px 0 14px;padding:0;list-style:none;display:grid}.prose .flow li{grid-template-columns:28px 1fr;align-items:start;gap:10px;margin:0;display:grid}.step{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;font-family:var(--mono);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:grid}.prose .flow p{color:var(--ink-muted);margin:2px 0 0;font-size:14px}.verdicts{gap:12px;margin:6px 0 14px;display:grid}.verdicts dt .verdict{text-align:left}.verdicts dd{color:var(--ink-muted);margin:2px 0 0;font-size:14px}.chip{font-family:var(--mono);background:var(--chip-ground);color:#fff;border-radius:3px;padding:1px 5px;font-size:12px}.chip.win{color:var(--label-win)}.chip.loss{color:var(--label-loss)}.chip.draw{color:var(--label-draw)}