:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-primary:#8d6d41;--md-on-primary:#18110a;--md-primary-container:#3a2b1a;--md-on-primary-container:#f3dfbe;--md-secondary:#6b5641;--md-on-secondary:#f9efe2;--md-secondary-container:#2f241b;--md-on-secondary-container:#efdfc8;--md-tertiary:#647189;--md-on-tertiary:#f6f8fc;--md-tertiary-container:#293447;--md-on-tertiary-container:#dbe5fb;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-surface:#181311;--md-surface-dim:#0d0a08;--md-surface-bright:#221b18;--md-surface-container-lowest:#0f0b09;--md-surface-container-low:#1f1815;--md-surface-container:#271f1a;--md-surface-container-high:#312720;--md-surface-container-highest:#3b2f27;--md-outline:#8f8071;--md-outline-variant:#51453a;--md-on-surface:#f5e8d3;--md-on-surface-variant:#d5c1a6;--md-shadow:#00000047;--md-shadow-strong:#0000006b;--page-padding-x:.7rem;color:var(--md-on-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#4d3c246b,#0000 34%),radial-gradient(circle at 100% 100%,#2a393061,#0000 32%),linear-gradient(#090706 0%,#12100f 42%,#1a1512 100%);font-family:Segoe UI Variable Text,BIZ UDPGothic,Yu Gothic UI,Hiragino Sans,sans-serif;line-height:1.38}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{color:var(--md-on-surface);background:0 0;margin:0}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(18px);opacity:.6;border-radius:50%;width:34rem;height:34rem;position:fixed;inset:auto}body:before{background:radial-gradient(circle,#58482db3,#58482d00);top:-11rem;right:-8rem}body:after{background:radial-gradient(circle,#2e3c349e,#2e3c3400);bottom:-13rem;left:-9rem}button,select{font:inherit}button{cursor:pointer}select,.settings-button,.action-list button,.rule-button,.hand-tray-cell{border:1px solid #0000;border-radius:18px;min-height:2.58rem;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s,opacity .18s}select:focus-visible,.settings-button:focus-visible,.action-list button:focus-visible,.rule-button:focus-visible,.hand-tray-cell:focus-visible,.rule-tab-button:focus-visible{outline-offset:2px;outline:3px solid #355e5538}select:disabled,.settings-button:disabled,.action-list button:disabled,.rule-button:disabled,.hand-tray-cell:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;transform:none}.app-shell{min-height:100svh;padding:.42rem var(--page-padding-x);grid-template-columns:320px minmax(0,1fr) 340px;align-items:start;gap:.58rem;display:grid}.panel,.board-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#191412f0,#120e0deb);border:1px solid #8f80712e;border-radius:28px;box-shadow:0 1px 2px #00000038,0 16px 34px #0000003d}.panel{flex-direction:column;gap:.56rem;padding:.66rem;display:flex}.info-panel{animation:.42s enter-up}.board-panel{align-content:start;gap:.76rem;min-width:0;animation:.52s enter-up;display:grid}.side-panel{gap:.62rem;min-height:calc(100svh - 1rem);animation:.62s enter-up}.panel-header h1,.card h2,.modal-header h2,.modal-section h3{letter-spacing:.01em;margin:0;font-family:Segoe UI Variable Display,BIZ UDPGothic,Yu Gothic UI,sans-serif}.panel-header h1{font-size:clamp(1.72rem,2.3vw,2.22rem);font-weight:680}.eyebrow{background:var(--md-primary-container);width:fit-content;color:var(--md-on-primary-container);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin:0 0 .28rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.lede,.muted,.section-note,.modal-lead{color:var(--md-on-surface-variant);margin:0;font-size:.79rem;line-height:1.3}.card{background:#241d19c2;border-radius:24px;gap:.56rem;padding:.66rem;display:grid;box-shadow:0 1px 2px #00000029,0 8px 16px #00000024}.info-panel .card{gap:.4rem;padding:.58rem}.section-heading,.modal-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.section-actions{flex-wrap:wrap;gap:.42rem;display:flex}.section-heading h2{white-space:nowrap;font-size:.95rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;margin:0;display:grid}.stats-grid div{background:var(--md-surface-container);border-radius:18px;gap:.24rem;min-height:2.96rem;padding:.46rem .54rem;display:grid}.stats-grid dt{color:var(--md-on-surface-variant);white-space:nowrap;font-size:.66rem;font-weight:600}.stats-grid dd{color:var(--md-on-surface);white-space:nowrap;margin:0;font-size:.82rem;font-weight:640}.status-line{margin:0;font-size:1.08rem}.status-banner{border-radius:20px;gap:.25rem;padding:.58rem .68rem;display:grid;box-shadow:inset 0 0 0 1px #7c776f14}.status-banner strong{font-size:.89rem;font-weight:700}.status-banner span{font-size:.78rem}.status-banner.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.status-banner.setup{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.status-banner.thinking{color:#12345a;background:#dbeafe}.status-banner.paused{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.status-banner.victory{color:#3f2d00;background:#fbe5b9}.threat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;display:grid}.threat{background:var(--md-surface-container);color:var(--md-on-surface);border-radius:18px;flex-direction:column;gap:.24rem;padding:.5rem .58rem;display:flex}.threat span{color:var(--md-on-surface-variant);font-size:.74rem}.threat.danger{background:var(--md-error-container);color:var(--md-on-error-container)}.status-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;display:grid}.status-meta-card{background:var(--md-surface-container);border-radius:18px;gap:.24rem;padding:.5rem .58rem;display:grid}.status-meta-card span{color:var(--md-on-surface-variant);font-size:.74rem}.status-meta-card strong{font-size:.9rem}.error-text{background:var(--md-error-container);color:var(--md-on-error-container);border-radius:18px;margin:0;padding:.62rem .72rem;font-size:.78rem}.control-group{gap:.28rem;min-width:168px;display:grid}.control-group span{color:var(--md-on-surface-variant);white-space:nowrap;font-size:.7rem;font-weight:600}select{appearance:none;background:linear-gradient(180deg, #322821eb, #271f1adb), var(--md-surface-container-high);color:var(--md-on-surface);border-color:#7c776f24;padding:.5rem 2.4rem .5rem .76rem;font-size:.86rem;box-shadow:inset 0 0 0 1px #ffffff0a}.settings-button,.rule-button,.action-list button{white-space:nowrap;border-color:#355e5514;padding:.58rem .84rem;font-size:.83rem;font-weight:650;box-shadow:0 1px 2px #0003,0 4px 10px #0000002e}.settings-button{color:#fff4de;background:linear-gradient(#7f653e,#6d5634)}.rule-button{color:var(--md-on-primary-container);background:linear-gradient(#3d3125,#30251c)}.action-list button{color:var(--md-on-secondary-container);background:linear-gradient(#413226,#36291f)}select:hover,.settings-button:hover,.action-list button:hover,.rule-button:hover,.hand-tray-cell:hover{transform:translateY(-1px);box-shadow:0 2px 4px #1e211d1a,0 10px 22px #1e211d1f}.secondary{color:var(--md-on-surface);background:linear-gradient(#312721,#281f1a)}.pause-button{color:var(--md-on-tertiary-container);background:linear-gradient(#354052,#2b3342)}.danger-button{color:#ffe9e6;background:linear-gradient(#7e1d1f,#641417)}.commit-button{color:var(--md-on-secondary);background:linear-gradient(#5b4a36,#4b3d2d)}.board-frame{min-height:0;padding:.44rem;position:relative}.board-frame-plain .board-canvas,.board-frame-plain .board-loading{height:min(53svh,632px);min-height:450px}.board-canvas{background:linear-gradient(#141b16eb,#0a0d0afa);border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 36px #0f120f33}.board-loading{color:#f8f8f2;background:linear-gradient(#141b16eb,#0a0d0afa);border-radius:24px;place-items:center;display:grid}.board-overlay{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#181311d1;border:1px solid #c7b49c38;border-radius:20px;gap:.5rem;width:min(324px,100% - 2.2rem);padding:.68rem .74rem;display:grid;position:absolute;top:1.1rem;left:1.1rem;box-shadow:0 2px 4px #1e211d1a,0 14px 34px #1e211d2e}.board-overlay-kicker{color:#d7c19a;letter-spacing:.05em;margin:0;font-size:.72rem;font-weight:700}.board-overlay-header,.board-overlay-entry-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.board-overlay-meta,.board-overlay-entry-meta{color:#bca98d;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.7rem}.board-overlay-state{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-radius:999px;justify-self:start;margin:0;padding:.2rem .62rem;font-size:.7rem;font-weight:700}.board-overlay-log{gap:.45rem;display:grid}.board-overlay-entry{color:var(--md-on-surface);background:#281f1bc7;border-radius:16px;gap:.14rem;padding:.42rem .5rem;display:grid;box-shadow:inset 0 0 0 1px #7c776f1a}.board-overlay-entry strong{font-size:.82rem}.board-overlay-entry span{color:var(--md-on-surface-variant);font-size:.74rem}.settings-panel{gap:.5rem}.settings-toolbar{gap:.46rem;display:grid}.settings-field{flex:180px}.settings-cluster{border-radius:20px;flex-wrap:wrap;align-items:end;gap:.42rem;padding:.54rem;display:flex}.settings-cluster-primary{background:#2c221ae6;box-shadow:inset 0 0 0 1px #8d6d412e}.settings-cluster-danger{background:#2f1817e0;box-shadow:inset 0 0 0 1px #93000a2e}.settings-cluster .settings-field{flex:180px}.settings-cluster .settings-button{flex:none}.settings-cluster-primary .settings-field{flex:0 0 188px;min-width:0;max-width:188px}.settings-cluster-primary select{min-height:2.28rem}.settings-button{white-space:nowrap;min-width:102px;max-width:148px}.hand-tray-shell{height:calc(var(--tray-rows) * 3.72rem + (var(--tray-rows) - 1) * .22rem);background:linear-gradient(180deg, #2b221deb, #1d1714f5), var(--md-surface-container-high);border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7c776f1a}.hand-tray-grid,.hand-tray-canvas{position:absolute;inset:0}.hand-tray-grid{grid-template-columns:repeat(var(--tray-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--tray-rows), minmax(0, 1fr));z-index:2;gap:.22rem;padding:.22rem;display:grid}.hand-tray-canvas{z-index:1;pointer-events:none}.hand-tray-canvas,.hand-tray-canvas *{pointer-events:none!important}.hand-tray-canvas canvas{pointer-events:none;background:0 0;display:block}.hand-tray-cell{appearance:none;background:linear-gradient(180deg, #3b2f27f0, #2c231ed1), var(--md-surface-bright);width:100%;height:100%;color:var(--md-on-surface);isolation:isolate;border-color:#7c776f24;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 6px 14px #1e211d14}.hand-tray-cell.readonly{cursor:default}.hand-tray-cell.selected{background:linear-gradient(180deg, #4d402af5, #3b2f27eb), var(--md-primary-container);border-color:#355e5557;box-shadow:inset 0 0 0 1px #355e5524,0 10px 18px #1e211d1f}.hand-tray-cell.disabled{opacity:.5}.hand-tray-cell:not(:disabled){cursor:pointer}.hand-tray-cell:not(:disabled):active{transform:translateY(1px)}.hand-tray-count{z-index:3;background:var(--md-primary-container);min-width:1.28rem;color:var(--md-on-primary-container);border-radius:999px;justify-content:center;align-items:center;padding:.08rem .24rem;font-size:.66rem;font-weight:800;display:inline-flex;position:absolute;top:.2rem;right:.2rem}.hand-tray-label{z-index:3;color:var(--md-on-surface);white-space:nowrap;background:#110d0bd6;border-radius:999px;padding:.08rem .28rem;font-size:.58rem;font-weight:600;line-height:1.1;position:absolute;bottom:.2rem;left:.2rem}.action-list{flex-wrap:wrap;gap:.46rem;display:flex}.action-card{margin-block:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#0605048f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{background:var(--md-surface);border-radius:28px;flex-direction:column;width:min(820px,100vw - 2rem);height:min(76svh,720px);padding:.9rem;display:flex;overflow:hidden;box-shadow:0 1px 3px #1e211d1f,0 24px 64px #1e211d2e}.modal-panel-compact{width:min(560px,100vw - 2rem);height:auto;min-height:0}.modal-sections{gap:.64rem;min-height:0;margin-top:.72rem;padding-right:.2rem;display:grid;overflow:auto}.rule-tab-row{flex-wrap:wrap;gap:.42rem;margin-top:.72rem;display:flex}.rule-tab-button{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border:1px solid #0000;border-radius:999px;padding:.4rem .74rem;font-size:.8rem;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s}.rule-tab-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1e211d14}.rule-tab-button.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.modal-section{background:var(--md-surface-container-low);border-radius:20px;padding:.74rem}.modal-list,.modal-log{gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.modal-log{min-height:0;padding-right:.2rem;overflow:auto}.modal-log li{border-bottom:1px solid #7c776f24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.45rem;display:flex}.modal-log-meta{color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;display:inline-flex}.modal-action-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.84rem;display:flex}.result-block{background:var(--md-surface-container-low);border-radius:20px;gap:.5rem;margin-top:.84rem;padding:.74rem;display:grid}.result-winner{font-size:1.28rem}@keyframes enter-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1360px){.app-shell{grid-template-columns:300px minmax(0,1fr) 320px}}@media (width<=1200px){.app-shell{grid-template-columns:300px minmax(0,1fr)}.side-panel{grid-column:1/-1;min-height:auto}.action-card{margin-block:0}}@media (width<=960px){:root{--page-padding-x:.82rem}.app-shell{grid-template-columns:1fr}.section-heading,.modal-header{flex-direction:column;align-items:flex-start}.board-frame-plain .board-canvas,.board-frame-plain .board-loading{height:48svh;min-height:378px}.settings-cluster-primary .settings-field{flex-basis:calc(50% - .4rem);max-width:none}}@media (width<=640px){.app-shell{padding:.6rem}.panel,.board-frame,.card,.modal-panel{border-radius:22px}.stats-grid,.threat-grid,.status-meta-grid{grid-template-columns:1fr}.section-actions,.settings-cluster,.modal-action-row{flex-direction:column;width:100%}.settings-field,.settings-button,.rule-button,.rule-tab-button{width:100%;max-width:none}.settings-cluster-primary .settings-field{flex-basis:100%}.hand-tray-grid{gap:.24rem;padding:.24rem}.hand-tray-shell{height:calc(var(--tray-rows) * 4rem + (var(--tray-rows) - 1) * .24rem)}.board-overlay{width:calc(100% - 1.6rem);top:.8rem;left:.8rem}}