:root{color-scheme:dark;--bg:#10191e;--panel:#19252c;--line:#2c3c42;--muted:#9fb1b7;--text:#eef4ee;--accent:#d8ef9a;--red:#ff927e;--blue:#8fceff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 8%,#233132 0,transparent 45%),var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:4px}header{height:86px;max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);gap:20px}header>a:last-child{font-size:12px;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:3px;text-decoration:none;font-size:17px}.brand-mark{color:var(--accent);font-size:26px}.tag{font-size:9px;letter-spacing:1px;border:1px solid #76906c;border-radius:4px;color:var(--accent);padding:0 5px}.header-note{font-size:12px;color:var(--muted)}main{max-width:1250px;margin:auto;padding:42px 32px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:600;margin:10px 0}p{margin:8px 0 0}.intro p{color:var(--muted);font-size:15px}.primary{border:0;border-radius:7px;background:var(--accent);color:#233122;padding:12px 18px;font-weight:700;white-space:nowrap}.primary span{margin-left:20px}.primary:hover{background:#e8ffb1}.layout{display:grid;grid-template-columns:minmax(400px,1fr) 330px;gap:26px;align-items:start}.arena{border:1px solid var(--line);border-radius:14px;background:#142127;overflow:hidden;box-shadow:0 14px 50px #0002}.player-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--line)}.player-bar>div{display:flex;align-items:center;gap:10px}.player-bar b{font-size:24px;font-weight:500;margin-right:6px}.player-bar .muted{font-size:12px}.dot{width:9px;height:9px;display:inline-block;border-radius:50%}.red{background:var(--red)}.blue{background:var(--blue)}.bottom{border-top:1px solid var(--line);border-bottom:0}.muted{color:var(--muted)}.board-shell{padding:12px 23px 6px 8px;background:radial-gradient(ellipse,#30413c,#1c2a2a)}.board-wrap{display:grid;grid-template-columns:24px 1fr}.board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;aspect-ratio:1;border:3px solid #121f21;border-radius:4px;overflow:hidden;background:#1b2727;box-shadow:0 10px 26px #0004}.row-labels{display:grid;grid-template-rows:repeat(10,1fr);text-align:center;align-items:center;font:10px ui-monospace,monospace;color:#a4b4a5}.col-labels{display:grid;grid-template-columns:repeat(10,1fr);margin-left:24px;padding-top:7px;text-align:center;font:10px ui-monospace,monospace;color:#a4b4a5}.cell{position:relative;border:0;padding:0;min-width:0;aspect-ratio:1;background:var(--tile);box-shadow:inset 0 1px 0 #ffffff13,inset 0 -3px 0 #0002;display:flex;justify-content:center;align-items:center;border-radius:1px;transition:filter .12s}.cell:hover{filter:brightness(1.14)}.cell .height{position:absolute;top:1px;right:4px;font:9px ui-monospace,monospace;color:#f1f5da8c;pointer-events:none}.cell.selected{outline:3px solid var(--accent);outline-offset:-3px;background-blend-mode:screen}.cell.legal:after{content:'';position:absolute;width:17%;aspect-ratio:1;background:#e1fba7;border:1px solid #172819;border-radius:50%;box-shadow:0 0 10px #d7fba53b;pointer-events:none}.cell.attack{outline:2px dashed #ffbf8b;outline-offset:-3px}.cell.last{box-shadow:inset 0 0 0 2px #d4e5b873}.cell.source{box-shadow:inset 0 0 0 2px #d4e5b845}.glyph{position:relative;width:64%;height:64%;filter:drop-shadow(0 3px 1px #0008);pointer-events:none}.glyph.red-piece{color:var(--red)}.glyph.blue-piece{color:var(--blue)}.glyph svg{width:100%;height:100%;overflow:visible}.glyph .power{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1b2b2e;font-size:clamp(10px,1.3vw,15px);padding-top:3px}.glyph.sentinel .power{padding-top:9px}.exit-row{display:grid;grid-template-columns:repeat(10,1fr);margin-left:24px;min-height:29px;align-items:center;gap:2px}.exit-row button{padding:0;background:transparent;border:1px solid transparent;color:#a5b4988c;border-radius:3px;font-size:10px;line-height:24px}.exit-row button.available{background:#d8ef9a22;border-color:#d8ef9a;color:var(--accent);font-weight:700}.exit-row button.available:hover{background:#d8ef9a44}.board-legend{padding:12px 22px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.board-legend span{display:flex;align-items:center;gap:5px}.legal-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);display:inline-block}.attack-dot{height:9px;width:9px;border:1px dashed #ffbf8b;display:inline-block}.height-legend i{display:inline-block;width:35px;height:6px;background:linear-gradient(90deg,#3b5553,#9c986b);border-radius:3px}aside{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.panel h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:500;margin:10px 0}.panel h3{font-size:14px;margin:10px 0 7px;font-weight:600}.panel p{color:var(--muted);font-size:13px}.turn-panel{border-top:2px solid var(--accent)}.turn-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:20px;color:var(--muted);font-size:11px}.selection{min-height:135px}.piece-heading{display:flex;gap:10px;align-items:center;font-weight:700;font-size:16px;margin-top:10px}.piece-heading .glyph{width:34px;height:34px}.piece-numbers{display:flex;gap:14px;font-size:12px;margin-top:8px;color:var(--muted)}label{display:block;font-size:11px;color:var(--muted);margin-top:14px;margin-bottom:5px}select{width:100%;background:#121e24;color:var(--text);border:1px solid #3a4c52;border-radius:5px;padding:9px 6px;font-size:12px}.panel p.micro{font-size:10px;margin-top:9px}.model-stats{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:#bdcd9e;font-size:11px}.model-stats b{font-weight:500}.panel summary{cursor:pointer;font-size:12px;font-weight:600}.rules p{font-size:12px;margin-top:14px}.history{padding-left:20px;margin-bottom:0;max-height:260px;overflow:auto;font:11px/1.9 ui-monospace,monospace;color:var(--muted)}#log-count{float:right;color:var(--muted)}#error{color:#ffaf99;background:#ff927e12;border:1px solid #8d5144;padding:10px;border-radius:6px;font-size:12px;margin-top:12px}.pieces-guide{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pieces-guide article{display:flex;gap:15px;padding:22px 17px;align-items:center;border-right:1px solid var(--line)}.pieces-guide article:last-child{border:0}.guide-glyph{font-size:30px;color:#c6d5b1}.pieces-guide h3{font-size:13px;margin:0}.pieces-guide h3 span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.pieces-guide p{font-size:10px;color:var(--muted);margin-top:4px}footer{font-size:10px;color:#8c9fa6;text-align:center;margin-top:30px;line-height:1.9}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:25px;max-width:95vw}dialog::backdrop{background:#0009}dialog h2{margin-top:0}dialog>div{display:flex;gap:10px;margin-top:24px}dialog button:not(.primary){border:1px solid var(--line);background:transparent;color:var(--text);border-radius:6px;padding:10px}:focus-visible{outline:3px solid #f3ff9c!important;outline-offset:3px}.thinking .board{opacity:.75}.thinking #status:after{content:' ···';color:var(--accent)}
@media(min-width:1250px){.layout{grid-template-columns:minmax(400px,1fr) 340px}.board-shell{padding-left:16px;padding-right:31px}}
@media(max-width:950px){header{padding:0 24px}.header-note{display:none}main{padding:30px 20px}.layout{grid-template-columns:minmax(340px,1fr) 285px;gap:18px}.panel{padding:16px}.board-shell{padding-left:3px;padding-right:12px}.board-wrap{grid-template-columns:20px 1fr}.col-labels,.exit-row{margin-left:20px}.cell .height{font-size:8px;right:3px}.pieces-guide{grid-template-columns:1fr}.pieces-guide article{border-right:0;border-bottom:1px solid var(--line);padding:14px 20px}.pieces-guide h3 span{display:inline;margin-left:10px}.glyph .power{font-size:11px}.glyph.sentinel .power{padding-top:6px}}
@media(max-width:700px){header{height:67px;padding:0 16px}.brand{font-size:14px;letter-spacing:2px}header>a:last-child{font-size:10px}main{padding:26px 12px 20px}.intro{align-items:start;margin-bottom:20px}.intro p{font-size:12px;max-width:230px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:32px}.intro button{font-size:11px;padding:10px}.intro button span{display:none}.layout{grid-template-columns:1fr}.arena{border-radius:10px}.player-bar{padding:12px 18px}.board-shell{padding-left:4px;padding-right:15px}.board{gap:2px}.cell .height{font-size:8px}.glyph{width:63%;height:63%}.glyph .power{font-size:13px}.glyph.sentinel .power{padding-top:8px}.board-legend{font-size:9px;gap:10px;padding:10px 14px}aside{display:grid;grid-template-columns:1fr;gap:12px}.turn-panel{grid-column:auto}.panel{padding:16px}.turn-panel h2{margin:7px 0;font-size:22px}.turn-footer{margin-top:12px}.selection{min-height:0}aside>.panel:nth-child(3){grid-row:auto;grid-column:auto}aside>details:last-child{grid-column:auto}.pieces-guide{margin-top:20px}.pieces-guide h3 span{display:block;margin-left:0}.panel h3{font-size:13px}.panel p{font-size:12px}.eyebrow{font-size:9px}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}