:root{color-scheme:light;--paper:#f2f0e7;--ink:#182b27;--muted:#6c756c;--line:#d7d9cc;--green:#c3ed91;--red:#f8785f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #edb34d;outline-offset:4px}button{touch-action:manipulation}.masthead{max-width:1280px;margin:auto;padding:27px 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:900;font-size:20px;letter-spacing:-.7px}.brand-icon{background:var(--ink);color:var(--green);width:33px;height:33px;display:grid;place-items:center;font-size:28px;border-radius:4px}.edition{margin-left:18px;font:10px monospace;letter-spacing:1px;color:var(--muted)}.build-label{font:10px monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.build-label i{width:6px;height:6px;border-radius:50%;background:#4f8143}main{max-width:1140px;margin:auto;padding:43px 28px 24px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.7px;margin:0 0 13px}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:1;margin:0 0 13px;font-weight:800}.intro{color:var(--muted);font-size:15px;margin:0}.best{text-align:right;padding-bottom:2px}.best span{font:10px monospace;letter-spacing:1.2px}.best strong{display:block;font:32px/1.4 monospace;letter-spacing:-1px}.best small{display:block;font-size:10px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.arena{background:var(--ink);padding:0 20px;border-radius:12px;box-shadow:0 10px 30px #182b2712;overflow:hidden}.arena-bar{height:58px;display:flex;align-items:center;justify-content:space-between;color:#eef0e5;font:10px monospace;letter-spacing:1px}.arena-bar>span{display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.arena-bar button{background:#ffffff0b;border:1px solid #ffffff25;color:#fff;border-radius:5px;padding:7px 10px;font-size:12px}.incoming{background:#233831;color:#b4c4b9;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.3px;padding:10px 12px}.timer-track{height:3px;background:#3f4d3f;overflow:hidden}#timer{background:var(--green);height:100%;width:100%;transform-origin:left;transition:background .2s}.board-wrap{position:relative;aspect-ratio:1;isolation:isolate}#board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:100%;width:100%}.square{position:relative;border:0;padding:0;display:grid;place-items:center;border-radius:0;background:#c7cbbb}.square.dark{background:#748779}.square .rank{position:absolute;left:4px;top:3px;font:9px monospace;color:#243d3066}.square.selected{background:#e4efaa;box-shadow:inset 0 0 0 3px #e9f8a2}.square.legal:after{content:'';width:16%;height:16%;border-radius:50%;background:#152e2a88;z-index:2;pointer-events:none}.square.capture:after{width:80%;height:80%;background:transparent;border:3px solid #fff4ca}.square:focus-visible{outline:3px solid #f2b34d;outline-offset:-3px;z-index:3}.square:hover{box-shadow:inset 0 0 0 2px #fff7}.square.selected:hover{box-shadow:inset 0 0 0 3px #e9f8a2}#pieces{position:absolute;inset:0;pointer-events:none}.piece{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;transition:left .18s ease,top .26s ease;pointer-events:none}.piece-token{height:100%;width:100%;display:grid;place-items:center}.piece.selected .piece-token{filter:drop-shadow(0 0 2px #dfff99)}.piece img{filter:drop-shadow(0 1px .6px #182b2780);width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.piece.enemy{z-index:1}.overlay{position:absolute;inset:0;background:#142b2680;backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:5}.overlay[hidden]{display:none}.overlay-card{background:var(--paper);border:1px solid #fff7;text-align:center;border-radius:10px;width:min(350px,100%);padding:32px 26px;box-shadow:0 15px 50px #0a221a55}.overlay-card h2{font-size:34px;letter-spacing:-1.5px;line-height:1.05;margin:10px 0 16px}.overlay-card p{font-size:13px;line-height:1.7;color:#59665c;margin:0 0 22px}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:#e2f1cf;border:0;border-radius:5px;padding:15px 19px;width:100%;font-weight:700}.primary:hover{background:#304d3e}.primary span{font-size:22px;line-height:16px}#overlay-hint{font-size:10px;color:var(--muted);display:block;margin-top:16px;line-height:1.5}.file-labels{display:grid;grid-template-columns:repeat(8,1fr);height:25px;align-items:center;text-align:center;color:#adbeac;font:9px monospace}.arena-footer{display:flex;align-items:center;gap:19px;height:43px;border-top:1px solid #ffffff15;color:#b8c7b9;font:8px monospace;letter-spacing:1px}.arena-footer>span{display:flex;align-items:center;gap:6px}.legend{height:6px;width:6px;border-radius:50%}.legend.friendly{background:var(--green)}.legend.enemy{background:var(--red)}.key-note{margin-left:auto;color:#829584}.dashboard{display:grid;gap:18px}.score-card{background:#e5e7d9;border:1px solid #d9decc;padding:21px;border-radius:9px}.score-card .eyebrow{margin-bottom:5px}.score-line{display:flex;align-items:baseline;gap:10px}.score-line strong{font:54px/.98 monospace;letter-spacing:-4px}.score-line>span{font:10px monospace;color:var(--muted)}.run-stats{display:flex;justify-content:space-between;border-top:1px solid #cbd3c1;margin-top:18px;padding-top:14px}.run-stats span{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted)}.run-stats b{display:block;margin-top:7px;font:18px monospace}.defense-card{padding:0 2px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-label h2{font-size:14px;margin:0;letter-spacing:-.2px}.section-label>span{font:9px monospace;color:var(--muted)}#shields{display:flex;gap:6px}#shields span{display:block;flex:1;height:7px;border-radius:2px;background:#728d54}#shields .lost{background:#d5d8ca}.defense-card p,.tip{font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0 0}.squad-card{border-top:1px solid var(--line);padding-top:18px}#squad{display:flex;gap:7px}.squad-choice{width:33.333%;padding:10px 3px 7px;border:1px solid #d1d7c7;background:#e9ecdf;border-radius:7px;display:flex;flex-direction:column;align-items:center;color:var(--ink);gap:5px}.squad-choice img{filter:drop-shadow(0 1px .6px #182b2770);height:52px;width:52px;object-fit:contain;pointer-events:none}.squad-choice span{font-size:11px}.squad-choice small{font:9px monospace;color:var(--muted)}.squad-choice[aria-pressed=true]{background:#cfe8b0;border-color:#769557}.squad-choice:disabled{opacity:.42}.how-card{border-top:1px solid var(--line);padding-top:19px}.how-card h2{font-size:23px;line-height:1.15;letter-spacing:-.8px;margin:0 0 17px}.how-card .eyebrow{color:#77826c;font-size:8px;margin-bottom:8px}.how-card ol{list-style:none;counter-reset:guide;padding:0;margin:0}.how-card li{counter-increment:guide;font-size:11px;line-height:1.6;color:var(--muted);padding-left:27px;position:relative;margin-bottom:11px}.how-card li:before{content:'0' counter(guide);position:absolute;left:0;top:1px;font:10px monospace;color:#75885a}.how-card li b{color:var(--ink)}.how-card>p{font-size:10px;line-height:1.6;color:var(--muted)}.status-strip{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 0;border-bottom:1px solid var(--line)}.status-icon{font-size:22px;color:#71855c}.status-strip p{flex:1;margin:0;font-size:12px;line-height:1.5;color:#52634e}.status-strip button{border:1px solid #c4cdb9;border-radius:4px;padding:8px 12px;background:transparent;font-size:11px;color:var(--ink);white-space:nowrap}footer{display:flex;justify-content:space-between;gap:16px;margin-top:25px;color:#818878;font:8px monospace;letter-spacing:1px}.muted{padding:0 6px;color:#b5bca8}@media(min-width:1300px){main{padding-top:48px}}@media(max-width:850px){.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.arena{padding:0 12px}.key-note{display:none}.score-line strong{font-size:44px}.how-card h2{font-size:20px}}@media(max-width:650px){.masthead{padding:17px 18px}.edition{display:none}.wordmark{font-size:17px}.build-label{font-size:8px}main{padding:29px 16px 20px}.heading{margin-bottom:24px;gap:12px}h1{letter-spacing:-1.8px;font-size:39px}.eyebrow{font-size:8px;letter-spacing:1px}.intro{font-size:12px}.best strong{font-size:25px}.best span{font-size:8px}.best small{display:none}.game-layout{display:flex;flex-direction:column;gap:20px}.arena{width:100%;padding:0 10px;border-radius:8px}.arena-bar{height:46px}.dashboard{width:100%;grid-template-columns:1fr 1fr;gap:16px}.score-card{padding:15px;grid-row:span 2}.score-line strong{font-size:38px}.run-stats{flex-wrap:wrap;gap:14px}.defense-card{padding:0}.squad-card{padding-top:13px}.squad-choice{padding:7px 1px}.squad-choice img{height:40px;width:40px}.squad-choice span{font-size:9px}.section-label>span{display:none}.tip{font-size:10px}.how-card{grid-column:1/-1}.how-card h2 br{display:none}.how-card h2{font-size:22px}.how-card ol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.how-card li{padding-left:0;padding-top:20px}.how-card li:before{top:0}.overlay-card{padding:23px 20px;max-width:285px}.overlay-card h2{font-size:28px}.overlay-card p{font-size:12px;margin-bottom:16px}.overlay-card .eyebrow{font-size:8px}.piece-token{height:100%;width:100%;display:grid;place-items:center}.incoming{font-size:8px}.arena-footer{font-size:7px;height:34px}footer{font-size:7px;line-height:1.6}footer>span:last-child{max-width:135px;text-align:right}.status-strip p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Piece artwork stays above square focus rings; the start/pause card stays above both. */
#pieces{z-index:4}
@media(min-width:851px){main{max-width:min(1140px,calc(100vh + 40px))}}
.turn-card{padding:18px;background:#e5eadc;border:1px solid #cbd5bf;border-radius:9px}.turn-card label{display:block;font-size:12px;margin-bottom:7px}.turn-card select{width:100%;padding:9px 8px;border:1px solid #abb99c;border-radius:4px;background:#f7f7ef;color:var(--ink);font:12px Arial,sans-serif}.turn-card select:focus-visible{outline:3px solid #bd8f37;outline-offset:2px}.turn-card p{font-size:10px;line-height:1.4;color:#59694c;margin:8px 0 12px;min-height:14px}.turn-card .primary{padding:11px 14px;font-size:12px}.piece.moved:after{content:'✓';position:absolute;right:5%;bottom:5%;height:19%;width:19%;min-height:12px;min-width:12px;background:#284b35;border:1px solid #edffd5;border-radius:50%;color:#fff;font:bold clamp(9px,1.1vw,14px) Arial;display:grid;place-items:center}.squad-choice:disabled{opacity:.7}.squad-choice small{font-size:8px;letter-spacing:.5px}.squad-choice:disabled small{font-weight:bold;color:#506044}@media(max-width:650px){.turn-card{grid-column:1/-1;padding:14px}.turn-card .section-label>span{display:block}.turn-card select{font-size:16px}.turn-card p{font-size:11px}.turn-card .primary{min-height:42px}}