: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}.stats-grid dd.stats-grid-multiline{white-space:pre-line;line-height:1.35}.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}.status-banner.error{background:var(--md-error-container);color:var(--md-on-error-container)}.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}.status-subsection{gap:.42rem;display:grid}.learning-card{gap:.48rem}.action-hints-card .modal-list{font-size:.74rem;line-height:1.28}.piece-insight-card{align-content:start}.piece-insight-badge{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:999px;align-items:center;padding:.18rem .58rem;font-size:.72rem;font-weight:700;display:inline-flex}.piece-insight-list{gap:.32rem;display:grid}.piece-insight-list strong{font-size:.78rem}.piece-insight-list .modal-list{font-size:.74rem;line-height:1.32}.movement-preview{background:var(--md-surface-container-low);border-radius:18px;gap:.48rem;padding:.56rem;display:grid}.movement-preview-toolbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.movement-preview-toolbar span{color:var(--md-on-surface-variant);font-size:.72rem;font-weight:600}.movement-preview-tier-row{flex-wrap:wrap;gap:.32rem;display:flex}.movement-tier-button,.piece-picker-button{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border:1px solid #7c776f2e;border-radius:999px;padding:.3rem .64rem;font-size:.74rem;font-weight:700}.movement-tier-button.active,.piece-picker-button.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.movement-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:.16rem;display:grid}.movement-cell{aspect-ratio:1;color:var(--md-on-surface);background:#3b2f27bd;border-radius:10px;place-items:center;font-size:.68rem;font-weight:700;display:grid}.movement-cell.origin{color:#3f2d00;background:#f4d8a2}.movement-cell.target{color:#f4fff8;background:#598274eb}.movement-preview-legend{color:var(--md-on-surface-variant);flex-wrap:wrap;gap:.45rem .7rem;font-size:.7rem;display:flex}.movement-preview-legend span{align-items:center;gap:.3rem;display:inline-flex}.movement-legend-swatch{border-radius:4px;width:.78rem;height:.78rem;display:inline-block}.movement-legend-swatch.origin{background:#f4d8a2}.movement-legend-swatch.target{background:#598274eb}.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,.board-frame-plain .board-grid-shell{height:min(67svh,780px);min-height:560px}.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-grid-shell{background:radial-gradient(circle at 0 0,#58482d38,#0000 34%),linear-gradient(#181412f0,#0c0a09fa);border-radius:22px;gap:.4rem;padding:.72rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 36px #0f120f33}.board-grid-layout{grid-template-columns:1.2rem minmax(0,1fr);gap:.36rem;min-height:0;display:grid}.board-grid-label-row,.board-grid-label-column{color:var(--md-on-surface-variant);font-size:.7rem;font-weight:700;display:grid}.board-grid-label-row{grid-template-columns:repeat(9,minmax(0,1fr));gap:.22rem;padding-left:1.56rem}.board-grid-label-column{grid-template-rows:repeat(9,minmax(0,1fr));gap:.22rem}.board-grid-label-row span,.board-grid-label-column span{place-items:center;display:grid}.board-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:.22rem;display:grid}.board-grid-cell{aspect-ratio:1;background:linear-gradient(180deg, #473727f2, #31271ef0), var(--md-surface-container);min-height:0;color:var(--md-on-surface);text-align:left;border:1px solid #7c776f29;border-radius:16px;justify-items:start;gap:.12rem;padding:.32rem;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 16px #00000029}.board-grid-cell:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 20px #0003}.board-grid-cell.selected{border-color:#fff2b2d1;box-shadow:inset 0 0 0 1px #fff2b238,0 12px 24px #fff2b21f}.board-grid-cell.owner-south{background:linear-gradient(#54402af5,#3b2c1eeb)}.board-grid-cell.owner-north{background:linear-gradient(#363e48f5,#242a32eb)}.board-grid-cell.empty{background:linear-gradient(#382c23e0,#271f1ae0)}.board-grid-cell.marker-move,.board-grid-cell.marker-drop,.board-grid-cell.marker-deploy,.board-grid-cell.marker-stack,.board-grid-cell.marker-capture,.board-grid-cell.marker-betray{border-color:#59827466}.board-grid-cell.marker-capture{border-color:#f15f548f}.board-grid-cell.marker-betray{border-color:#f28c528f}.board-grid-cell.marker-stack{border-color:#f2bc4d8f}.board-grid-cell-coord,.board-grid-kind,.board-grid-marker,.board-grid-stack,.board-grid-owner{font-size:.66rem;line-height:1.1}.board-grid-cell-coord,.board-grid-kind{color:var(--md-on-surface-variant)}.board-grid-piece{font-size:1rem}.board-grid-owner,.board-grid-stack,.board-grid-marker{min-height:1.1rem;color:var(--md-on-surface);background:#120e0dd1;border-radius:999px;justify-content:center;align-items:center;padding:.08rem .28rem;display:inline-flex;position:absolute}.board-grid-owner{top:.28rem;right:.28rem}.board-grid-stack{bottom:.28rem;right:.28rem}.board-grid-marker{background:#36564ee0;bottom:.28rem;left:.28rem}.board-grid-empty{color:#ead6adb8;place-self:center;font-size:1.05rem}.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-detail-overlay{z-index:5;pointer-events:auto;width:min(372px,100% - 2.2rem);max-height:calc(100% - 2.2rem);position:absolute;top:1.1rem;left:1.1rem;overflow:auto}.board-detail-overlay .piece-insight-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181311db;border:1px solid #c7b49c38;gap:.54rem;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;gap:.42rem;width:100%;display:grid;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-row{flex-wrap:wrap;align-items:end;gap:.42rem;display:flex}.settings-cluster-row-emphasis{padding-top:.08rem}.replay-controls{flex-wrap:wrap;gap:.42rem;display:flex}.replay-control-button{min-width:84px}.settings-cluster-primary .settings-field{flex:0 0 188px;min-width:0;max-width:188px}.settings-cluster-row .settings-button,.settings-cluster-row .replay-controls{align-self:end}.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-panel-wide{width:min(980px,100vw - 2rem);height:min(82svh,860px)}.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}.compact-list{gap:.36rem}.modal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.72rem;display:flex}.modal-toolbar strong{font-size:.82rem}.modal-toolbar-actions{flex-wrap:wrap;gap:.42rem;display:flex}.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;padding-bottom:.45rem}.replay-log li.active{background:#3d3125b8;border-radius:16px;padding:.45rem}.log-entry-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:0;display:flex}.modal-log-meta{color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;display:inline-flex}.piece-picker-grid{flex-wrap:wrap;gap:.36rem;margin-top:.58rem;display:flex}.rule-guide-piece-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:.72rem;margin-top:.72rem;display:grid}.rule-guide-piece-copy{gap:.48rem;display:grid}.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}.save-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.68rem;display:grid}.save-slot-card{background:var(--md-surface-container);border-radius:18px;gap:.56rem;padding:.68rem;display:grid;box-shadow:inset 0 0 0 1px #7c776f1a}.save-slot-copy{gap:.18rem;display:grid}.save-slot-copy strong{font-size:.88rem}.save-slot-copy span{color:var(--md-on-surface-variant);font-size:.74rem}.save-slot-actions{flex-wrap:wrap;gap:.42rem;display:flex}.save-textarea{resize:vertical;width:100%;min-height:10.5rem;color:var(--md-on-surface);background:#110d0be0;border:1px solid #7c776f29;border-radius:18px;padding:.82rem;font:.8rem/1.45 Cascadia Code,Consolas,monospace}.save-textarea:focus-visible{outline-offset:2px;outline:3px solid #355e5538}.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}.rule-guide-piece-layout{grid-template-columns:1fr}.board-frame-plain .board-canvas,.board-frame-plain .board-loading,.board-frame-plain .board-grid-shell{height:min(58svh,680px);min-height:460px}.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,.save-slot-grid{grid-template-columns:1fr}.section-actions,.settings-cluster,.modal-action-row,.modal-toolbar-actions{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%}.settings-cluster-row,.replay-controls{flex-direction:column;width: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}.board-detail-overlay{width:calc(100% - 1.6rem);max-height:calc(100% - 1.6rem);top:.8rem;left:.8rem}.movement-grid{gap:.12rem}.board-grid-shell{padding:.5rem}.board-grid-layout{grid-template-columns:1rem minmax(0,1fr);gap:.24rem}.board-grid-label-row{padding-left:1.24rem}.board-grid-cell{border-radius:12px;padding:.24rem}.board-grid-piece{font-size:.86rem}}