@font-face{font-family:Wix Madefor Text;src:url(../fonts/madefor-text.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Wix Madefor Display;src:url(../fonts/madefor-display.woff2)format("woff2");font-weight:600 700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-text:"Wix Madefor Text", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Wix Madefor Display", var(--font-text);--b10:#3899ec;--b20:#4eb7f5;--b30:#2b81cb;--b40:#eaf7ff;--b50:#1d6aae;--b60:#14548e;--d10:#162d3d;--d20:#3b4057;--d30:#5f677d;--d40:#868aa5;--d50:#dfe5eb;--d60:#f0f4f7;--d80:#fff;--r10:#ee5951;--g10:#60bc57;--g20:#2e7d32;--y10:#f5a623;--sp1:6px;--sp2:12px;--sp3:18px;--sp4:24px;--radius:8px;--pill:18px;--bg:var(--d60);--card:var(--d80);--ink:var(--d10);--muted:var(--d30);--line:var(--d50);--accent:var(--b10);--accent-hover:var(--b20);--accent-soft:var(--b40);--accent-ink:#0b1620;--accent-text:var(--b50);--accent-text-hover:var(--b60);--ring:var(--b50);--fill:#116dff;--fill-hover:#0b5cd6;--on-fill:#fff;--warn:var(--r10);--ok:var(--g10);--ok-text:var(--g20);--sk1:#e7ecf0;--sk2:#f6f8fa;--shadow:0 1px 2px #162d3d0f;--header:54px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101820;--card:#19232e;--ink:#e8edf2;--muted:#93a0b0;--line:#2a3745;--accent:#5aaef0;--accent-hover:#7cc0f5;--accent-soft:#1d3346;--accent-ink:#0b1620;--accent-text:var(--accent);--accent-text-hover:var(--accent-hover);--ring:var(--accent);--fill:var(--accent);--fill-hover:var(--accent-hover);--on-fill:var(--accent-ink);--ok-text:var(--ok);--sk1:#243240;--sk2:#2e3e4e;--shadow:none}}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font:14px/18px var(--font-text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header{align-items:center;gap:var(--sp2);padding:0 var(--sp3);background:var(--card);border-bottom:1px solid var(--line);height:var(--header);flex:none;display:flex}h1{font:700 20px/24px var(--font-display);letter-spacing:-.01em;margin:0}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spacer{flex:1}.link{color:var(--accent-text);white-space:nowrap;font-weight:500;text-decoration:none}.link:hover{color:var(--accent-text-hover);text-decoration:underline}header button{white-space:nowrap}main{gap:var(--sp3);min-height:0;padding:var(--sp3);flex:1;grid-template-columns:minmax(0,1fr) 348px;display:grid}.stage{gap:var(--sp2);flex-direction:column;min-width:0;min-height:0;display:flex}.board{flex:none;position:relative}.tip{color:var(--muted);flex:none;margin:0;font-size:12px;line-height:18px}.engine{color:var(--muted);font-size:12px}canvas{border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;box-shadow:var(--shadow);touch-action:manipulation;display:block}#banner[hidden]{display:none}#banner{color:#fff;font:700 28px/32px var(--font-display);border-radius:var(--radius);background:#162d3d9e;place-items:center;display:grid;position:absolute;top:0;left:0}.hud{gap:var(--sp1);flex-wrap:wrap;flex:none;align-items:center;display:flex}.hud>span{gap:var(--sp1);padding:6px var(--sp2);background:var(--card);border:1px solid var(--line);border-radius:var(--pill);align-items:baseline;display:inline-flex}.hud>span:empty{display:none}.hud b{font-weight:700}.hud .seed{color:var(--muted);background:0 0;border:0;margin-left:auto}.hud .flags{color:var(--accent-text);background:var(--accent-soft);border-color:#0000;font-weight:600}aside{flex-direction:column;min-height:0;display:flex;overflow:hidden}aside>.card{flex:none}aside>details.card{flex:0 auto;min-height:0;overflow-y:auto}aside>details.card:not([open]){flex:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px var(--sp2);box-shadow:var(--shadow);margin-bottom:10px}h2,summary{font:600 12px/18px var(--font-text);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.card h2{margin-bottom:var(--sp1)}.row{gap:var(--sp2);align-items:center;display:flex}.row.between{justify-content:space-between}.row.between h2{margin:0}.check{color:var(--muted);gap:var(--sp1);align-items:center;font-size:12px;display:flex}.check:has(:disabled){opacity:.6}input[type=checkbox]{accent-color:var(--accent)}.hint,.note{color:var(--muted);margin:var(--sp1) 0 0;font-size:12px;line-height:18px}kbd{border:1px solid var(--line);font:500 12px/16px var(--font-text);background:var(--card);border-bottom-width:2px;border-radius:4px;padding:0 5px}button{font:500 14px/18px var(--font-text);padding:6px var(--sp2);border-radius:var(--pill);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:border-color .12s,background .12s,color .12s}@media (hover:hover){button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button.primary,button[aria-pressed=true]{background:var(--fill);color:var(--on-fill);border-color:#0000}button.primary{font-weight:600}@media (hover:hover){button.primary:hover:not(:disabled),button[aria-pressed=true]:hover:not(:disabled){background:var(--fill-hover);color:var(--on-fill)}}button:disabled{opacity:.55;cursor:default}.ctl{gap:var(--sp1);margin-top:var(--sp1);grid-template-columns:repeat(5,1fr);display:grid}.ctl button{white-space:nowrap;padding:5px 2px;font-size:12.5px}.ctl.attack{grid-template-columns:auto repeat(5,1fr);align-items:center}.ctl.attack span{color:var(--muted);margin-right:2px;font-size:12px}.ctl.two{grid-template-columns:1fr 1fr}.ctl.game{grid-template-columns:repeat(4,1fr) 1.7fr 1fr 1.3fr}form{gap:var(--sp1);display:flex}#text{min-width:0;font:400 14px/18px var(--font-text);padding:7px var(--sp2);border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);flex:1}#text:focus{border-color:var(--accent)}::placeholder{color:var(--muted);opacity:1}@media (pointer:coarse){#text{font-size:16px}}.steps{margin:var(--sp2) 0 0;gap:var(--sp2);padding:0;list-style:none;display:grid}.step-top{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.step-state{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.sk-track{height:10px;margin-top:var(--sp1);background:var(--sk1);border-radius:5px;position:relative;overflow:hidden}.sk-track>i{background:var(--accent);border-radius:5px;width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.step-sub{color:var(--muted);margin-top:4px;font-size:12px}.steps li.done .sk-track{background:var(--sk1);animation:none}.steps li.done .sk-track>i{background:var(--ok)}.steps li.done .step-state{color:var(--ok-text)}.steps li.failed .sk-track>i{background:var(--warn)}.meter[hidden]{display:none}.meter{background:var(--line);height:6px;margin-top:var(--sp2);border-radius:3px;overflow:hidden}.meter i{background:var(--accent);width:0;height:100%;transition:width 60ms linear;display:block}.meter.live i{background:var(--warn)}.scrim{z-index:20;padding:var(--sp3);overscroll-behavior:contain;background:#162d3d8c;display:grid;position:fixed;inset:0;overflow:auto}.scrim[hidden]{display:none}.dialog{background:var(--card);width:min(480px,100%);padding:var(--sp4);border-radius:12px;margin:auto;box-shadow:0 16px 48px #162d3d59}.dialog-title{font:700 20px/26px var(--font-display);text-transform:none;letter-spacing:-.01em;color:var(--ink);margin:0 0 var(--sp1)}.dialog-text{color:var(--muted);margin:0}.dialog .steps{margin-top:var(--sp3)}.dialog-check{margin-top:var(--sp2);color:var(--ink);font-size:13px}.dialog .note{min-height:18px;margin-top:var(--sp2)}.about{margin-top:var(--sp2);font-size:12.5px}.about summary{cursor:pointer;font:500 13px/18px var(--font-text);text-transform:none;letter-spacing:0;color:var(--accent-text);justify-content:flex-start;gap:6px}.about summary:after{content:none}.about ul{margin:var(--sp1) 0 0;color:var(--muted);gap:6px;padding-left:18px;display:grid}.about b{color:var(--ink);font-weight:600}.about a{color:var(--accent-text)}.dialog-actions{justify-content:flex-end;gap:var(--sp2);margin-top:var(--sp3);flex-wrap:wrap;display:flex}.dialog-actions button{padding:9px var(--sp3)}.dialog-actions button[hidden]{display:none}.steps li.cached .step-state{color:var(--ok-text)}.steps li.cached .sk-track>i{background:var(--ok);width:100%}.skeleton{background:linear-gradient(90deg, var(--sk1) 25%, var(--sk2) 37%, var(--sk1) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}.sk-line{border-radius:6px;height:12px}.w90{width:90%}.w60{width:60%}.w40{width:40%}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}button,.sk-track>i,.meter i{transition:none}}.thinking{padding:var(--sp2) 0 4px;gap:10px;display:grid}.thinking[hidden],#result[hidden],#empty[hidden]{display:none}#empty{margin:var(--sp2) 0 2px;color:var(--muted);font-size:13px}.heard{font:600 16px/22px var(--font-display);margin-top:var(--sp2)}.decision{color:var(--muted);margin:2px 0 var(--sp2);word-break:break-word;font-size:13px}.heard:empty,.decision:empty,.advice:empty,.queued:empty{display:none}.queued{margin:0 0 var(--sp2);padding:6px var(--sp2);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-text);font-size:13px}.advice{margin:0 0 var(--sp2);padding:6px var(--sp2);border-radius:var(--radius);background:var(--bg);border-left:3px solid var(--muted);font-size:13px}.advice[data-verdict=good]{border-left-color:var(--ok)}.advice[data-verdict=poor]{border-left-color:var(--warn)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px}td{padding:1px 0}td:last-child{text-align:right}details.card summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}details.card summary::-webkit-details-marker{display:none}details.card summary:after{content:"+";content:"+" / "";color:var(--muted)}details.card[open] summary:after{content:"–";content:"–" / ""}details.card[open] summary{margin-bottom:var(--sp1)}#examples{gap:var(--sp1);margin-top:var(--sp2);grid-template-columns:1fr 1fr;display:grid}#examples button{text-align:left;border-radius:var(--radius);padding:6px 10px;font-size:12.5px;line-height:16px}#examples b{color:var(--accent-text);font-weight:600}#log{max-height:160px;color:var(--muted);font-size:12.5px;overflow:auto}.menu[hidden]{display:none}.menu{z-index:5;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:200px;max-width:260px;padding:var(--sp1);position:absolute;box-shadow:0 8px 24px #162d3d33}.menu-title{color:var(--muted);padding:2px var(--sp1) var(--sp1);font-size:12px;font-weight:600}.menu button{text-align:left;border-color:#0000;border-radius:6px;flex-wrap:wrap;justify-content:space-between;width:100%;margin:2px 0;padding:6px 10px;font-size:13px;display:flex}.menu button em{color:var(--muted);font-style:normal}.menu button small{color:var(--muted);flex-basis:100%;margin-top:2px;font-size:11.5px;line-height:15px}.menu button[aria-disabled=true]{cursor:default}.menu button[aria-disabled=true]>span{opacity:.6}@media (max-width:900px){html,body{height:auto;overflow:auto}main{grid-template-columns:1fr}aside{display:block;overflow:visible}.sub{display:none}}@media (max-width:520px){header{gap:var(--sp1);padding:0 var(--sp2)}.link{font-size:13px}.spacer{display:none}header h1{margin-right:auto}}
