:root{color:#edf1f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#f4c878;--muted:#b5c2d4;--line:#3c4c63;--red:#a63850;--blue:#205597;background:#111824;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 52% 12%,#223349,#0000 62%);min-width:280px;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #fff}a{color:var(--accent)}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:8px max(16px,50% - 515px);display:flex}.site-header a{font-size:.86rem;text-decoration:none}.brand{letter-spacing:.02em;align-items:center;gap:8px;font-weight:800;display:flex}main{width:min(100% - 32px,1030px);margin:0 auto}.intro{margin:clamp(18px,4vw,45px) 0 20px}.eyebrow{color:var(--accent);letter-spacing:.13em;margin:0;font-size:.7rem;font-weight:750}h1{letter-spacing:-.035em;margin:3px 0 7px;font-size:clamp(1.8rem,5.7vw,3.45rem);line-height:1.06}.intro>p:last-child{color:var(--muted);max-width:65ch;margin:0;font-size:clamp(.83rem,2.2vw,1rem)}.game{grid-template-columns:minmax(0,650px) minmax(240px,1fr);align-items:start;gap:clamp(16px,3vw,36px);display:grid}.table,.guide{border:1px solid var(--line);background:#182332;border-radius:14px;min-width:0}.table{padding:clamp(8px,1.8vw,18px)}.toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.turn{align-items:center;gap:8px;font-size:.92rem;display:flex}.dot{background:#ff788d;border-radius:50%;width:9px;height:9px}[data-side=blue] .dot{background:#82baff}.toolbar button,.guide button{background:#24354a;border:1px solid #536780;border-radius:7px;padding:6px 12px;font-size:.83rem}.toolbar button:hover,.guide button:enabled:hover{background:#324963}.board-frame{grid-template:18px auto/20px 1fr;display:grid;position:relative}.files,.ranks{color:var(--muted);place-items:center;font-size:.62rem;font-weight:700;display:grid}.files{grid-area:1/2;grid-template-columns:repeat(10,minmax(0,1fr))}.ranks{grid-area:2/1;grid-template-rows:repeat(10,minmax(0,1fr))}.board{aspect-ratio:1;background:#607887;border:1px solid #607887;border-radius:5px;grid-template:repeat(10,minmax(0,1fr))/repeat(10,minmax(0,1fr));grid-area:2/2;gap:1px;min-width:0;display:grid;overflow:hidden}.cell{touch-action:manipulation;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.cell:focus-visible{outline-offset:-3px;z-index:1}.light{background:#606f52}.dark{background:#526246}.lake{cursor:default;background:repeating-linear-gradient(-28deg,#294b62 0 5px,#30576e 5px 8px,#294b62 8px 14px)}.last{box-shadow:inset 0 0 0 2px #f4c878ab}.selected{box-shadow:inset 0 0 0 2px var(--accent);background:#aa8147}.target:after{content:"";aspect-ratio:1;background:var(--accent);pointer-events:none;border-radius:50%;width:27%;position:absolute}.target.attack:after{aspect-ratio:auto;border:2px solid var(--accent);background:0 0;border-radius:5px;width:auto;inset:1px}.piece{color:#fff;pointer-events:none;border:1px solid #ffffff60;border-radius:5px;place-items:center;width:80%;height:82%;font-size:clamp(.63rem,3vw,1.05rem);font-weight:800;line-height:1;display:grid;box-shadow:inset 0 -3px #0003,0 1px 2px #0008}.piece.red{background:var(--red)}.piece.blue{background:var(--blue)}.piece.concealed{color:#fff9}#status{color:var(--muted);min-height:2.5em;margin:9px 0 0;font-size:.82rem}.handoff{text-align:center;z-index:2;background:#142135f7;border:1px solid #607887;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex;position:absolute;inset:18px 0 0 20px}.handoff strong{font-size:clamp(1.1rem,5vw,1.7rem)}.handoff p{color:var(--muted);margin:0 0 9px;font-size:.85rem}.handoff button{background:var(--accent);color:#1a2331;border:0;border-radius:7px;min-height:44px;padding:10px 16px;font-weight:800}.guide{padding:20px}.guide h2{margin:4px 0 10px;line-height:1.15}.guide ol{color:var(--muted);margin:0;padding-left:20px;font-size:.92rem}.guide li{margin:8px 0}.guide li strong{color:#edf1f8}.guide details{border-top:1px solid var(--line);color:var(--muted);margin:13px 0;padding-top:10px;font-size:.83rem}.guide summary{color:var(--accent);cursor:pointer}footer{border-top:1px solid var(--line);width:min(100% - 32px,1030px);color:var(--muted);margin:20px auto;padding-top:12px;font-size:.75rem}.guide-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 16px;margin-top:16px;padding-top:12px;display:flex}.guide-links a{padding-block:5px;font-size:.88rem}.site-header .brand{color:inherit;font-size:inherit}.article-page{width:min(100% - 32px,740px)}.article-page article{margin-block:clamp(26px,5vw,58px)}.article-page h1{font-size:clamp(1.95rem,6vw,3.2rem)}.article-page h2{margin:1.65em 0 .6em;font-size:clamp(1.24rem,4.7vw,1.65rem);line-height:1.24}.article-page p,.article-page ul,.article-page ol{margin:.75em 0;line-height:1.65}.article-page li+li{margin-top:.4em}.article-page code{color:var(--accent)}.article-page table{border-collapse:collapse;overflow-wrap:anywhere;width:100%;margin-block:1em;font-size:clamp(.86rem,2.7vw,.98rem)}.article-page th,.article-page td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.6em .65em}.article-page th{background:#24354a}.article-page td{background:#182332}.article-page .starting-rows th:first-child{white-space:nowrap}.article-page pre{border:1px solid var(--line);background:#182332;border-radius:8px;padding:12px;font-size:clamp(.67rem,3vw,.95rem);overflow-x:auto}.article-page .article-cta{border-top:1px solid var(--line);margin-top:1.75em;padding-top:.85em;font-weight:700}@media (width<=730px){.game{grid-template-columns:minmax(0,1fr);max-width:600px;margin-inline:auto}}@media (width<=460px){main{width:calc(100% - 16px)}.intro{margin-block:12px;padding-inline:5px}.site-header{min-height:46px}.brand img{width:26px;height:26px}.table{padding:6px}.board-frame{grid-template:15px auto/14px 1fr}.handoff{inset:15px 0 0 14px}}@media (width<=360px){.article-page th,.article-page td{padding-inline:.45em}}