/* routes/split.css — #/split THE SPLIT (mockup v1 02_split, drawn in mockup px: calc(1 * var(--m)) = 1.1483 css px at 1920) */
.split{--m:calc(1.1483px * var(--u));--pl:#1c0384;--pl2:#15026f;--vio:#b57bff;--grn:#3AF1BE;--pale:#e6d6ff;color:var(--ink);font-family:var(--font-body)}
.split *{box-sizing:border-box}
.split button{background:none;color:inherit;cursor:pointer;padding:0;font:inherit}
.split .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.split .g{color:var(--grn)}.split .v{color:var(--vio)}.split .w{color:#fff}
.split .dot{display:inline-block;width:calc(15 * var(--m));height:calc(15 * var(--m));border-radius:50%;flex:none}
.split .dot.a{background:#3AF1BE}.split .dot.b{background:#b56cf5}.split .dot.c{background:#efe6ff}
.split [hidden]{display:none!important}

/* ---------- screen 1 ---------- */
.s-head{height:calc(129 * var(--m));padding-top:calc(18 * var(--m))}
.s-title{margin:0;font:400 calc(70 * var(--m))/1 var(--font-display);color:#fbf6ff;letter-spacing:0}
.s-sub{margin:calc(6 * var(--m)) 0 0 calc(6 * var(--m));font:400 calc(23 * var(--m))/1.2 var(--font-body);color:#f6f0ff}
.s-top{display:grid;grid-template-columns:calc(737 * var(--m)) calc(810 * var(--m));gap:calc(12 * var(--m));height:calc(564 * var(--m))}
.s-card{background:var(--pl);position:relative;overflow:hidden}

/* left: split per cut */
.s-per{display:grid;grid-template-columns:calc(405 * var(--m)) calc(332 * var(--m))}
.s-per .donut{position:relative}
.s-per h2{position:absolute;left:calc(24 * var(--m));top:calc(16 * var(--m));margin:0;font:600 calc(29 * var(--m))/1.2 var(--font-body);color:var(--vio);z-index:2}
.s-per svg.ring{position:absolute;left:0;top:0;width:calc(405 * var(--m));height:calc(564 * var(--m));overflow:visible}
.s-per .seg{transition:d .5s var(--ease-settle)}
.s-per .pc{position:absolute;left:calc(36 * var(--m));top:calc(247 * var(--m));z-index:2}
.s-per .pc .lbl{font:500 calc(20 * var(--m))/1 var(--font-body);color:#fff}
.s-per .pc .big{display:block;margin-top:calc(14 * var(--m));font:400 calc(58 * var(--m))/1 var(--font-mono);color:var(--vio)}
.s-per .leg{list-style:none;margin:calc(24 * var(--m)) 0 0;padding:0;display:flex;flex-direction:column;gap:calc(12 * var(--m))}
.s-per .leg li{display:grid;grid-template-columns:calc(27 * var(--m)) calc(62 * var(--m)) calc(62 * var(--m)) auto;align-items:center;font:400 calc(21 * var(--m))/1.1 var(--font-body);height:calc(23 * var(--m))}
.s-per .leg .p,.s-per .leg .amt{font:600 calc(20 * var(--m))/1 var(--font-body)}
.s-per .leg .amt{font-family:var(--font-mono);font-weight:400}
.s-ctl{position:relative;padding:calc(27 * var(--m)) calc(18 * var(--m)) 0 calc(26 * var(--m));background:linear-gradient(var(--muted),var(--muted)) left calc(30 * var(--m))/max(1px,calc(1.4 * var(--m))) calc(516 * var(--m)) no-repeat;background-color:transparent}
.s-ctl .lbl{display:block;font:500 calc(18 * var(--m))/1.2 var(--font-body);color:#fff}
.s-prices{display:grid;grid-template-columns:repeat(4,calc(66 * var(--m)));gap:calc(9 * var(--m));margin-top:calc(11 * var(--m))}
.s-prices button{height:calc(54 * var(--m));padding:0;font:500 calc(16 * var(--m))/1 var(--font-body);color:#fff;background:#1a0478;border-radius:calc(8 * var(--m));transition:background-color .2s var(--ease-settle),box-shadow .15s var(--ease-settle)}
.s-prices button:hover{box-shadow:0 0 calc(12 * var(--m)) rgba(199,125,255,.55)}
.s-prices button.is-on{background:#7d2df0;box-shadow:inset 0 0 0 calc(2 * var(--m)) #d9b4ff}
.s-ctl .lbl.as{margin-top:calc(23 * var(--m))}
.s-step{display:grid;grid-template-columns:calc(61 * var(--m)) 1fr calc(61 * var(--m));height:calc(55 * var(--m));width:calc(283 * var(--m));margin-top:calc(9 * var(--m));padding:0!important;overflow:hidden}
.s-step button{font:300 calc(34 * var(--m))/1 var(--font-body);color:#fff;transition:background-color .15s var(--ease-settle)}
.s-step button:hover:not(:disabled){background:#2b0aa6}
.s-step button:disabled{opacity:.35;cursor:not-allowed}
.s-step .val{display:flex;align-items:center;justify-content:center;font:400 calc(26 * var(--m))/1 var(--font-mono);color:var(--vio);background:linear-gradient(var(--violet),var(--violet)) left/max(1px,calc(2.5 * var(--m))) 100% no-repeat,linear-gradient(var(--violet),var(--violet)) right/max(1px,calc(2.5 * var(--m))) 100% no-repeat}
.s-hr{height:max(1px,calc(1.4 * var(--m)));background:#9a86d6;margin:calc(22 * var(--m)) 0 0 calc(-4 * var(--m));width:calc(290 * var(--m))}
.s-ctl h3{margin:calc(17 * var(--m)) 0 calc(10 * var(--m));font:500 calc(19 * var(--m))/1.2 var(--font-body);color:#fff}
.s-amt{display:grid;grid-template-columns:1fr auto;row-gap:calc(8 * var(--m));width:calc(275 * var(--m));font:400 calc(19 * var(--m))/1.25 var(--font-body)}
.s-amt .mono{font-size:calc(20 * var(--m));text-align:right}
.s-amt span:first-child,.s-amt span:nth-child(odd){padding-left:calc(5 * var(--m))}
.s-night{display:grid;grid-template-columns:1fr auto;row-gap:calc(6 * var(--m));width:calc(275 * var(--m));margin-top:calc(14 * var(--m));font:500 calc(19 * var(--m))/1.25 var(--font-body)}
.s-night .mono{font-size:calc(21 * var(--m));text-align:right}
.s-gas{display:grid;grid-template-columns:1fr 1fr;margin-top:calc(12 * var(--m));width:calc(290 * var(--m))}
.s-gas > div{display:flex;align-items:center;gap:calc(10 * var(--m));min-height:calc(50 * var(--m))}
.s-gas > div + div{padding-left:calc(14 * var(--m));background:linear-gradient(var(--muted),var(--muted)) left/max(1px,calc(1.2 * var(--m))) 100% no-repeat}
.s-gas svg{width:calc(26 * var(--m));height:calc(30 * var(--m));flex:none}
.s-gas small{display:block;font:400 calc(13.5 * var(--m))/1.2 var(--font-body);color:var(--muted)}
.s-gas b{display:block;font:500 calc(19 * var(--m))/1.2 var(--font-body);color:#fff;white-space:nowrap}
.s-gas .busy{font-size:calc(12 * var(--m));color:var(--muted)}

/* right: cuts selected + settle rail */
.s-rail{padding:calc(16 * var(--m)) calc(20 * var(--m)) 0 calc(17 * var(--m))}
.s-rail h2{margin:0;font:600 calc(33 * var(--m))/1.2 var(--font-body);font-style:italic;color:#fff}
.s-rail .sub{margin:calc(6 * var(--m)) 0 0;font:400 calc(20 * var(--m))/1.2 var(--font-body);color:#f2ecff}
.s-batches{display:grid;grid-template-columns:calc(481 * var(--m)) calc(36 * var(--m)) calc(257 * var(--m));grid-auto-rows:calc(134 * var(--m));row-gap:calc(14 * var(--m));margin-top:calc(19 * var(--m));position:relative}
.s-batches > .spine{position:absolute;left:calc(497 * var(--m));top:calc(67 * var(--m));width:max(1px,calc(1.6 * var(--m)));height:calc(300 * var(--m));background:#a978f0}
.s-batch{background:var(--pl2);padding:calc(12 * var(--m)) calc(12 * var(--m)) 0 calc(15 * var(--m));display:grid;grid-template-columns:calc(300 * var(--m)) 1fr;grid-template-rows:auto 1fr;column-gap:calc(20 * var(--m))}
.s-batch .t{grid-column:1/-1;font:600 calc(19.5 * var(--m))/1.2 var(--font-body);color:#fff;display:flex;gap:calc(13 * var(--m));align-items:center}
.s-batch .t i{width:max(1px,calc(1.4 * var(--m)));height:calc(22 * var(--m));background:#a98be8}
.s-batch .t em{font-style:normal;font-weight:400}
.s-tiles{display:grid;grid-template-columns:repeat(12,calc(18 * var(--m)));grid-auto-rows:calc(18 * var(--m));gap:calc(6 * var(--m)) calc(5.3 * var(--m));margin-top:calc(14 * var(--m));align-content:start}
.s-tiles i{background:#2BC99C;border-radius:calc(2 * var(--m))}
.s-batch ul{list-style:none;margin:calc(10 * var(--m)) 0 0;padding:0;display:flex;flex-direction:column;gap:calc(7 * var(--m))}
.s-batch li{display:grid;grid-template-columns:calc(21 * var(--m)) 1fr auto;align-items:center;font:400 calc(15.5 * var(--m))/1.2 var(--font-body)}
.s-batch li .dot{width:calc(12 * var(--m));height:calc(12 * var(--m))}
.s-batch li b{font:500 calc(17 * var(--m))/1 var(--font-body);text-align:right}
.s-arrow{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.s-arrow svg{width:calc(26 * var(--m));height:calc(26 * var(--m))}
.s-xfer{background:var(--pl2);display:grid;grid-template-columns:calc(72 * var(--m)) 1fr;padding:calc(14 * var(--m)) calc(12 * var(--m)) 0 calc(15 * var(--m))}
.s-xfer .coin{width:calc(58 * var(--m));height:calc(58 * var(--m))}
.s-xfer small{display:block;font:400 calc(15.5 * var(--m))/1.2 var(--font-body);color:#f2ecff;margin-top:calc(4 * var(--m))}
.s-xfer b{display:block;font:600 calc(21 * var(--m))/1.25 var(--font-body);color:#fff}
.s-xfer button{display:block;margin-top:calc(10 * var(--m));width:calc(154 * var(--m));height:calc(42 * var(--m));font:600 calc(16.5 * var(--m))/1 var(--font-body);color:#C8FCEB;background:#16036f;border-radius:calc(8 * var(--m));box-shadow:inset 0 0 0 calc(2.4 * var(--m)) #3AF1BE;transition:box-shadow .15s var(--ease-settle),background-color .15s var(--ease-settle)}
.s-xfer button:hover{box-shadow:inset 0 0 0 calc(2.4 * var(--m)) #3AF1BE,0 0 calc(14 * var(--m)) rgba(58,241,190,.55)}
.s-xfer button.is-done{background:#1f6b45;color:#fff}

.s-dockgap{height:calc(18 * var(--m))}

/* ---------- screen 2: a night of 120 cuts ---------- */
.s-night-p{margin-top:calc(31 * var(--m));height:calc(415 * var(--m));background:var(--pl);display:grid;grid-template-columns:calc(482 * var(--m)) 1fr;grid-template-rows:calc(113 * var(--m)) calc(188 * var(--m)) 1fr;padding:0 calc(22 * var(--m)) 0 calc(28 * var(--m))}
.s-night-p .hd{grid-column:1/-1;padding-top:calc(12 * var(--m))}
.s-night-p h2{margin:0;font:400 calc(64 * var(--m))/1 var(--font-display);color:#fbf6ff;letter-spacing:0}
.s-night-p .hd p{margin:calc(9 * var(--m)) 0 0;font:400 calc(21 * var(--m))/1.2 var(--font-body)}
.s-grid{position:relative;padding-top:calc(16 * var(--m))}
.s-grid .cells{display:grid;grid-template-columns:repeat(17,calc(19 * var(--m)));grid-auto-rows:calc(19 * var(--m));gap:calc(10 * var(--m)) calc(5.4 * var(--m))}
.s-grid .cells i{border-radius:calc(2 * var(--m));background:#2BC99C;transition:background-color .5s var(--ease-settle)}
.s-grid .cells i.v{background:#b56cf5}.s-grid .cells i.h{background:#efe6ff}
.s-grid .tot{margin:calc(11 * var(--m)) 0 0;width:calc(415 * var(--m));text-align:center;font:500 calc(18 * var(--m))/1.2 var(--font-body)}
.s-grid .ar{position:absolute;left:calc(432 * var(--m));top:calc(58 * var(--m));width:calc(30 * var(--m));height:calc(26 * var(--m))}
.s-nb{display:grid;grid-template-columns:calc(322 * var(--m)) calc(337 * var(--m)) calc(337 * var(--m));column-gap:calc(19 * var(--m));height:calc(181 * var(--m));margin-left:calc(-3 * var(--m))}
.s-nb > div{background:var(--pl2);padding:calc(10 * var(--m)) calc(20 * var(--m)) 0 calc(20 * var(--m))}
.s-nb .t{display:flex;justify-content:space-between;align-items:center;font:600 calc(20 * var(--m))/1.3 var(--font-body)}
.s-nb .t em{font-style:normal;font-weight:400;font-size:calc(17 * var(--m))}
.s-nb .row{display:flex;align-items:center;gap:calc(5 * var(--m));margin-top:calc(8 * var(--m));height:calc(20 * var(--m))}
.s-nb .row i{width:calc(18 * var(--m));height:calc(18 * var(--m));border-radius:calc(2 * var(--m));background:#2BC99C}
.s-nb .row.v i{background:#b56cf5}.s-nb .row.h i{background:#efe6ff}
.s-nb .row span{margin-left:calc(10 * var(--m));font:600 calc(16 * var(--m))/1 var(--font-body);letter-spacing:.2em}
.s-nb ul{list-style:none;margin:calc(10 * var(--m)) 0 0;padding:0;display:flex;flex-direction:column;gap:calc(8 * var(--m))}
.s-nb li{display:grid;grid-template-columns:calc(32 * var(--m)) 1fr calc(60 * var(--m)) auto;align-items:center;font:400 calc(18.5 * var(--m))/1.3 var(--font-body)}
.s-nb li .dot{width:calc(19 * var(--m));height:calc(19 * var(--m))}
.s-nb li b{font:600 calc(19 * var(--m))/1 var(--font-body);text-align:right}
.s-flow{grid-column:1/-1;display:grid;grid-template-columns:calc(118 * var(--m)) calc(570 * var(--m)) calc(210 * var(--m)) 1fr;align-items:center;position:relative}
.s-flow .brk{position:absolute;left:calc(509 * var(--m));top:calc(-2 * var(--m));width:calc(1026 * var(--m));height:calc(20 * var(--m))}
.s-bar{grid-column:2;display:flex;gap:calc(3 * var(--m));height:calc(37 * var(--m));margin-top:calc(-6 * var(--m));border-radius:999px;overflow:hidden}
.s-bar i{height:100%;transition:flex-grow .5s var(--ease-settle)}
.s-bar i:nth-child(1){background:#3AF1BE}.s-bar i:nth-child(2){background:#b56cf5}.s-bar i:nth-child(3){background:#e6d6ff}
.s-flow .lg{grid-column:3;width:calc(102 * var(--m));height:calc(20 * var(--m));margin:calc(-6 * var(--m)) 0 0 calc(47 * var(--m))}
.s-tot{grid-column:4;display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(-6 * var(--m));margin-left:calc(-20 * var(--m))}
.s-tot > div{text-align:center;padding-top:calc(4 * var(--m))}
.s-tot > div + div{background:linear-gradient(#a98be8,#a98be8) left center/max(1px,calc(1.6 * var(--m))) calc(52 * var(--m)) no-repeat}
.s-tot small{display:block;font:400 calc(18 * var(--m))/1.2 var(--font-body)}
.s-tot b{display:block;margin-top:calc(4 * var(--m));font:400 calc(35 * var(--m))/1 var(--font-mono)}

/* ---------- lower row ---------- */
.s-low{display:grid;grid-template-columns:calc(549 * var(--m)) calc(514 * var(--m)) calc(473 * var(--m));column-gap:calc(11 * var(--m));margin-top:calc(14 * var(--m));height:calc(379 * var(--m));margin-bottom:calc(15 * var(--m))}
.s-low > div{background:var(--pl);padding:calc(14 * var(--m)) calc(15 * var(--m)) 0 calc(20 * var(--m))}
.s-low h2{margin:0;font:600 calc(30 * var(--m))/1.2 var(--font-body);color:var(--vio)}
.s-low .sub{margin:calc(2 * var(--m)) 0 0;font:400 calc(19 * var(--m))/1.2 var(--font-body);color:#f2ecff}
.s-mx{margin-top:calc(12 * var(--m));display:grid;grid-template-columns:calc(113 * var(--m)) repeat(3,calc(132 * var(--m)));grid-template-rows:calc(40 * var(--m)) repeat(4,calc(57 * var(--m)));gap:max(1px,calc(1.6 * var(--m)));background:#a58af0;width:max-content;padding:max(1px,calc(1.6 * var(--m)));border-radius:calc(6 * var(--m))}
.s-mx > *{background:var(--pl2);display:flex;flex-direction:column;align-items:center;justify-content:center;font:400 calc(17.5 * var(--m))/1.2 var(--font-body)}
.s-mx .h{font:600 calc(15 * var(--m))/1 var(--font-body)}
.s-mx .p{font:600 calc(19 * var(--m))/1 var(--font-body);align-items:flex-start;padding-left:calc(26 * var(--m))}
.s-mx small{font-size:calc(16.5 * var(--m));color:#e2d8ff}
.s-mx .gc,.s-mx .gc small{color:var(--grn)}
.s-mx .on{background:#7a22f0;transition:background-color .3s var(--ease-settle)}
.s-mx .on small{color:#fff}
.s-mx .p.on{box-shadow:inset 0 0 0 calc(2 * var(--m)) #e3c8ff}
.s-mx [data-mx-row]{cursor:pointer}
.s-mx [data-mx-row]:hover{filter:brightness(1.25)}

.s-math{margin-top:calc(15 * var(--m));width:calc(472 * var(--m));height:calc(134 * var(--m));background:var(--pl2);display:grid;grid-template-columns:calc(140 * var(--m)) calc(36 * var(--m)) calc(130 * var(--m)) calc(36 * var(--m)) 1fr;align-items:center;padding:0 0 0 calc(26 * var(--m))!important}
.s-math small{display:block;font:400 calc(16 * var(--m))/1.2 var(--font-body)}
.s-math b{display:block;font:400 calc(23 * var(--m))/1.35 var(--font-mono);color:var(--vio)}
.s-math .x{font:300 calc(34 * var(--m))/1 var(--font-body);color:var(--vio);text-align:center}
.s-math .n{text-align:center}
.s-math .n b{font-size:calc(26 * var(--m));color:#fff}
.s-down{display:block;margin:calc(9 * var(--m)) 0 0 calc(224 * var(--m));width:calc(20 * var(--m));height:calc(24 * var(--m))}
.s-sgas{margin-top:calc(8 * var(--m));width:calc(472 * var(--m));height:calc(100 * var(--m));display:grid;grid-template-columns:calc(260 * var(--m)) 1fr;align-items:center}
.s-sgas > div{display:flex;align-items:center;gap:calc(16 * var(--m));padding-left:calc(18 * var(--m))}
.s-sgas > div + div{background:linear-gradient(#a98be8,#a98be8) left center/max(1px,calc(1.6 * var(--m))) calc(60 * var(--m)) no-repeat}
.s-sgas svg{width:calc(40 * var(--m));height:calc(44 * var(--m));flex:none}
.s-sgas small{display:block;font:400 calc(17 * var(--m))/1.2 var(--font-body)}
.s-sgas .big{display:block;font:400 calc(38 * var(--m))/1.1 var(--font-mono);color:var(--grn)}
.s-sgas .blk{display:block;margin-top:calc(4 * var(--m));font:600 calc(21 * var(--m))/1.2 var(--font-body)}

.s-bnd{padding-right:calc(15 * var(--m))!important}
.s-bnd .box{margin-top:calc(11 * var(--m));background:var(--pl2);padding:calc(9 * var(--m)) calc(15 * var(--m)) 0 calc(16 * var(--m))!important}
.s-bnd .box b{display:block;font:600 calc(16 * var(--m))/1.3 var(--font-body)}
.s-bnd .box small{display:block;font:400 calc(14 * var(--m))/1.3 var(--font-body);color:#f2ecff}
.s-bnd .lim{height:calc(137 * var(--m))}
.s-bnd .lim .two{display:grid;grid-template-columns:1fr 1fr;margin-top:calc(10 * var(--m))}
.s-bnd .lim .two > div{display:flex;flex-direction:column;align-items:center}
.s-bnd .lim .two > div + div{background:linear-gradient(#a98be8,#a98be8) left top/max(1px,calc(1.4 * var(--m))) calc(70 * var(--m)) no-repeat}
.s-mini{display:grid;grid-template-columns:calc(42 * var(--m)) 1fr calc(42 * var(--m));width:calc(178 * var(--m));height:calc(46 * var(--m));padding:0!important;overflow:hidden;background:#2a0f9a}
.s-mini span{display:flex;align-items:center;justify-content:center;font:300 calc(28 * var(--m))/1 var(--font-body);color:#b9a6e8}
.s-mini em{display:flex;align-items:center;justify-content:center;font:400 calc(20 * var(--m))/1 var(--font-mono);font-style:normal;color:#9f8fd0;background:#23108a}
.s-mini.is-hit{box-shadow:0 0 calc(14 * var(--m)) rgba(199,125,255,.7)}
.s-mini.is-hit em{color:#fff}
.s-bnd .lim .cap{margin-top:calc(6 * var(--m));font:400 calc(13.5 * var(--m))/1.2 var(--font-body)}
.s-bnd .net{height:calc(141 * var(--m))}
.s-alert{margin-top:calc(9 * var(--m));width:calc(414 * var(--m));height:calc(76 * var(--m));display:grid;grid-template-columns:calc(60 * var(--m)) 1fr;align-items:center;padding:0!important}
.s-alert svg{width:calc(32 * var(--m));height:calc(32 * var(--m));justify-self:center}
.s-alert strong{display:block;font:600 calc(15 * var(--m))/1.25 var(--font-body);color:var(--vio)}
.s-alert strong span{color:#fff}
.s-alert p{margin:0;font:400 calc(13.5 * var(--m))/1.3 var(--font-body);color:#f2ecff}
.s-alert.ok strong{color:var(--grn)}

/* motion: ring trace + tiles grow-in (inert under reduced motion) */
@media (prefers-reduced-motion: no-preference){
  .split .trace-in{stroke-dasharray:1400;stroke-dashoffset:1400;animation:s-trace .5s var(--ease-settle) forwards}
  @keyframes s-trace{to{stroke-dashoffset:0}}
  .split .pop{animation:s-pop .5s var(--ease-settle) both}
  @keyframes s-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
  .split .flipn{animation:s-flip .5s var(--ease-settle)}
  @keyframes s-flip{from{opacity:0;transform:translateY(-55%)}to{opacity:1;transform:none}}
}

/* ---------- below 1024: one column ---------- */
@media (max-width:1023px){
  .split{--m:1px}
  .s-head{height:auto;padding:24px 0 16px}
  .s-title{font-size:48px}
  .s-top,.s-low{grid-template-columns:1fr;height:auto;gap:16px}
  .s-per{grid-template-columns:1fr;min-height:0}
  .s-per .donut{height:564px}
  .s-ctl{background:none;padding:16px 16px 20px}
  .s-rail{padding:16px 12px 16px}
  .s-batches{grid-template-columns:1fr;grid-auto-rows:auto;row-gap:10px}
  .s-batches > .spine,.s-arrow{display:none}
  .s-batch{grid-template-columns:1fr;padding-bottom:12px}
  .s-tiles{grid-template-columns:repeat(12,18px)}
  .s-xfer{padding-bottom:14px}
  .s-night-p{height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:12px 12px 20px;overflow:hidden}
  .s-night-p h2{font-size:34px}
  .s-grid .cells{grid-template-columns:repeat(17,14px);grid-auto-rows:14px;gap:6px 4px}
  .s-grid .ar,.s-flow .brk,.s-flow .lg{display:none}
  .s-grid .tot{width:auto;text-align:left}
  .s-nb{grid-template-columns:1fr;height:auto;row-gap:10px;margin:16px 0 0}
  .s-nb > div{padding-bottom:12px}
  .s-flow{grid-template-columns:1fr;row-gap:16px;margin-top:16px}
  .s-bar,.s-tot{grid-column:1;margin:0}
  .s-tot b{font-size:24px}
  .s-low > div{padding:14px 12px 16px}
  .s-mx{grid-template-columns:70px repeat(3,1fr);width:100%}
  .s-mx .p{padding-left:8px}
  .s-math{width:100%;grid-template-columns:1fr 20px 1fr 20px 60px;padding-left:12px!important}
  .s-down{margin-left:45%}
  .s-sgas{width:100%;height:auto;grid-template-columns:1fr;row-gap:12px;padding:12px 0}
  .s-bnd .lim,.s-bnd .net{height:auto;padding-bottom:12px!important}
  .s-alert{width:100%;height:auto;padding:8px 0!important}
  .s-mini{width:150px}
}

/* cuts-per-night preset (flow control, top right of the settle rail) */
.s-cuts{position:absolute;right:calc(22 * var(--m));top:calc(24 * var(--m));display:flex;align-items:center;gap:calc(8 * var(--m));font:400 calc(15 * var(--m))/1 var(--font-body);color:var(--muted)}
.s-cuts span{margin-right:calc(4 * var(--m))}
.s-cuts button{height:calc(34 * var(--m));min-width:calc(56 * var(--m));padding:0 calc(12 * var(--m));font:400 calc(15 * var(--m))/1 var(--font-mono);color:#fff;background:#1a0478;transition:background-color .2s var(--ease-settle),box-shadow .15s var(--ease-settle)}
.s-cuts button:hover{box-shadow:0 0 calc(12 * var(--m)) rgba(199,125,255,.55)}
.s-cuts button.is-on{background:#7d2df0}
@media (max-width:1023px){.s-cuts{position:static;margin-top:12px;flex-wrap:wrap}}

/* demo settle state + clickable matrix headers */
.s-batch .t .st{margin-left:auto;font:500 calc(14 * var(--m))/1 var(--font-body);color:var(--grn)}
.s-batch.is-settled .s-tiles i{background:#2e7a55}
.s-mx [data-mx-col]{cursor:pointer}
.s-mx [data-mx-col]:hover{filter:brightness(1.25)}
.s-mx .cf{background:#2d0fa8}.s-mx .h.cf{background:#3a16c4}
.s-mx [data-mx-reset]{cursor:pointer}
.s-mx .rf{background:#9a45ff}
/* site: the shared dock lives in the header, so the space the mockup gives it under screen 1 becomes one 96px section gap */
.s-dockgap{height:calc(52.6 * var(--m))}
@media (max-width:1023px){.s-dockgap{height:16px}.s-night-p{margin-top:0}}