:root{color-scheme:dark;--ink:#f1e5c9;--muted:#b4b7a8;--gold:#cba972;--teal:#498e8d;--red:#c86646;--panel:#163f3b;--edge:#8f9c773d}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.6 system-ui,sans-serif;background:radial-gradient(ellipse at 50% 0,#245650,#0c2827 65%);min-height:100vh}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f4d398;outline-offset:4px}a{color:inherit}button{color:var(--ink)}[hidden]{display:none!important}.site-header{height:76px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));gap:20px;background:#0c282799}.collection-link{text-decoration:none;font-size:13px}.edition,.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:650}.introduction{text-align:center;padding:36px 20px 28px}.introduction h1{font:normal clamp(38px,5vw,60px)/1.1 Georgia,serif;margin:12px 0 14px}.introduction>p:last-child{color:var(--muted);margin:0}main{max-width:1280px;margin:auto;padding:0 32px}.match-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(280px,360px);gap:38px;justify-content:center;align-items:start}.play-area{min-width:0}.board-shell{padding:12px 0}.board{position:relative;width:100%;aspect-ratio:1;background:url('assets/shavari/board-inlay.svg') center/100% 100%;box-shadow:0 16px 45px #0006;border-radius:12px}#board-nodes{position:absolute;inset:7.5%}.intersection{position:absolute;width:11.7%;height:11.7%;padding:0;background:none;border:0;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;isolation:isolate}.intersection::before{content:'';position:absolute;width:30%;height:30%;border-radius:50%;pointer-events:none}.intersection.legal::before{background:#1d6f4c;border:2px solid #fff0b7;box-shadow:0 1px 4px #0006}.intersection.legal-stack::before,.intersection.legal-capture::before{width:97%;height:97%;background:none;border:3px solid #176d60}.intersection.legal-capture::before{border-color:#a9382c}.intersection.selected::before{width:110%;height:110%;border:3px solid #fff1b7;box-shadow:0 0 0 2px #73512e}.intersection.last::after{content:'';position:absolute;width:99%;height:99%;border:2px dotted #765325;border-radius:50%;z-index:-1}.intersection:focus-visible{outline-color:#135d5b;outline-offset:2px}.token{position:relative;display:grid;place-items:center;width:82%;height:82%;border-radius:50%;border:2px solid #ecd69c;background:radial-gradient(circle at 30% 20%,#c76b43,#793827);box-shadow:0 3px 0 #442018,0 5px 9px #0007,inset 0 0 0 2px #3d23124d;pointer-events:none}.token.p2{background:radial-gradient(circle at 30% 20%,#3d9d99,#155250);box-shadow:0 3px 0 #113332,0 5px 9px #0007,inset 0 0 0 2px #13312d77}.token img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 1px 1px #0008)}.token.height-2{box-shadow:0 3px 0 #bf9b66,0 5px 0 #543922,0 7px 7px #0008}.token.height-3{box-shadow:0 3px 0 #bf9b66,0 5px 0 #543922,0 7px 0 #bf9b66,0 9px 0 #543922,0 11px 8px #0008}.height-badge{position:absolute;top:-12%;right:-12%;border-radius:50%;background:#172f2b;border:1px solid #ead29b;min-width:34%;height:34%;font-size:clamp(9px,1vw,12px);line-height:1;display:grid;place-items:center;color:#fff1cf}.coordinate{position:absolute;transform:translate(-50%,-50%);font:600 clamp(7px,1vw,11px)/1 system-ui;color:#f6dfa8;text-shadow:0 1px 2px #000}.player-strip{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--edge);background:#102f2c;border-radius:5px}.player-strip strong{font:normal 20px Georgia}.player-strip small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.player-mark{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:36px;height:36px;font:16px Georgia;color:var(--teal)}.carnelian .player-mark{color:var(--red)}.army-count{margin-left:auto;color:var(--muted);font-size:12px}.player-strip.active{border-color:#cba97299}.board-tools{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.board-tools>span{font-size:11px;color:var(--muted)}.legend-dot{display:inline-block;background:#4eac73;width:7px;height:7px;border-radius:50%;margin:0 3px 0 8px}.stack-dot{background:#4ea5a0}.capture-dot{background:#d7775c}.match-panel{display:grid;gap:18px}.panel{background:linear-gradient(135deg,#1b4943,#123b36);border:1px solid var(--edge);border-radius:5px;padding:23px}.panel h2{font:normal 24px/1.25 Georgia;margin:0 0 14px}.turn-panel h2{font-size:29px;color:#edc596}.turn-panel .eyebrow{margin:0 0 10px}.turn-panel>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:8px 0 0}.turn-panel #notice{color:#ffdf9d}.mode-toggle{display:flex;gap:5px;padding:5px;border:1px solid #a6b38b44;background:#0e302c;border-radius:5px;margin-bottom:19px}.mode-toggle button{border:none;background:none;border-radius:3px;padding:9px 4px;flex:1;font-size:12px}.mode-toggle button[aria-pressed=true]{background:#45645a;color:#ffe6b6;box-shadow:0 1px 3px #0004}.selection-detail{font-size:13px;min-height:54px;display:flex;align-items:center;gap:14px;color:var(--ink)}.selection-pieces{display:flex;flex-shrink:0;gap:3px}.selection-pieces img{width:28px;height:28px;padding:3px;border:1px solid #cba97255;background:#315c53;border-radius:50%}.selection-detail strong{display:block}.selection-detail small{color:var(--muted)}.fine-print{font-size:11px;color:var(--muted);margin:16px 0 0}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:5px}.panel-title>span{font-size:10px;color:var(--muted)}#move-history{height:152px;overflow:auto;scrollbar-color:#5e7f6c #113830;margin:0 0 16px;padding:0;list-style:none;font-size:12px}#move-history li{padding:6px 0;border-bottom:1px solid #a6b38b22;color:#ded9c2;display:flex;gap:8px}#move-history .ply-no{color:#96af9c;min-width:26px}.empty-history{color:var(--muted)!important;font-style:italic}.history-tools{display:flex;gap:6px;justify-content:space-between}.quiet-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #a6b38b55;border-radius:4px;background:#133b35;padding:10px 14px;font-size:12px;min-height:42px}.quiet-button:hover{background:#2b574b}.primary-button{background:linear-gradient(#e1c48b,#b98d52);color:#253a30;border-color:#e2c797;font-weight:700;box-shadow:0 2px 0 #846438}.primary-button:hover{filter:brightness(1.08)}.history-tools button{padding:7px 10px}.match-actions{display:flex;flex-wrap:wrap;gap:10px}.piece-guide{display:grid;grid-template-columns:230px 1fr;gap:40px;padding:46px 0 40px;margin-top:38px;border-top:1px solid var(--edge)}.piece-guide h2{font:normal 30px Georgia;margin:10px 0}.piece-guide p:not(.eyebrow){font-size:12px;color:var(--muted)}.guide-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-card{padding:20px 14px;background:#153b35;border:1px solid var(--edge);border-radius:5px}.guide-card img{width:46px;height:46px;opacity:.9;margin-bottom:12px}.guide-card h3{font:normal 18px/1.2 Georgia;margin:0 0 10px}.guide-card p{font-size:11px!important;margin:0}.guide-card small{color:var(--gold);font-size:10px;display:block;margin-top:12px}footer{text-align:center;padding:22px;font-size:10px;letter-spacing:.3px;color:var(--muted);border-top:1px solid var(--edge)}dialog{color:var(--ink);background:#133e37;border:1px solid #bd9e67;border-radius:8px;max-width:620px;max-height:85vh;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#081d1bdc}dialog h2{font:normal 32px Georgia}dialog h3{font:normal 22px Georgia;color:#dfc38f}dialog p{font-size:14px;color:#d0d7c4}.dialog-header,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-actions{justify-content:flex-end;margin-top:25px}#confirm-dialog{max-width:470px}body:has(dialog[open]){overflow:hidden}@media(max-width:1000px){main{padding:0 22px}.match-layout{gap:22px;grid-template-columns:minmax(0,1fr) 300px}.piece-guide{grid-template-columns:1fr;gap:20px}.guide-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){main{padding:0 18px}.site-header{padding:0 18px;height:64px;gap:10px}.edition{display:none}.introduction{padding:26px 10px 24px}.introduction>p:last-child{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.7px}.match-layout{grid-template-columns:1fr;gap:24px;max-width:600px;margin:auto}.player-strip{padding:9px 12px}.player-strip strong{font-size:18px}.board-shell{padding:10px 0}.panel{padding:20px}.match-panel{grid-template-columns:1fr 1fr;gap:12px}.turn-panel,.chronicle,.match-actions{grid-column:1/-1}.formation-panel{grid-column:1/-1}.turn-panel h2{font-size:26px}.guide-cards{grid-template-columns:1fr 1fr}.piece-guide{padding-top:30px;margin-top:30px}.board-tools>span{font-size:10px}.board-tools .quiet-button{padding:9px 12px}.legend-dot{margin-left:3px}.intersection .token{border-width:1px}#move-history{height:130px}.piece-guide .eyebrow{margin-top:0}.match-actions .quiet-button{flex:1}.match-actions .primary-button{flex:1}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}.token{transition:filter .15s}.intersection:hover .token{filter:brightness(1.14)}}

.mobile-mode{display:none}
@media(max-width:760px){.mobile-mode{display:flex;margin:0;flex:1;max-width:230px;padding:3px}.mobile-mode button{min-height:38px}.formation-panel>.mode-toggle{display:none}.board-tools{flex-wrap:wrap}.board-tools>span{width:100%;text-align:center}.quiet-button,.primary-button{min-height:44px}}

.board-shell{position:relative}.stack-ribbon{position:absolute;display:flex;gap:1px;bottom:-12%;left:50%;transform:translateX(-50%);padding:1px;background:#102b25;border:1px solid #dfbe7a;border-radius:3px;width:95%;justify-content:center}.stack-ribbon img{width:30%;height:auto;aspect-ratio:1;border-radius:50%;background:#934828;filter:none}.stack-ribbon img.p2,.selection-pieces img.p2{background:#226763}.selection-pieces img.p1{background:#934828}.intersection.legal-cover::before{border-style:double;border-color:#e1bf63}.mode-toggle button{font-size:11px}.board-tools{flex-wrap:wrap}.mobile-mode{max-width:none}@media(max-width:760px){.mobile-mode{flex-basis:calc(100% - 100px)}.stack-ribbon{bottom:-16%}}


.cover-dot{background:#e1bf63}

.local-opponent-control{display:grid;gap:5px;width:100%;color:var(--text,#eee);font-size:13px}.local-opponent-control select{width:100%;min-height:42px;padding:8px;border-radius:8px}.local-opponent-control small{opacity:.75}.local-opponent-control[hidden]{display:none!important}