:root{--paper:#0a1e33;--cell:#15395c;--ink:#e2f0fb;--soft:#84acca;--line:#e2f0fb16;--met:#31d1dd;--on-met:#052134;--dead:#f0564a;--power:#e9b93c;--on-power:#241a06;--on-dead:#25070a;--gap:clamp(10px, 2.4vw, 18px);--fs:24px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);padding:var(--gap);background-image:repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px 28px), repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 28px);min-height:100vh;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px;line-height:1.45}.sheet{border:1.5px solid var(--ink);background:0 0;max-width:960px;margin:0 auto;padding:clamp(14px,3vw,26px)}.codebox::placeholder{color:var(--soft);opacity:.7}::selection{background:var(--met);color:var(--on-met)}header{border-bottom:1.5px solid var(--ink);margin-bottom:var(--gap);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:10px;display:flex}h1{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Archivo Black,system-ui,sans-serif;font-size:clamp(28px,7vw,52px);line-height:.85}.rule-line{letter-spacing:.05em;color:var(--soft);max-width:46ch;margin-top:7px;font-size:11px}.plate{text-align:right;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-size:10px}.plate b{color:var(--ink);letter-spacing:0;font-family:Archivo Black,sans-serif;font-size:22px;display:block}main{gap:var(--gap);grid-template-columns:minmax(0,1.4fr) minmax(212px,.8fr);align-items:start;display:grid}@media (width<=720px){main{grid-template-columns:1fr}}.board-wrap{position:relative}.scroller{scrollbar-gutter:stable;justify-content:safe center;align-items:flex-start;padding:2px;display:flex;overflow:auto}.board{flex:none;gap:4px;width:max-content;margin:0;display:grid}.board.paintable{touch-action:none;-webkit-user-select:none;user-select:none}.cell{font:inherit;color:var(--ink);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .12s,transform .1s;display:flex;position:relative}.cell.void{cursor:default}.cell.open{cursor:pointer;border-style:dashed;border-color:#e2f0fb57}.cell.open:hover{background:#e2f0fb1a}.cell.open:focus-visible{outline:3px solid var(--ink);outline-offset:2px;z-index:4}.cell.open .adj{font-size:calc(var(--fs)*.46);color:var(--soft);opacity:.5}.cell.cube{border-color:var(--ink);background:var(--cell);cursor:default}.cell .num{font-family:Archivo Black,sans-serif;font-size:var(--fs);line-height:1}.cell.cube{flex-direction:column;gap:0}.board.tiny .xm{width:calc(var(--fs)*.42);height:calc(var(--fs)*.42);--xw:1.5px}.cell.cube .xm{opacity:.6}.tile .xm{opacity:.95}.tile{--fs:21px}.cell.cube.met{background:var(--met);color:var(--on-met);border-color:var(--met)}.cell.cube.dead{background:var(--dead);color:var(--on-dead);border-color:var(--dead)}.cell.cube.dead:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 6px,#0000003d 6px 9px);position:absolute;inset:0}.cell.cube.short{box-shadow:inset 0 0 0 2px #e2f0fb38}.cell.cube.erasable{cursor:pointer}.cell.cube.erasable:hover{box-shadow:inset 0 0 0 3px var(--dead);transform:scale(.9)}.cell.cube.erasable:focus-visible{outline:3px solid var(--dead);outline-offset:2px;z-index:4}.cell.just{animation:.18s ease-out pop}@keyframes pop{0%{transform:scale(.84)}to{transform:scale(1)}}aside{gap:var(--gap);flex-direction:column;display:flex}.panel{border:1.5px solid var(--ink);padding:11px 12px}.panel h2{letter-spacing:.18em;text-transform:uppercase;color:var(--soft);border-bottom:1px solid #e2f0fb33;margin:0 0 9px;padding-bottom:5px;font-size:10px;font-weight:600}.bag{flex-wrap:wrap;gap:6px;display:flex}.tile{width:46px;height:46px;font:inherit;cursor:pointer;border:1.5px solid var(--ink);color:var(--ink);background:0 0;justify-content:center;align-items:center;font-family:Archivo Black,sans-serif;font-size:21px;transition:background .12s,color .12s;display:flex;position:relative}.tile .ct{opacity:.62;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;position:absolute;bottom:1px;right:3px}.tile:hover:not(:disabled){background:#e2f0fb1f}.tile.on{background:var(--ink);color:var(--paper)}.tile:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.tile:disabled{opacity:.2;cursor:default}.bagdone{color:var(--soft);font-size:11px}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.toolbar .modehint{text-align:left;flex:1}.mode{border:1.5px solid var(--ink);display:inline-flex}.mode.hide{display:none}.seg{font:inherit;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 15px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.seg+.seg{border-left:1.5px solid var(--ink)}.seg:hover:not(.on){background:#e2f0fb1f}.seg:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.seg.on{background:var(--ink);color:var(--paper)}.modehint{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-align:right;font-size:10px}.size{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.step{border:1.5px solid var(--ink);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;font-family:Archivo Black,sans-serif;font-size:19px;line-height:1;transition:background .12s,color .12s}.step:hover:not(:disabled){background:var(--ink);color:var(--paper)}.step:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.step:disabled{opacity:.25;cursor:default}.size .val{text-align:center;flex:1;font-family:Archivo Black,sans-serif;font-size:30px;line-height:1}.size .val small{letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;display:block}input[type=range]{width:100%;accent-color:var(--met);margin:0 0 10px;display:block}.deal{text-align:center;width:100%}.deal.pending{background:var(--ink);color:var(--paper)}.cell.cube.design{background:var(--cell);border-color:var(--ink)}.tile.static{cursor:default;background:0 0}.tile.static:hover{background:0 0}.dstat{color:var(--soft);margin-bottom:9px;font-size:11px;line-height:1.5}.dstat b{color:var(--ink);font-weight:600}.dstat .no{color:var(--dead);font-weight:600}.codebox{width:100%;font:inherit;border:1.5px solid var(--ink);color:var(--ink);background:0 0;margin-bottom:7px;padding:7px 8px;font-size:11px}.codebox:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.panel h2.sub{margin-top:15px}.hist{flex-direction:column;gap:4px;max-height:212px;display:flex;overflow:auto}.hrow{border:1.5px solid #e2f0fb47;align-items:stretch;transition:border-color .12s;display:flex}.hrow.cur{border-color:var(--ink);background:#e2f0fb14}.hgo{min-width:0;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:7px 9px;transition:background .12s;display:flex}.hgo:hover{background:#e2f0fb1a}.hgo:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.hgo .hn{min-width:26px;font-family:Archivo Black,sans-serif;font-size:17px}.hgo .hmeta{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hdel{color:var(--soft);cursor:pointer;background:0 0;border:0;border-left:1.5px solid #e2f0fb33;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex}.hdel:hover{color:var(--dead);background:#f0564a33}.hdel:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.hdel .xg{--xw:1.5px;width:11px;height:11px}.histempty{color:var(--soft);font-size:11px}.linkbtn{font:inherit;cursor:pointer;color:var(--met);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.linkbtn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.readout b.ok{color:var(--met)}.panel h2.rowhead{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel h2.rowhead .linkbtn{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.cell.cube.sum:before{content:"";opacity:.55;pointer-events:none;border:2px solid;position:absolute;inset:13%}.cell .num.two{font-size:calc(var(--fs)*.72)}.cell .num.three{font-size:calc(var(--fs)*.5);letter-spacing:-.02em}.cell .num.four{font-size:calc(var(--fs)*.38);letter-spacing:-.03em}.tile{font-size:21px}.tile.rangey{font-size:14px}.tile.sum:before{content:"";opacity:.5;border:1.5px solid;position:absolute;inset:4px}.baglabel{letter-spacing:.16em;text-transform:uppercase;color:var(--soft);flex-basis:100%;margin:4px 0 1px;font-size:9px}.chk{color:var(--soft);cursor:pointer;align-items:center;gap:7px;margin:0 0 9px;font-size:11px;display:flex}.chk input{accent-color:var(--met);cursor:pointer;width:15px;height:15px}.modehint.warn{color:var(--dead)}.clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--soft);text-align:right;min-width:62px;font-size:15px;font-weight:600}.clock.live{color:var(--ink)}.clock.done{color:var(--met)}.wintime{font-variant-numeric:tabular-nums;font-family:Archivo Black,sans-serif;font-size:clamp(26px,6vw,40px);line-height:1}.wintime .pb,.wintime .pbq{letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:block}.wintime .pb{color:var(--met)}.wintime .pbq{color:var(--soft)}.xg{pointer-events:none;display:block;position:relative}.xg:before,.xg:after{content:"";width:141.4%;height:var(--xw,2px);margin-top:calc(var(--xw,2px) / -2);background:currentColor;position:absolute;top:50%;left:-20.7%}.xg:before{transform:rotate(45deg)}.xg:after{transform:rotate(-45deg)}.xm{--xw:1.5px;opacity:.85;width:calc(var(--fs)*.34);height:calc(var(--fs)*.34);position:absolute}.xm.d0{top:0;left:2px}.xm.d1{top:0;left:50%;transform:translate(-50%)}.xm.d2{top:0;right:2px}.xm.d3{top:50%;left:2px;transform:translateY(-50%)}.xm.d4{top:50%;right:2px;transform:translateY(-50%)}.xm.d5{bottom:0;left:2px}.xm.d6{bottom:0;left:50%;transform:translate(-50%)}.xm.d7{bottom:0;right:2px}.cell.cube.picked{box-shadow:inset 0 0 0 3px var(--met)}.tile.blank{background:var(--met);border-color:var(--met);color:var(--on-met)}.tile.blank.on{box-shadow:inset 0 0 0 3px var(--ink)}.cell.cube.plant.met{background:var(--power);border-color:var(--power);color:var(--on-power)}.cell.cube.plant:before{content:"";opacity:.45;pointer-events:none;border:2px solid;position:absolute;inset:11%}.tile.plant{background:var(--power);border-color:var(--power);color:var(--on-power)}.tile.plant:before{content:"";opacity:.45;border:1.5px solid;position:absolute;inset:4px}.tile.plant.on{box-shadow:inset 0 0 0 3px var(--ink)}.blt{width:calc(var(--fs)*.4);height:calc(var(--fs)*.52);opacity:.32;clip-path:polygon(58% 0%,16% 56%,44% 56%,38% 100%,84% 40%,54% 40%);background:currentColor;margin-top:1px;display:block}.blt.lit{background:var(--power);opacity:1;filter:drop-shadow(0 0 1.5px #000000b3)drop-shadow(0 0 3px #00000059)}.board.tiny .blt{display:none}.tile .blt{background:var(--power);opacity:.9;width:9px;height:12px;margin:0;position:absolute;top:4px;right:4px}.kpad{grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:8px;display:grid}.kc{font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:0 0;border:1.5px solid #e2f0fb59;padding:8px 6px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.kc:hover:not(.no){background:#e2f0fb1f}.kc:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.kc.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.kc.no{opacity:.32;cursor:not-allowed}.rngrow{text-align:center;margin:9px 0 5px}.rngval{font-family:Archivo Black,sans-serif;font-size:24px;line-height:1}.rng{grid-template-columns:repeat(6,1fr);align-items:center;gap:3px;display:grid}.rc{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:1.5px solid #e2f0fb59;padding:6px 0;font-size:15px;font-weight:600;transition:background .12s}.rc:hover:not(:disabled){background:#e2f0fb1f}.rc:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.rc:disabled{opacity:.25;cursor:default}.rlab{letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:center;font-size:9px}.nogo{--xw:2px;width:calc(var(--fs)*.86);height:calc(var(--fs)*.86);color:var(--dead);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell.open.no{border-color:#f0564a80}.cell.open.no:hover{background:#f0564a24}.cell.void.no{border-style:dashed;border-color:#f0564a47}.cell.cube.onno .nogo{color:var(--on-dead);opacity:.75;--xw:2.5px}.board.tiny .nogo{--xw:1.5px}.xpad{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.xc{aspect-ratio:1;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:1.5px solid #e2f0fb59;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.xc:hover:not(:disabled):not(.mid){background:#e2f0fb1f}.xc:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.xc.on{background:var(--dead);color:var(--on-dead);border-color:var(--dead)}.xc.taken{opacity:.3;cursor:default;color:var(--soft)}.xc.mid{cursor:default;border:0;font-family:Archivo Black,sans-serif;font-size:19px}.xc .xg.pad{--xw:2.5px;width:15px;height:15px}.xc .dot{opacity:.55;background:currentColor;width:8px;height:8px;display:block}.controls{flex-wrap:wrap;gap:7px;display:flex}button.act{font:inherit;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;padding:7px 11px;font-size:11px;font-weight:600;transition:background .12s,color .12s}button.act:hover:not(:disabled){background:var(--ink);color:var(--paper)}button.act:focus-visible{outline:3px solid var(--ink);outline-offset:2px}button.act:disabled{opacity:.3;cursor:default}.readout{color:var(--soft);margin-top:10px;font-size:11px;line-height:1.6}.readout b{color:var(--ink)}.readout .bad{color:var(--dead);font-weight:600}.win{border:1.5px solid var(--ink);text-align:center;z-index:6;background:#0a1e33f6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.win h3{text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(22px,5vw,34px);line-height:.9}.win p{color:var(--soft);max-width:32ch;margin:0;font-size:12px}.hide{display:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}