:root{--bg:#0d0b09;--panel:#14100dd1;--panel-solid:#1a1511;--line:#e8d6b12e;--text:#eadcc0;--muted:#a8977b;--accent:#e0a64a;--shot:#ff7a3a;--check:#ff4a36;--ice:#7fd0ff;--accent-rgb:224, 166, 74;--accent-hover:#f0b85c;--on-accent:#1a120b;--on-shot:#1a0d05;--move-active:#f3e6a2;--check-text:#ff8a78;--line-strong:#e8d6b173;--ghost-bg:#ffffff0a;--hover-tint:#ffffff0f;--inset-bg:#0000004d;--scrim:#0806058c;--menu-scrim:radial-gradient(ellipse at center, #0d0b0933, #0d0b09bf);--card-bg:linear-gradient(160deg, #261e17f0, #100c09f5);--title-fill:linear-gradient(180deg, #fff3cf 0%, #e8b85e 34%, #9a6324 52%, #c88a3a 58%, #f6d58c 100%);--title-filter:drop-shadow(1px 1px 0 #4a2c10) drop-shadow(2px 2px 0 #3a220c) drop-shadow(3px 3px 0 #2a1808) drop-shadow(0 6px 8px #0009);--heading-fill:linear-gradient(180deg, #fff3cf, #e8b85e);--emph:#f6d58c;--good:#b9e58f;--bad:#ff9a86;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--display-weight:700;--display-case:none;--display-spacing:normal;--title-size:38px;--radius:8px;--radius-panel:10px;--radius-card:14px;--radius-pill:999px;--panel-shadow:none;--shoot-edge:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);font:15px/1.45 var(--font-ui);margin:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{touch-action:none;display:block}.flat-board .pulse,.flat-board .pulse-ring{transform-box:fill-box;transform-origin:50%;animation:1.3s ease-in-out infinite mark-pulse}.flat-board .pulse-ring{animation-name:mark-pulse-ring}@keyframes mark-pulse{0%,to{transform:scale(.75)}50%{transform:scale(1.2)}}@keyframes mark-pulse-ring{0%,to{transform:scale(.97)}50%{transform:scale(1.05)}}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh}#pause-btn,#actbar{top:max(16px, env(safe-area-inset-top))}.corner{bottom:max(16px, env(safe-area-inset-bottom))!important}@media (pointer:coarse){button{min-height:44px}button.small{min-height:38px;padding:.45em .9em}#toggle button{padding:.7em 1.4em}.key{display:none}}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);text-transform:var(--display-case);letter-spacing:var(--display-spacing);margin:0 0 .6em}button{font:inherit;color:var(--on-accent);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.6em 1.1em;transition:background .15s,border-color .15s,opacity .15s}[hidden]{display:none!important}@media (hover:hover){button:hover{background:var(--accent-hover)}button.ghost:hover{border-color:var(--line-strong)}.seg button:hover{background:var(--hover-tint)}}button.ghost{background:var(--ghost-bg);color:var(--text);border-color:var(--line)}button.ghost.active{border-color:var(--accent);color:var(--accent)}button.small{padding:.35em .75em;font-size:13px}.title-screen{z-index:50;transition:opacity .45s;position:absolute;inset:0}.title-screen canvas{width:100%;height:100%;display:block}.title-screen.fade{opacity:0}.title-progress{text-align:center;width:min(360px,70vw);color:var(--muted);font-size:13px;transition:opacity .3s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.title-progress .bar{background:var(--hover-tint);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.title-progress .bar span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}#main-menu{background:var(--menu-scrim);z-index:10;place-items:center;display:grid;position:absolute;inset:0}#main-menu[hidden],#hud[hidden],#end[hidden]{display:none}.menu-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);width:min(340px,100vw - 32px);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;flex-direction:column;gap:10px;padding:28px;display:flex}.menu-card h1{font-size:var(--title-size);background:var(--title-fill);color:#0000;filter:var(--title-filter);-webkit-background-clip:text;background-clip:text;margin-bottom:0;line-height:1.05}.menu-card h1 span{display:block}.menu-card .tag{color:var(--muted);margin:0 0 12px}.menu-card .view{flex-direction:column;gap:10px;display:flex}.menu-card .view[hidden]{display:none}.menu-card .options-view h2{margin:0 0 4px;font-size:20px}.setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border-radius:0;padding:.35em .9em}.seg button.active{background:var(--accent);color:var(--on-accent)}#hud{pointer-events:none;z-index:5;position:absolute;inset:0}#hud>*{pointer-events:auto}#pause-btn{background:var(--panel);color:var(--text);border-color:var(--line);position:absolute;top:16px;left:16px}#actbar{align-items:stretch;gap:8px;display:flex;position:absolute;top:16px;right:16px}#undo{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--panel-shadow);font-weight:600;position:relative;overflow:hidden}#undo .undo-time{font-family:var(--font-mono);color:var(--muted);margin-left:.45em}#undo:after{content:"";height:3px;width:calc(var(--undo-left,1) * 100%);background:var(--accent);transition:width .1s linear;position:absolute;bottom:0;left:0}#undo:disabled{opacity:.55}@media (width<=520px){#undo{top:calc(max(16px, env(safe-area-inset-top)) + 150px);position:fixed;left:50%;transform:translate(-50%)}}#toggle{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);display:flex;overflow:hidden}#toggle button{color:var(--muted);background:0 0;border-radius:0;padding:.6em 1.3em;font-weight:600}#toggle button.active[data-mode=move]{background:var(--move-active);color:var(--on-accent)}#toggle button.active[data-mode=shoot]{background:var(--shot);color:var(--on-shot)}.turn{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:220px;box-shadow:var(--panel-shadow);padding:8px 18px;position:absolute;top:14px;left:50%;transform:translate(-50%);pointer-events:none!important}.turn .side{font-family:var(--font-display);font-size:18px;font-weight:var(--display-weight);text-transform:var(--display-case);letter-spacing:var(--display-spacing)}.turn.w .side:before,.turn.b .side:before{content:"";vertical-align:1px;border:1px solid #8a7a60;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.turn.w .side:before{background:#efe3c8}.turn.b .side:before{background:#2b1e18}.turn .last{color:var(--muted);font-size:13px}.turn.check{border-color:var(--check);box-shadow:0 0 18px #ff4a3659}.turn.check .side{color:var(--check-text)}#log{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);width:230px;max-height:calc(100% - 150px);box-shadow:var(--panel-shadow);flex-direction:column;padding:12px;display:flex;position:absolute;top:72px;right:16px}#log h3{margin-bottom:6px;font-size:15px}#log .scroll{flex:1;min-height:40px;overflow-y:auto}#log ol{font:13px/1.6 var(--font-mono);margin:0;padding:0;list-style:none}#log li{grid-template-columns:34px 1fr 1fr;display:grid}#log li.result{color:var(--accent);margin-top:6px;display:block}#log .no{color:var(--muted)}#log .act.shot{color:var(--shot)}.log-actions{gap:6px;margin-top:8px;display:flex}.code-box{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.code-box summary{cursor:pointer;-webkit-user-select:none;user-select:none}.code-box summary:hover{color:var(--text)}.code-box code{font:11px/1.4 var(--font-mono);color:var(--text);word-break:break-all;background:var(--inset-bg);border-radius:6px;padding:6px}.code-box button{align-self:flex-start}#info{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--panel-shadow);opacity:0;font-family:var(--font-mono);white-space:nowrap;padding:8px 16px;transition:opacity .15s,transform .15s;position:absolute;bottom:70px;left:50%;transform:translate(-50%)translateY(8px);pointer-events:none!important}#info.show{opacity:1;transform:translate(-50%)}.corner{gap:8px;display:flex;position:absolute;bottom:16px}.corner.bl{left:16px}.corner.br{right:16px}.corner button{background:var(--panel)}#log:not(.open){display:none}#modals{pointer-events:none;z-index:20;position:absolute;inset:0}.modal-wrap{background:var(--scrim);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.modal{background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius-card);width:min(380px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--panel-shadow);flex-direction:column;gap:10px;padding:24px;display:flex;overflow-y:auto}.modal h2{font-size:22px}.modal .row{gap:8px;display:flex}.modal .row button{flex:1}.modal.rules{width:min(620px,100vw - 32px)}.modal.rules p{margin:0}.modal.rules table{border-collapse:collapse;font-size:14px}.modal.rules td,.modal.rules th{text-align:left;border-bottom:1px solid var(--line);padding:4px 8px}.modal.end{border-color:var(--accent);text-align:center;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.modal.end p{color:var(--muted);margin:0}@media (width<=760px),(orientation:portrait) and (width<=1100px){#log{width:auto;max-height:28vh;inset:auto 16px 64px}.turn{top:calc(max(16px, env(safe-area-inset-top)) + 54px);min-width:0;max-width:calc(100vw - 32px);padding:6px 14px}.turn .side{font-size:16px}#info{white-space:normal;text-align:center;max-width:calc(100vw - 32px);bottom:calc(max(16px, env(safe-area-inset-bottom)) + 54px)}}.modal-wrap:not(:last-child){visibility:hidden}.menu-card .ver{opacity:.6;font-size:12px}.menu-card .scores-view h2{margin:0 0 4px;font-size:20px}.menu-card .scores-view h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;font-size:12px}.score-table{border-collapse:collapse;text-align:center;width:100%;margin-bottom:8px}.score-table th,.score-table td{border-bottom:1px solid var(--line);padding:6px 8px;font-weight:600}.score-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.score-table tbody th{text-align:left}.score-table td.win{color:var(--good)}.score-table td.loss{color:var(--bad)}.score-table tr.total th,.score-table tr.total td{color:var(--muted);border-bottom:none}.scores-view .campaign-score{color:var(--muted);margin:0 0 8px}.scores-view .small:disabled{opacity:.4;cursor:default}.menu-card .about-view h2{margin:0 0 4px;font-size:20px}.menu-card .about-view h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;font-size:12px}.about-view p{margin:0 0 8px;line-height:1.45}.about-view .author,.about-view .asset-note{color:var(--muted)}.about-view a{color:var(--accent)}.menu-card .saves-view h2,.menu-card .newgame-view h2{margin:0 0 4px;font-size:20px}.menu-card button .count{background:var(--inset-bg);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.save-list{flex-direction:column;gap:6px;max-height:min(46vh,360px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.save-list li{gap:6px;display:flex}.save-list .load{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.save-list .load span{color:var(--muted);font-size:12px}.save-list .delete{flex:none;font-size:18px;line-height:1}.start-code{text-align:left}.start-code input{width:100%;font:11px/1.4 var(--font-mono);color:var(--text);background:var(--inset-bg);border:1px solid var(--line);border-radius:6px;margin-top:4px;padding:6px}.start-code .error{color:var(--danger,#e5484d)}.menu-card button .badge{display:none}.menu-card button.fresh{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .35), 0 0 18px rgba(var(--accent-rgb), .25)}.menu-card button.fresh .badge{background:var(--accent);color:var(--on-accent);vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.tutorial{z-index:8;pointer-events:none;position:absolute;inset:0}.tutorial>*{pointer-events:auto}.tut-exit{top:max(16px, env(safe-area-inset-top));background:var(--panel);position:absolute;left:16px}.tut-toggle{top:max(16px, env(safe-area-inset-top));background:var(--panel);position:absolute;right:16px}.tut-toggle button{padding:.6em 1.3em;font-weight:600}.tut-toggle button.active[data-mode=shoot]{background:var(--shot)}.tut-toggle button.active[data-mode=move]{background:var(--move-active)}.tut-card{background:var(--card-bg);border:1px solid rgba(var(--accent-rgb), .28);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(420px,40vw);padding:20px 22px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 20px 60px #0000008c}.tut-card.enter{animation:.35s cubic-bezier(.2,.8,.2,1) tut-in}@keyframes tut-in{0%{opacity:0;transform:translateY(calc(14px - 50%))}}.tut-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.tut-chapter.ballistic{color:var(--shot)}.tut-chapter.basics{color:var(--accent)}.tut-progress{gap:4px;margin:10px 0 14px;display:flex}.tut-progress i{background:var(--hover-tint);border-radius:2px;flex:1;height:4px}.tut-progress i.past{background:rgba(var(--accent-rgb), .5)}.tut-progress i.on{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb), .7)}.tut-card h2{background:var(--heading-fill);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px}.tut-text{margin:0 0 10px;line-height:1.55}.tut-text b{color:var(--emph)}.tut-task{border-left:3px solid var(--accent);background:rgba(var(--accent-rgb), .08);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 10px;padding:8px 12px;font-weight:600}.tut-feedback{min-height:1.5em;color:var(--muted);margin:0 0 12px;font-size:14px}.tut-feedback.good{color:var(--good);animation:.4s ease-out tut-pop}.tut-feedback.bad{color:var(--bad);animation:.35s ease-out tut-shake}.tut-feedback .mark{color:#10200a;background:#7cc04a;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-grid}@keyframes tut-pop{0%{opacity:0;transform:scale(.94)}}@keyframes tut-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tut-actions{gap:8px;display:flex}.tut-actions button{white-space:nowrap;flex:1}.tut-actions button:disabled,.tut-jump:disabled{opacity:.4;cursor:default}.tut-actions button.pulse{animation:1.4s ease-in-out infinite tut-pulse}@keyframes tut-pulse{50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb), .25), 0 0 22px rgba(var(--accent-rgb), .5)}}.tut-jump{width:100%;color:var(--muted);background:0 0;border:none;margin-top:10px;padding:6px;font-size:13px;display:block}@media (hover:hover){.tut-jump:hover{color:var(--accent);background:0 0}}.tut-promo{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.tut-promo p{margin:0 6px 0 0}.tut-splash{background:var(--menu-scrim);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.tut-hero{text-align:center;background:var(--card-bg);border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-card);width:min(560px,100%);padding:30px;animation:.5s cubic-bezier(.2,.8,.2,1) tut-rise;box-shadow:0 30px 80px #0009}@keyframes tut-rise{0%{opacity:0;transform:translateY(20px)scale(.98)}}.tut-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.tut-hero h1{background:var(--title-fill);color:#0000;filter:var(--title-filter);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:40px}.tut-hero>p{color:var(--muted);margin:0 0 20px}.tut-choices{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.tut-choice{background:var(--ghost-bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:4px;padding:18px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.tut-choice .icon{color:var(--accent);font-size:40px;line-height:1}.tut-choice.hot .icon{color:var(--shot)}.tut-choice small{color:var(--muted)}@media (hover:hover){.tut-choice:hover{background:var(--hover-tint);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #0006}}.camp-hero{width:min(760px,100%);max-height:92vh;overflow-y:auto}.camp-hero h1{margin-bottom:4px}.camp-chapter{text-align:left;margin:0 0 14px}.camp-chapter h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:baseline;gap:10px;margin:0 0 8px;font-size:14px;display:flex}.camp-chapter h3 small{letter-spacing:0;text-transform:none;color:var(--muted);font-size:12px}.camp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.camp-tile{text-align:left;background:var(--ghost-bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 12px;transition:transform .15s,border-color .15s;display:flex}.camp-tile b{flex:1;font-weight:600}.camp-tile .camp-num{background:var(--inset-bg);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.camp-tile i{color:var(--muted);font-size:12px;font-style:normal}.camp-tile.done i{color:var(--good);font-weight:700}.camp-tile.done i.over-par{color:var(--emph)}.camp-tile.next{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18)}.camp-tile.next .camp-num{background:var(--accent);color:var(--on-accent)}.camp-tile.locked{opacity:.45;cursor:default}@media (hover:hover){.camp-tile:not(:disabled):hover{background:var(--hover-tint);border-color:var(--accent);transform:translateY(-1px)}}.camp-brief{width:min(600px,100%)}.camp-brief h1{font-size:36px}.camp-brief .camp-story{color:var(--text);text-align:left;margin:0 0 14px;line-height:1.6}.camp-brief .tut-task{text-align:left}.camp-hint{color:var(--muted);text-align:left;margin:0 0 12px;font-size:14px;line-height:1.5}.camp-hint b{color:var(--emph)}.camp-brief .camp-hint{margin-bottom:18px}.camp-buttons{justify-content:center;gap:10px;display:flex}.camp-buttons button{flex:1;max-width:240px}.camp-buttons button.pulse{animation:1.4s ease-in-out infinite tut-pulse}.camp-turns{color:var(--emph);font-weight:700}.camp-turns.over{color:var(--muted)}.tut-progress i.over.past{background:rgba(var(--accent-rgb), .25)}.tut-progress i.over.on{background:var(--muted);box-shadow:none}@media (width<=760px),(orientation:portrait) and (width<=1100px){.tut-card{top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-height:46vh;padding:16px;overflow-y:auto;transform:none}@keyframes tut-in{0%{opacity:0;transform:translateY(14px)}}.tut-card h2{font-size:20px}.tut-choices{grid-template-columns:1fr}.tut-hero{padding:22px}.tut-hero h1{font-size:32px}}#stage:after{content:"";pointer-events:none;background:var(--stage-vignette,none);position:absolute;inset:0}#hud:before{content:"";pointer-events:none;background:var(--shoot-edge);box-shadow:var(--shoot-shadow,none);opacity:0;transition:opacity .3s;position:absolute;inset:0}#hud.shooting:before{opacity:1}:root[data-graphics="2d"] [data-act=topdown],:root[data-graphics="2d"] [data-act=resetview]{display:none}.theme-setting{text-align:left;flex-direction:column;align-items:stretch;gap:6px}.seg.themes{grid-template-columns:1fr 1fr 1fr;display:grid}.seg.themes button{padding:.5em .6em}.seg.themes [data-value=spy]{text-transform:uppercase;letter-spacing:.08em;font-family:Anton,Impact,sans-serif;font-weight:400}.seg.themes [data-value=tactical]{text-transform:uppercase;letter-spacing:.04em;font-family:Chakra Petch,sans-serif;font-weight:700}.seg.themes [data-value=diorama]{text-transform:none;letter-spacing:0;font-family:Bricolage Grotesque Variable,sans-serif;font-weight:800}:root[data-theme=spy]{--bg:#0b0b0b;--panel:#0e0e0ef0;--panel-solid:#121212;--line:#efe4cc38;--line-strong:#efe4ccb3;--text:#efe4cc;--muted:#a39d90;--accent:#e2412b;--accent-rgb:226, 65, 43;--accent-hover:#f25a42;--on-accent:#0b0b0b;--shot:#e2412b;--on-shot:#0b0b0b;--move-active:#e3a82b;--check:#ff4a36;--check-text:#ff7a62;--ghost-bg:transparent;--hover-tint:#efe4cc14;--inset-bg:#efe4cc0f;--scrim:#0000009e;--menu-scrim:linear-gradient(115deg, transparent 0 62%, #e2412beb 62% 75%, transparent 75%), linear-gradient(115deg, transparent 0 77%, #e3a82be6 77% 78.6%, transparent 78.6%), radial-gradient(ellipse at center, #0b0b0b1a, #0b0b0bd9);--card-bg:#121212;--title-fill:linear-gradient(#efe4cc, #efe4cc);--title-filter:drop-shadow(4px 4px 0 #000);--heading-fill:linear-gradient(#efe4cc, #efe4cc);--emph:#e3a82b;--good:#c9e08a;--bad:#ff7a62;--font-ui:"Courier Prime", "Courier New", monospace;--font-display:Anton, Impact, "Arial Narrow", sans-serif;--font-mono:"Courier Prime", "Courier New", monospace;--display-weight:400;--display-case:uppercase;--display-spacing:.04em;--title-size:54px;--radius:0;--radius-panel:0;--radius-card:0;--radius-pill:0;--shoot-edge:radial-gradient(circle at 50% 55%, transparent 0 62%, #00000059 62.3% 65%, transparent 65.3% 68%, #0000008c 68.3% 71%, transparent 71.3% 74%, #000000d9 74.3%);--stage-vignette:radial-gradient(ellipse at 50% 55%, transparent 52%, #0000008c)}[data-theme=spy] button{text-transform:uppercase;letter-spacing:.1em;font-weight:700}[data-theme=spy] button.ghost{border-color:var(--line-strong)}[data-theme=spy] button.small{letter-spacing:.02em;font-size:12px}[data-theme=spy] .menu-card{border:2px solid var(--text);box-shadow:10px 10px #e2412be6}[data-theme=spy] .menu-card h1 span{color:var(--accent);-webkit-text-fill-color:var(--accent)}[data-theme=spy] .turn{background:var(--accent);color:var(--on-accent);border:0;transform:translate(-50%)rotate(-2.5deg)}[data-theme=spy] .turn .side{font-size:22px}[data-theme=spy] .turn .last{color:#0b0b0bbf}[data-theme=spy] .turn.w .side:before,[data-theme=spy] .turn.b .side:before{border-color:#0b0b0b}[data-theme=spy] .turn.check{background:var(--text);box-shadow:6px 6px 0 var(--check)}[data-theme=spy] .turn.check .side{color:var(--check)}[data-theme=spy] #toggle{border:2px solid var(--text)}[data-theme=spy] #toggle button{font-family:var(--font-display);font-size:17px;font-weight:400}[data-theme=spy] .modal,[data-theme=spy] .tut-card,[data-theme=spy] .tut-hero{border:2px solid var(--text)}:root[data-theme=tactical]{--bg:#0c121a;--panel:#182230f2;--panel-solid:#182230;--line:#8aa0b440;--line-strong:#4cc9ffb3;--text:#e8f1f8;--muted:#8aa0b4;--accent:#4cc9ff;--accent-rgb:76, 201, 255;--accent-hover:#7ad8ff;--on-accent:#0c121a;--shot:#ff5d3a;--on-shot:#0c121a;--move-active:#4cc9ff;--check:#ff3b30;--check-text:#ff7a6e;--ghost-bg:#ffffff08;--hover-tint:#4cc9ff1a;--inset-bg:#0000004d;--scrim:#05090e99;--menu-scrim:radial-gradient(ellipse at center, #0c121a26, #0c121acc);--card-bg:#141d29;--title-fill:linear-gradient(#e8f1f8, #e8f1f8);--title-filter:none;--heading-fill:linear-gradient(#e8f1f8, #e8f1f8);--emph:#ffd23f;--good:#7ee08a;--bad:#ff7a6e;--font-ui:"Barlow Semi Condensed", "Arial Narrow", sans-serif;--font-display:"Chakra Petch", "Barlow Semi Condensed", sans-serif;--font-mono:"Chakra Petch", ui-monospace, Consolas, monospace;--display-weight:700;--display-case:uppercase;--display-spacing:.04em;--title-size:40px;--radius:0;--radius-panel:0;--radius-card:0;--radius-pill:0;--shoot-edge:none;--shoot-shadow:inset 0 0 0 4px #ff5d3a, inset 0 0 90px #ff5d3a59;--stage-vignette:radial-gradient(ellipse at 50% 55%, transparent 58%, #05090e80)}[data-theme=tactical] body{font-size:16px}[data-theme=tactical] button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-weight:700}[data-theme=tactical] button.small{letter-spacing:.02em;font-size:12px}[data-theme=tactical] .menu-card h1 span{color:var(--accent);-webkit-text-fill-color:var(--accent)}[data-theme=tactical] :is(.menu-card,.modal,.turn,#toggle,#undo,#pause-btn,#log,.tut-card,.tut-hero,.corner button,.menu-card .view>button){clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background-image:linear-gradient(to bottom right, transparent 50%, var(--chamfer,var(--line)) 0 calc(50% + 1px), transparent 0), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--chamfer,var(--line)) 0 50%, transparent 0);background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:10px 10px;background-origin:border-box}[data-theme=tactical] button:not(.ghost){--chamfer:transparent}[data-theme=tactical] :is(button.ghost.active,.menu-card button.fresh,.modal.end){--chamfer:var(--accent)}[data-theme=tactical] .turn.check{--chamfer:var(--check)}[data-theme=tactical] .tut-card{--chamfer:rgba(var(--accent-rgb), .28)}[data-theme=tactical] .tut-hero{--chamfer:rgba(var(--accent-rgb), .3)}@media (hover:hover){[data-theme=tactical] button.ghost:hover{--chamfer:var(--line-strong)}}[data-theme=tactical] .turn{border-bottom:3px solid var(--accent)}[data-theme=tactical] .turn.b{border-bottom-color:var(--muted)}[data-theme=tactical] .turn.check{border-bottom-color:var(--check)}[data-theme=tactical] #toggle button[data-mode=move]:before{content:"➔ "}[data-theme=tactical] #toggle button[data-mode=shoot]:before{content:"⌖ "}:root[data-theme=diorama]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#cfdde3;--panel:#fbfaf7f7;--panel-solid:#fbfaf7;--line:#22303d2e;--line-strong:#22303d73;--text:#22303d;--muted:#4f5e6a;--accent:#22303d;--accent-rgb:34, 48, 61;--accent-hover:#34475a;--on-accent:#fbfaf7;--shot:#ff6b4a;--on-shot:#fff;--move-active:#2b6f95;--check:#e23d2a;--check-text:#d33522;--ice:#2f8fcf;--ghost-bg:#22303d0f;--hover-tint:#22303d1a;--inset-bg:#22303d0f;--scrim:#1c28346b;--menu-scrim:radial-gradient(ellipse at center, #1c283461, #1c28349e);--card-bg:#fbfaf7;--title-fill:linear-gradient(#22303d, #22303d);--title-filter:none;--heading-fill:linear-gradient(#22303d, #22303d);--emph:#e0583a;--good:#3f8a3a;--bad:#d33522;--font-ui:Figtree, system-ui, sans-serif;--font-display:"Bricolage Grotesque Variable", Figtree, sans-serif;--display-weight:800;--display-case:none;--display-spacing:-.01em;--title-size:46px;--radius:999px;--radius-panel:18px;--radius-card:24px;--radius-pill:999px;--panel-shadow:0 2px 6px #141e2824, 0 18px 48px #141e2857;--shoot-edge:radial-gradient(ellipse at 50% 55%, transparent 64%, #ff6b4a52);--stage-vignette:radial-gradient(ellipse at 50% 55%, transparent 60%, #96afba59)}[data-theme=diorama] button{font-weight:700}[data-theme=diorama] #toggle,[data-theme=diorama] .seg{border-radius:999px;gap:3px;padding:3px}[data-theme=diorama] .seg.themes{border-radius:20px}[data-theme=diorama] .seg{background:#22303d12;border-color:#22303d24}[data-theme=diorama] .seg button:not(.active){color:var(--muted)}[data-theme=diorama] button.ghost{border-color:var(--line-strong)}[data-theme=diorama] #toggle button,[data-theme=diorama] .seg button{border-radius:999px}[data-theme=diorama] .menu-card h1 span{color:var(--shot);-webkit-text-fill-color:var(--shot)}[data-theme=diorama] .tut-card,[data-theme=diorama] .tut-hero{box-shadow:var(--panel-shadow);border-color:var(--line)}[data-theme=diorama] .turn.w .side:before,[data-theme=diorama] .turn.b .side:before{border-color:#6d7d88}[data-theme=diorama] .turn.b .side:before{background:#22303d}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(./anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(./courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(./courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(./courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(./courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(./barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2)format("woff2"),url(./barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff)format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(./figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(./figtree-latin-500-normal-B_yy1phn.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(./figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(./figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}@font-face{font-family:"Noto Sans Symbols 2";font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-symbols-2-symbols-400-normal-Crk7i-NV.woff2)format("woff2"),url(./noto-sans-symbols-2-symbols-400-normal-1543TeiR.woff)format("woff")}#consent{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:1000;box-sizing:border-box;background:var(--panel-solid);width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-card);font:14px/1.5 var(--font-ui);text-align:left;-webkit-user-select:text;user-select:text;padding:16px;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 32px #00000080}#consent p{margin:0 0 8px}#consent a{color:var(--accent)}#consent code{font-family:var(--font-mono);font-size:12px}#consent .consent-more{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}#consent .consent-details{color:var(--muted);margin-top:8px;font-size:13px}#consent .consent-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}#consent .consent-actions button{min-width:112px;min-height:40px;font-weight:600}@media (width<=420px){#consent .consent-actions button{flex:1;min-width:0}}