:root{--background:#111313;--panel:#171919;--line:#303434;--text:#eeeae1;--muted:#aaa9a3;--red:#c84b40;--red-piece:#ffaaa3;--neutral:#b8b5ad;--blue:#3766a7;--blue-piece:#a9cbff;--influence:#ffd84d;--focus:#eeeae1}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Courier New,ui-monospace,monospace}button,select{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#121515;min-height:38px}button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{min-height:100vh;padding:22px 24px}.topbar,.top-actions,.play-area{width:100%;margin:0 auto}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}h1{letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(1.55rem,3.6vw,2.9rem)}.side-label{margin:0 0 3px;font-size:1.1rem}.side-label.red{color:#ff665b}.side-label.blue{color:#5c91e7}.topbar-right{justify-items:end;gap:8px;display:grid}.turn-block{text-align:right;justify-items:end;gap:4px;font-size:1rem;display:grid}.turn-block span{font-size:1.3rem}.turn-block strong{max-width:min(420px,48vw)}.actions{justify-content:flex-end;gap:6px;display:flex}.actions button{justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;display:inline-flex}.actions .active{border-color:var(--text)}.top-actions{justify-content:flex-end;margin-top:10px;margin-bottom:10px;display:flex}.gradient-view-toggle .gradient-swatch{background:linear-gradient(90deg, var(--blue), var(--neutral), var(--red));border:1px solid #eeeae18c;width:26px;height:16px;display:block}.play-area{grid-template-columns:minmax(0,1fr) clamp(280px,24vw,360px);align-items:start;gap:clamp(16px,2vw,32px);margin-top:16px;display:grid}.config-stack{gap:10px;min-width:0;display:grid}.board-wrap{justify-self:center;gap:10px;width:min(100%,760px);min-width:0;display:grid}.files{grid-template-columns:repeat(var(--board-size,7), 1fr);color:var(--text);text-align:center;padding:0 31px;font-size:1.3rem;display:grid}.board-row-wrap{grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:9px;display:grid}.ranks{grid-template-rows:repeat(var(--board-size,7), 1fr);color:var(--text);align-self:stretch;align-items:center;font-size:1.3rem;display:grid}.board{aspect-ratio:1;grid-template-columns:repeat(var(--board-size,7), 1fr);grid-template-rows:repeat(var(--board-size,7), minmax(0, 1fr));border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;min-width:0;display:grid;position:relative}.stuck-hint-button{left:clamp(34px, calc((var(--hint-x) + .8) * 100% / var(--board-size,7)), calc(100% - 34px));top:clamp(26px, calc((var(--hint-y) - .14) * 100% / var(--board-size,7)), calc(100% - 26px));z-index:18;color:#090b0bd1;transform-origin:10% 100%;background:#faf8eef0;border:1px solid #090b0b2e;border-radius:8px;place-items:center;width:42px;height:34px;padding:0;animation:.24s cubic-bezier(.2,.8,.2,1) stuck-hint-emerge,.82s ease-in-out .26s infinite alternate stuck-hint-pulse;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 7px #090b0b5c}.stuck-hint-button:after{content:"";background:#faf8eef0;width:12px;height:12px;position:absolute;bottom:-6px;left:9px;transform:rotate(45deg);box-shadow:0 2px 2px #090b0b24}.stuck-hint-button svg{z-index:1;position:relative}.stuck-hint-button:disabled{cursor:wait;opacity:.7}@keyframes stuck-hint-emerge{0%{opacity:0;transform:translate(calc(-50% - 10px),calc(18px - 50%))scale(.38)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes stuck-hint-pulse{0%{scale:1}to{scale:1.08}}.square{cursor:grab;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid #11131314;border-top:0;border-left:0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.square.red{background-color:var(--red)}.square.neutral{background-color:var(--neutral)}.square.blue{background-color:var(--blue)}.square.amp-square:before{content:"";z-index:1;pointer-events:none;border:2px solid #ffd84dd1;position:absolute;inset:6px;box-shadow:inset 0 0 0 2px #11131338,0 0 10px #ffd84d52}.amp-marker{z-index:7;color:#111313;pointer-events:none;background:#ffd84de6;border:1px solid #11131352;min-width:20px;padding:1px 3px;font-size:.64rem;font-weight:700;line-height:1;position:absolute;bottom:4px;right:5px}.board.dragging,.board.dragging .square{cursor:grabbing}.influence-overlay{z-index:2;pointer-events:none;border:4px solid;position:absolute;inset:3px}.influence-overlay.influence-red{border-color:#ff675b}.influence-overlay.influence-blue{border-color:#76a9f2}.square-outline{z-index:8;border:3px solid var(--text);pointer-events:none;position:absolute;inset:0}.square-outline.drag-outline{border-width:4px;border-color:var(--influence)}.type-sum-key{min-height:30px;color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;padding:5px 31px 0;font-size:.72rem;display:flex}.type-sum-key strong{color:var(--text);margin-right:3px}.energy-toolbar{border:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0 31px;padding:5px 8px;display:flex}.energy-toolbar>strong{font-size:.78rem}.energy-channel-controls{grid-template-columns:repeat(4,34px);gap:5px;display:grid}.energy-channel-controls button{color:#090b0b;border-color:#11131380;place-items:center;width:34px;height:34px;min-height:34px;padding:0;font-weight:700;display:grid}.energy-channel-controls .cyan,.energy-readout i.cyan{background:#00d9e8}.energy-channel-controls .magenta,.energy-readout i.magenta{background:#e43c9b}.energy-channel-controls .yellow,.energy-readout i.yellow{background:#f0d52f}.energy-channel-controls .black,.energy-readout i.black{color:#fff;background:#151717}.energy-channel-controls button:not(.active){opacity:.3;filter:grayscale()}.energy-piece-shape{color:currentColor;width:24px;height:24px}.energy-piece-shape path{fill:currentColor}.energy-square{cursor:pointer}.energy-square.energy-selected{box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 6px #090b0b}.energy-square .piece{filter:drop-shadow(0 0 2px #ffffffe6)}.energy-readout{border:1px solid var(--line);background:var(--panel);grid-template-columns:auto 1fr;align-items:baseline;gap:3px 12px;margin:2px 31px 0;padding:10px 12px;display:grid}.energy-readout>span{color:var(--muted);justify-self:end;font-size:.78rem}.energy-readout>div{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:6px;display:grid}.energy-readout>div>span{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 6px;min-width:0;display:grid}.energy-readout>div>span.disabled{opacity:.3}.energy-readout i{color:#090b0b;grid-row:span 2;place-items:center;width:24px;height:24px;font-style:normal;font-weight:700;display:grid}.energy-readout i .energy-piece-shape{width:18px;height:18px}.energy-readout b{font-size:.78rem}.energy-readout small{min-width:0;color:var(--muted);text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.piece-alert-hint{border:1px solid var(--influence);color:var(--text);background:#171919;margin:2px 31px 0;padding:10px 12px;font-size:.82rem;line-height:1.45}.piece-alert-hint strong{color:var(--influence);margin-bottom:2px;display:block}.piece-alert-hint p{margin:0}.check-actions{gap:8px;margin-top:9px;display:flex}.check-actions button{align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.hint-button{border-color:var(--influence);color:var(--influence)}.hint-button:hover{background:#ffd84d1f}.hint-button:disabled{opacity:.62;cursor:wait}.resign-button{border-color:var(--red);color:#ff776d}.resign-button:hover{background:#cf483d24}.type-sums{z-index:6;pointer-events:none;position:absolute;inset:0}.type-sum-value{color:#090b0b;text-align:center;background:#eeeae1d1;min-width:1.6em;padding:1px 2px;font-size:.72rem;font-style:normal;line-height:1;position:absolute}.type-sum-value.pawn{top:2px;left:2px}.type-sum-value.rook{top:2px;right:2px}.type-sum-value.total{min-width:2em;color:var(--text);background:#090b0bb8;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.type-sum-value.spy{bottom:2px;left:2px}.type-sum-value.king{bottom:2px;right:2px}.square.type-sums-visible .piece{width:56%;height:56%;inset:22%}.legal-dot{background:var(--text);z-index:5;border:2px solid #090b0b8c;border-radius:50%;position:absolute;inset:34%}.legal-dot.risky-dot{background:var(--influence);border-color:#090b0b;border-radius:0;inset:30%;transform:rotate(45deg)}.risk-marker{z-index:6;color:#090b0b;pointer-events:none;font-size:.95rem;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.king-block-marker{z-index:5;aspect-ratio:1;background:var(--influence);color:#090b0b;pointer-events:none;border:2px solid #090b0b;place-items:center;width:28%;min-width:18px;font-size:.78rem;font-weight:800;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.king-block-marker:after{content:"";border:2px solid var(--influence);border-radius:50%;position:absolute;inset:-6px}.unstable{z-index:7;background:var(--influence);color:#111313;pointer-events:none;border:2px solid #111313;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.72rem;font-weight:900;line-height:1;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #f5e18673}.loss-pop{z-index:9;pointer-events:none;width:72%;height:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loss-pop:before{content:"";aspect-ratio:1;background:var(--influence);border:2px solid #090b0b;width:18%;animation:.52s ease-out forwards loss-pop-core;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loss-pop i{--pop-angle:0deg;border-right:14px solid var(--influence);transform-origin:0;width:38%;height:4px;transform:rotate(var(--pop-angle)) translateX(5%) scaleX(.2);background:#090b0b;animation:.52s ease-out forwards loss-pop-ray;position:absolute;top:50%;left:50%}.loss-pop i:first-child{--pop-angle:0deg}.loss-pop i:nth-child(2){--pop-angle:45deg}.loss-pop i:nth-child(3){--pop-angle:90deg}.loss-pop i:nth-child(4){--pop-angle:135deg}.loss-pop i:nth-child(5){--pop-angle:180deg}.loss-pop i:nth-child(6){--pop-angle:225deg}.loss-pop i:nth-child(7){--pop-angle:270deg}.loss-pop i:nth-child(8){--pop-angle:315deg}@keyframes loss-pop-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)scale(.15)}}@keyframes loss-pop-ray{0%{opacity:0;transform:rotate(var(--pop-angle)) translateX(5%) scaleX(.2)}18%{opacity:1}to{opacity:0;transform:rotate(var(--pop-angle)) translateX(39%) scaleX(1)}}.piece{z-index:4;pointer-events:none;transform-origin:50%;width:70%;height:70%;transition:transform 90ms,filter 90ms;position:absolute;inset:15%}.piece.moving-hidden{opacity:0}.piece-move-ghost{width:calc(100% / var(--board-size,7));height:calc(100% / var(--board-size,7));z-index:12;pointer-events:none;animation:.26s cubic-bezier(.2,.8,.2,1) forwards piece-move;position:absolute;top:0;left:0}.piece-move-ghost .piece{filter:drop-shadow(0 5px 4px #090b0b61)}@keyframes piece-move{0%{transform:translate(calc(var(--from-x) * 100%), calc(var(--from-y) * 100%)) scale(1)}35%{transform:translate(calc((var(--from-x) + (var(--to-x) - var(--from-x)) * .35) * 100%), calc((var(--from-y) + (var(--to-y) - var(--from-y)) * .35) * 100%)) scale(1.1)}to{transform:translate(calc(var(--to-x) * 100%), calc(var(--to-y) * 100%)) scale(1)}}.piece path{stroke:none}.piece.red path{fill:var(--red-piece)}.piece.blue path{fill:var(--blue-piece)}.piece .accent{fill:none;stroke:#090b0b;stroke-linecap:square}.piece.dragging{filter:drop-shadow(0 4px 3px #090b0b6b);transform:scale(1.08)}.control-panel,.debug-panel,.wave-editor,.ai-duel-panel{border:1px solid var(--line);background:var(--panel)}.ai-duel-panel{gap:14px;padding:16px;display:grid}.ai-duel-panel>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.ai-duel-panel h2,.ai-duel-panel h3{margin:0;font-size:1rem}.ai-duel-panel header span,.range-control span,.side-policy-grid span,.ai-status,.duel-cap{color:var(--muted);font-size:.78rem}.side-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.side-policy-grid label{gap:6px;min-width:0;display:grid}.side-policy-grid select{width:100%;min-height:36px;color:var(--text);border:1px solid var(--line);background:#101313;border-radius:0;padding:0 8px}.duel-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.duel-controls button{justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:0 10px;display:inline-flex}.duel-controls .active{border-color:var(--text)}.range-control{gap:7px;display:grid}.range-control span{align-items:center;gap:7px;display:inline-flex}.range-control input{width:100%;accent-color:var(--neutral)}.ai-metrics{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.ai-metrics article{background:#141717;min-width:0;padding:12px}.ai-metrics article.blue{box-shadow:inset 3px 0 0 var(--blue)}.ai-metrics article.red{box-shadow:inset 3px 0 0 var(--red)}.ai-metrics b{margin-top:8px;font-size:1.25rem;display:block}.ai-metrics article>span{color:var(--muted);font-size:.72rem}.ai-metrics dl{gap:6px;margin:12px 0 0;display:grid}.ai-metrics dl div{justify-content:space-between;gap:12px;display:flex}.ai-metrics dt{color:var(--muted)}.ai-metrics dd{margin:0}.duel-cap{color:var(--influence);margin:0}.ai-status{margin:0}.randomize-controls,.reset-controls{place-items:center;width:34px;height:34px;min-height:34px;padding:0;display:grid}.control-actions{border-top:1px solid var(--line);grid-template-columns:repeat(2,34px);justify-content:end;gap:5px;padding:5px 8px 6px;display:grid}.component-row{border-bottom:1px solid var(--line);display:grid}.component-row.row-king{border-bottom:0}.component-group{align-items:center;gap:4px;min-height:51px;padding:6px 7px;display:grid}.component-group.components-1{grid-template-columns:82px minmax(0,1fr)}.component-group.components-2{grid-template-columns:82px repeat(2,minmax(0,1fr))}.component-group.components-3{grid-template-columns:82px repeat(3,minmax(0,1fr))}.piece-heading{grid-area:1/1;grid-template-columns:30px 17px minmax(0,1fr);align-items:center;gap:3px;display:grid}.piece-shape-legend{aspect-ratio:1;width:17px;display:block;position:relative}.piece-shape-legend .piece{width:92%;height:92%;inset:4%}.piece-heading-copy{align-content:center;gap:1px;min-width:0;display:grid}.piece-heading-copy strong{text-overflow:ellipsis;min-width:0;font-size:.7rem;overflow:hidden}.piece-heading-copy span{color:var(--muted);font-size:.6rem}.piece-heading-copy .component-count,.piece-heading-copy .strength-label{display:none}.wave-thumbnail{aspect-ratio:1;grid-template-columns:repeat(var(--board-size,7), 1fr);border:1px solid var(--line);background:#101212;width:30px;display:grid}.wave-thumbnail-cell{border-bottom:1px solid #1113132e;border-right:1px solid #1113132e;display:block}.wave-thumbnail-cell.red{background:var(--red)}.wave-thumbnail-cell.neutral{background:#686964}.wave-thumbnail-cell.blue{background:var(--blue)}.wave-thumbnail-cell.origin{box-shadow:inset 0 0 0 1px var(--text)}.coefficient-row{grid-row:1;grid-template-columns:12px repeat(2,minmax(0,1fr));align-items:center;gap:2px;min-width:0;display:grid}.coefficient-row:nth-child(2){grid-column:2}.coefficient-row:nth-child(3){grid-column:3}.coefficient-row:nth-child(4){grid-column:4}.coefficient-row>span{font-size:.58rem}.coefficient-row button{touch-action:manipulation;-webkit-tap-highlight-color:#eeeae12e;min-width:0;height:36px;min-height:36px;padding:0;font-size:.88rem}.coefficient-row .chosen.red{background:var(--red)}.coefficient-row .chosen.blue{background:var(--blue)}.coefficient-row button:disabled:not(.chosen){opacity:.38}.legend{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px 8px;padding:6px 8px;font-size:.64rem;display:grid}.legend span{align-items:center;gap:5px;min-width:0;display:flex}.swatch,.legend-legal,.legend-risk,.legend-king,.legend-unstable{flex:none;place-items:center;width:14px;height:14px;display:inline-grid}.swatch.red{background:var(--red)}.swatch.neutral{background:var(--neutral)}.swatch.blue{background:var(--blue)}.legend-legal{background:var(--text);border:1px solid #090b0b8c;border-radius:50%}.legend-risk{background:var(--influence);color:#090b0b;transform:rotate(45deg)}.legend-risk b{font-size:.62rem;line-height:1;transform:rotate(-45deg)}.legend-king{background:var(--influence);color:#090b0b;border:1px solid #090b0b;font-size:.55rem;font-style:normal;font-weight:800}.legend-unstable{background:var(--influence);color:#111313;border:2px solid #111313;border-radius:50%;font-size:.68rem;font-style:normal;font-weight:900}.developer{gap:16px;width:min(1200px,100%);margin:22px auto 0;display:grid}.metrics{background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.metrics span{background:var(--panel);color:var(--muted);padding:12px}.history-roll{border:1px solid var(--line);background:var(--panel);padding:14px 16px 16px}.history-roll>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.history-roll h2{margin:0;font-size:1rem}.history-roll>header span{color:var(--muted);font-size:.76rem}.history-roll ol{border:1px solid var(--line);max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.history-roll li{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr);gap:2px 10px;padding:8px 10px;display:grid}.history-roll li:last-child{border-bottom:0}.history-roll li.current{background:#202323}.history-roll li>b{color:var(--muted);grid-row:span 2;font-size:.75rem}.history-roll li.current>b{color:var(--influence)}.history-roll li>span{min-width:0;font-size:.82rem}.history-roll li>small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;line-height:1.35}.default-component-editor{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px}.default-editor-heading,.debug-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.default-editor-heading h2,.debug-section-heading h2{margin:0 0 3px;font-size:1rem}.debug-section-heading span{color:var(--muted);font-size:.86rem}.default-editor-heading p{color:var(--muted);margin:0;font-size:.8rem}.default-editor-heading .icon-button{place-items:center;width:38px;height:38px;min-height:38px;padding:0;display:grid}.default-piece-list{display:grid}.default-piece-row{border-top:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:10px 0;display:grid}.default-piece-name{gap:2px;display:grid}.default-piece-name small{color:var(--muted)}.default-component-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.default-component{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;display:grid}.default-component>span{color:var(--muted);font-size:.72rem}.default-segmented{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.default-segmented button{border-right-width:0;min-width:0;min-height:38px;padding:0}.default-segmented button:last-child{border-right-width:1px}.default-segmented .active{background:var(--neutral);color:#111313}.default-segmented button:disabled:not(.active){opacity:.38}.restart-with-defaults{margin-top:12px}.wave-scale-editor,.home-energy-editor,.pressure-panel{border-bottom:1px solid var(--line);padding:16px}.wave-scale-grid,.home-energy-grid{background:var(--line);grid-template-columns:90px repeat(2,minmax(0,1fr));gap:1px;display:grid}.home-energy-grid{grid-template-columns:90px minmax(0,1fr)}.wave-scale-grid>strong,.home-energy-grid>strong{color:var(--muted);background:#101212;padding:9px 10px;font-size:.75rem}.wave-scale-row,.home-energy-row{display:contents}.wave-scale-row>span,.wave-scale-row input,.home-energy-row>span,.home-energy-row input{min-width:0;color:var(--text);background:#141717;border:0;padding:9px 10px}.wave-scale-row>span,.home-energy-row>span{font-weight:700}.wave-scale-row input,.home-energy-row input{width:100%;font:inherit}.pressure-metrics{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.pressure-metrics>span{background:#141717;gap:3px;min-width:0;padding:10px;display:grid}.pressure-metrics b{color:var(--text)}.pressure-metrics small{color:var(--muted)}.pressure-trend{border:1px solid var(--line);background:#101212;align-items:end;gap:3px;height:58px;margin-top:12px;padding:8px;display:flex}.pressure-trend i{flex:1;min-width:4px;display:block}.pressure-trend i.red{background:var(--red)}.pressure-trend i.blue{background:var(--blue)}.field-table,.kernel{grid-template-columns:repeat(var(--board-size,7), 1fr);background:var(--line);gap:1px;padding:1px;display:grid}.field-table span,.kernel span{background:#101212;place-items:center;min-height:34px;font-size:.82rem;display:grid}details{border-top:1px solid var(--line);padding:12px}summary{cursor:pointer}.piece-list{color:var(--muted);gap:7px;margin-top:12px;font-size:.85rem;display:grid}.wave-editor{padding:16px}.editor-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}select,.editor-bar button,.secondary,.import-button{border:1px solid var(--line);background:#101212;min-height:38px;padding:0 10px}.import-button{cursor:pointer;align-items:center;display:inline-flex}.import-button input{display:none}.editor-grid{grid-template-columns:1fr 260px;gap:20px;display:grid}.segmented,.ring-row,.pattern-tabs,.component-tabs{gap:8px;margin-bottom:10px;display:flex}.pattern-tabs,.component-tabs{flex-wrap:wrap}.segmented .active,.ring-row .active,.pattern-tabs .active,.component-tabs .active{background:var(--neutral);color:#111313}.slot-stepper{grid-template-columns:34px minmax(28px,1fr) 34px;align-items:center;gap:4px;display:grid}.slot-stepper span{border:1px solid var(--line);background:#101212;place-items:center;min-height:34px;display:grid}.grid-editor{grid-template-columns:repeat(var(--board-size,7), minmax(32px, 1fr));gap:4px;max-width:440px;display:grid}.grid-stepper{text-align:center;border:1px solid var(--line);width:100%;min-width:0;min-height:58px;color:var(--text);background:#101212;grid-template-rows:18px 20px 18px;align-items:center;display:grid}.grid-stepper button{width:100%;min-width:0;height:18px;color:var(--muted);background:0 0;border:0;padding:0;font-size:.62rem;line-height:1}.grid-stepper button:not(:disabled):hover{color:var(--text)}.grid-stepper button:disabled{opacity:.25}.grid-stepper span{font-size:.82rem}.grid-stepper.red{border-color:#ff776d}.grid-stepper.blue{border-color:#77a8ff}.grid-stepper.neutral{color:var(--muted)}.kernel .red{color:#ff776d}.kernel .blue{color:#77a8ff}.kernel .neutral{color:var(--muted)}.win-banner{border:1px solid var(--text);text-align:center;background:#101212;width:min(820px,100% - 52px);margin:18px auto 0;padding:18px;font-size:1.4rem}.rules-page{width:min(1180px,100%);margin:0 auto}.rules-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.back-button{align-items:center;gap:8px;display:inline-flex}.rules-hero{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:clamp(20px,4vw,54px);margin-top:36px;display:grid}.rules-copy h2,.rules-panel h2,.rules-split h2{letter-spacing:0;margin:0 0 10px;font-size:clamp(1.1rem,2vw,1.7rem)}.rules-copy p,.rules-panel p,.rules-split p,.rules-panel li,.rules-split li,.quick-reference dd{color:var(--muted);line-height:1.55}.rules-copy h2{text-transform:uppercase;max-width:640px;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.04}.rules-copy p{max-width:700px;margin:0;font-size:1.05rem}.rules-board{aspect-ratio:1;border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.rules-board-cell{background:#b8b5ad;min-width:0;position:relative}.rules-board-cell.red{background:var(--red)}.rules-board-cell.blue{background:var(--blue)}.rules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.how-to-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:start;gap:24px;margin-top:26px;display:grid}.how-to-panel ol{margin:0;padding-left:22px}.how-to-panel>div>strong{margin-bottom:10px;display:block}.toolbar-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toolbar-key span{min-width:0;min-height:38px;color:var(--muted);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;font-size:.82rem;line-height:1.25;display:grid}.toolbar-key svg{color:var(--text)}.toolbar-key .gradient-swatch{border:1px solid var(--line);justify-self:center;width:18px;height:18px}.rules-panel{border:1px solid var(--line);background:var(--panel);padding:18px}.rules-panel>svg{color:var(--influence);margin-bottom:12px}.rules-piece-panel{grid-column:span 2}.rules-panel ol,.rules-split ul{margin:0;padding-left:22px}.territory-rule{grid-template-columns:28px minmax(72px,auto) minmax(0,1fr);align-items:center;gap:9px 11px;margin-top:18px;display:grid}.territory-rule small{color:var(--muted)}.piece-rules{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.piece-rule{aspect-ratio:1;border:1px solid var(--line);text-align:center;background:#101212;grid-template-rows:auto auto minmax(0,1fr);place-items:center;gap:8px;min-width:0;padding:10px;display:grid}.piece-rule strong{font-size:.9rem;line-height:1.15}.piece-rule small{min-width:0;color:var(--muted);font-size:.72rem;line-height:1.25}.mini-piece-slot{aspect-ratio:1;background:var(--blue);width:40px;display:block;position:relative}.rules-split{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:24px;margin-top:18px;padding:22px 0;display:grid}.movement-demo .legal-dot{inset:30%}.movement-demo .piece.selected path{stroke:var(--influence)}.movement-demo .risky-dot{background:var(--influence);border-color:#090b0b;inset:26%}.marker-demo{border:1px solid var(--line);background:var(--panel);gap:12px;padding:18px;display:grid}.marker-demo span{min-height:42px;color:var(--muted);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;display:grid}.marker-demo i,.marker-demo .king-block-marker{width:34px;height:34px;display:grid;position:relative;top:auto;left:auto;transform:none}.marker-demo .legal-dot{border-color:var(--text);inset:auto}.marker-demo .risky-dot{background:var(--influence);border-color:#090b0b;transform:rotate(45deg)}.marker-demo b{z-index:1;color:#090b0b;grid-area:1/1;justify-self:center}.quick-reference{margin-top:4px}.quick-reference dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;display:grid}.quick-reference dt{color:var(--text);margin-bottom:5px;font-weight:700}.quick-reference dd{margin:0}@media (prefers-reduced-motion:reduce){.loss-pop:before,.loss-pop i{animation-duration:.12s}}@media (width<=900px){.app{padding:16px 6px}.topbar{grid-template-columns:1fr}.topbar-right{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%}.turn-block{text-align:left;justify-items:start}.play-area,.metrics,.editor-grid,.rules-hero,.how-to-panel,.rules-grid,.rules-split,.quick-reference dl{grid-template-columns:1fr}.rules-piece-panel{grid-column:auto}.rules-board{width:min(420px,100%)}.default-piece-row{grid-template-columns:82px minmax(0,1fr)}}@media (width<=540px){.app{padding:10px 6px}.default-component-editor{padding:12px 8px}.history-roll{padding:10px 8px 12px}.history-roll ol{max-height:230px}.history-roll li{grid-template-columns:42px minmax(0,1fr);padding:7px 8px}.default-piece-row{grid-template-columns:minmax(0,1fr);gap:6px}.default-piece-name{justify-content:space-between;align-items:baseline;display:flex}.default-component-list{gap:5px}.default-component{grid-template-columns:13px minmax(0,1fr);gap:2px}.default-segmented button{min-height:34px;font-size:.8rem}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}.topbar>:first-child{min-width:0}.topbar-right{grid-template-columns:1fr;justify-items:end;gap:5px;width:auto}.side-label{margin-bottom:2px;font-size:.82rem}h1{font-size:1.55rem}.turn-block{text-align:right;justify-items:end;gap:3px;font-size:.75rem}.turn-block span{font-size:.9rem}.turn-block strong{max-width:155px}.topbar-right .actions{justify-content:flex-end;gap:4px}.actions button{width:35px;height:35px;min-height:35px}.rules-page{padding-left:12px;padding-right:12px}.rules-header{align-items:center}.rules-hero{gap:16px;margin-top:22px}.rules-grid{gap:10px}.rules-panel{padding:14px}.piece-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-piece-slot{width:36px}.territory-rule{grid-template-columns:20px minmax(70px,auto) minmax(0,1fr)}.play-area{gap:10px;margin-top:12px}.board-wrap{gap:4px}.type-sum-key{gap:8px;padding-right:16px;font-size:.66rem}.energy-toolbar,.energy-readout{margin-left:16px;margin-right:16px}.energy-toolbar{min-height:40px;padding:3px 6px}.energy-channel-controls{grid-template-columns:repeat(4,32px);gap:4px}.energy-channel-controls button{width:32px;height:32px;min-height:32px}.energy-readout{padding:8px}.energy-readout>div{gap:4px}.energy-readout>div>span{grid-template-columns:20px minmax(0,1fr);gap:1px 4px}.energy-readout i{width:20px;height:20px;font-size:.72rem}.files{padding:0 16px;font-size:.78rem;line-height:1}.board-row-wrap{grid-template-columns:12px minmax(0,1fr) 12px;gap:4px}.ranks{font-size:.78rem}.piece-alert-hint{margin-left:16px;margin-right:16px}.type-sum-value{padding:1px;font-size:.48rem}.legend{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:4px;padding:6px 8px;font-size:.58rem}.randomize-controls,.reset-controls{width:34px;height:34px;min-height:34px}.control-actions{grid-template-columns:repeat(2,34px);padding:5px 8px 6px}.swatch{width:14px;height:14px}.component-group{gap:5px;min-height:50px;padding:5px 6px}.component-group.components-1{grid-template-columns:76px minmax(0,1fr)}.component-group.components-2{grid-template-columns:76px repeat(2,minmax(0,1fr))}.component-group.components-3{grid-template-columns:76px repeat(3,minmax(0,1fr))}.piece-heading{grid-template-columns:30px 16px minmax(0,1fr)}.piece-shape-legend{width:16px}.wave-thumbnail{width:30px}.piece-heading-copy strong{font-size:.68rem}.piece-heading-copy span{font-size:.58rem}.coefficient-row{grid-template-columns:12px repeat(2,minmax(0,1fr));gap:2px}.coefficient-row>span{font-size:.54rem}.coefficient-row button{height:34px;min-height:34px;font-size:.82rem}}@media (width<=350px){.top-actions .actions{gap:2px}.actions button{width:34px;padding:0}.coefficient-row{grid-template-columns:12px repeat(2,minmax(0,1fr))}}