:root{--bg:#141618;--gl:#1b1d20;--gl2:#23262a;--gl3:#2b2f33;--line:#363a3f;--bone:#e8e4d8;--dim:#9b9a92;--amber:#f2b233;--cyan:#3dd6e0;--red:#e05a4a;--green:#4ad07a;--top:2.55rem;--bot:9.7rem}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0d0e0f;color:var(--bone);font:400 1rem/1.25 system-ui,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#app{position:fixed;inset:0}
#view{position:absolute;left:0;top:0;display:none;touch-action:none;cursor:crosshair}
.ic{flex:none;vertical-align:middle}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.red{color:var(--red)}.dim{color:var(--dim)}.warnc{color:var(--amber)}
a{cursor:pointer;color:inherit;text-decoration:none}
b{font-weight:600}
kbd{font:600 .72rem/1 system-ui;color:var(--dim);background:none;border:0}
button{font:inherit;color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid #5a5e63;border-radius:.3rem;padding:.55rem 1rem;cursor:pointer;font-weight:600;min-height:2.4rem}
.btn:hover{background:#2a2d31}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1a1405}.btn.primary:hover{background:#ffc546}
.btn.primary2{background:#3b3320;border-color:var(--amber);color:var(--bone)}.btn.amberline{border-color:var(--amber);background:#2b2514}.btn.warn{border-color:var(--red);color:#ff9f93}
.btn.big{width:100%;font-size:1.1rem;padding:.75rem 1rem}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn small{font-weight:400;opacity:.7}
.bar{height:.4rem;background:#33373b;border-radius:.2rem;overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan)}
#hud{position:absolute;inset:0;pointer-events:none}#hud.off{display:none}#hud>*{pointer-events:auto}
/* top bar */
#top,.top.solid{position:absolute;left:0;right:0;top:0;height:var(--top);background:#141618;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid #000;z-index:5}
.tl{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:700;white-space:nowrap}.tl #tSub,.tl .sep+span{font-weight:400;color:var(--dim);font-size:1.05rem}.sep{width:1px;height:1.4rem;background:#555}
#tSub .mt{color:var(--dim);cursor:pointer}#tSub .mt.on{color:var(--bone);font-weight:600;border-bottom:2px solid var(--amber)}
.tc{position:absolute;left:44%;transform:translateX(-50%);font-size:1.25rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;display:flex;align-items:center;gap:.7rem}.tc .amber{font-weight:700}
.pchip{border:1px solid var(--amber);border-radius:.25rem;padding:.1rem .5rem;font-size:.95rem;display:inline-flex;gap:.3rem;align-items:center;background:#2a2412}
.tr{margin-left:auto;display:flex;align-items:center;gap:1.1rem;font-size:1.1rem}.res{display:inline-flex;gap:.4rem;align-items:center;font-weight:500;white-space:nowrap}.res b{font-weight:600}
.tbtn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border:1px solid #3d4146;border-radius:.3rem;font-size:.9rem;min-height:1.9rem;background:#1c1e21}.tbtn:hover{background:#2a2d31}.tbtn.on{border-color:var(--amber);color:var(--amber)}.tbtn.dis{opacity:.45}
#alert{position:absolute;left:0;bottom:var(--bot);height:2.2rem;display:none;align-items:center;gap:.5rem;padding:0 1rem;background:#1e1a10;color:var(--amber);font-weight:600;font-size:1.05rem;z-index:3;max-width:34rem;border-top-right-radius:.3rem}#alert[data-sev="4"],#alert[data-sev="3"]{color:#ff8b7c;background:#251412}
/* bottom bar */
#bottom{position:absolute;left:0;right:0;bottom:0;height:var(--bot);background:#17191b;border-top:1px solid #000;display:flex;align-items:stretch;gap:.9rem;padding:.55rem .8rem;z-index:4}
#mini{flex:none;width:15rem;height:100%;background:#23262a;border:1px solid #444;border-radius:.2rem}
#live{flex:1;display:flex;gap:.8rem;min-width:0}#strip{flex:1;display:flex;gap:.6rem;min-width:0;overflow-x:auto;scrollbar-width:none}
.card{flex:1 1 6.2rem;min-width:5.6rem;max-width:12rem;background:#202327;border:1px solid #3a3e43;border-radius:.3rem;padding:.55rem .7rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;gap:.2rem .6rem;cursor:pointer;align-content:center}
.card .ci svg{width:22px;height:22px}.card .ci{grid-row:1;color:var(--bone);display:flex;align-items:center}.card .cm{display:flex;flex-direction:column;justify-content:center;font-size:.95rem;min-width:0}.card .cm b{font-size:.95rem;overflow:hidden;text-overflow:ellipsis}.card .cn{font-size:.95rem;color:var(--bone)}
.card .bar{grid-column:1/3}.card .bar.am{height:.2rem}.card .bar.am i{background:var(--amber);opacity:.8}.card.on{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset;background:#2a2517}.card.dead{opacity:.35}.card.low{border-color:#8a6a1e}
#cmds{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:20rem;padding-left:.8rem;border-left:1px solid #2a2d31}
.cmd{display:flex;align-items:center;gap:.5rem;background:#202327;border:1px solid #484c51;border-radius:.3rem;padding:0 .7rem;font-size:1rem;position:relative}.cmd b{font-weight:500}.cmd kbd{margin-left:auto}
.cmd.on{border-color:var(--amber);background:#2f2814;box-shadow:0 0 0 1px var(--amber) inset}.cmd.dis{opacity:.4}.cmd:hover{background:#2a2d31}
#plan{display:none;flex:1;align-items:center;gap:1.2rem;min-width:0}.planmode #plan{display:flex}.planmode #live,.planmode #alert{display:none!important}
#plan .pt{font-size:1.2rem;font-weight:600;white-space:nowrap}#pal{display:flex;gap:.6rem}.pal{width:8.7rem;height:7.6rem;background:#202327;border:1px solid #484c51;border-radius:.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center}
.pal b{font-weight:500}.pal span{color:var(--dim);font-size:.9rem}.pal.on{border-color:var(--amber);background:#2b2514;box-shadow:0 0 0 1px var(--amber) inset}.pal.dis{opacity:.4}.pal:hover{background:#2a2d31}
.hints{margin-left:auto;display:flex;flex-direction:column;gap:.45rem;color:var(--dim);font-size:.95rem;white-space:nowrap;padding-right:.5rem}.hints div{display:flex;align-items:center;gap:.5rem}.hints kbd{margin-left:.4rem;font-size:.85rem}
.planmode #bottom{right:25rem}
#palpop{display:none;position:absolute;right:21rem;bottom:calc(var(--bot) + .4rem);gap:.5rem;background:#17191b;border:1px solid #444;border-radius:.4rem;padding:.6rem;z-index:6}#palpop.on{display:flex}#palpop .pal{width:7rem;height:6rem}
/* side panel */
#side{position:absolute;right:0;top:var(--top);bottom:var(--bot);width:24rem;background:#1b1d20;border-left:1px solid #000;padding:1rem 1.1rem;display:none;overflow-y:auto;z-index:3;scrollbar-width:thin}#side.on{display:block}
.planmode #side{bottom:0;width:25rem;padding:.8rem .9rem;z-index:6}
#side.slim{top:auto;bottom:var(--bot);width:22rem;border:1px solid #333;border-radius:.4rem .4rem 0 0;max-height:12rem;padding:.6rem .8rem}
#side h2{margin:0;font-size:1.5rem;font-weight:600}#side h3{margin:.4rem 0 .5rem;font-size:1.05rem;font-weight:600}#side h4{margin:1rem 0 .4rem;font-size:1.15rem;font-weight:500}
.sh2{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.sh2 h2{flex:1;font-size:1.4rem}.sh2 .br{color:var(--amber)}
.thumb{display:grid;grid-template-columns:auto 1fr;gap:.7rem;margin-bottom:.8rem}#thumb{width:8rem;height:6.2rem;border:1px solid #444;border-radius:.2rem;background:#4d5154}
.tbl{border:1px solid #3a3e43;border-radius:.2rem}.tbl div{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-bottom:1px solid #2c2f33;font-size:1rem}.tbl div:last-child{border:0}.tbl span{flex:1}.tbl b{font-weight:600}
.warnbox{display:flex;align-items:center;gap:.6rem;border:1px solid #6e5418;background:#2a2312;color:var(--amber);padding:.6rem .8rem;border-radius:.3rem;margin:.6rem 0;font-weight:500;font-size:1rem}
.okbox{display:flex;align-items:center;gap:.5rem;color:#8ee0ad;padding:.4rem .2rem;font-size:.95rem}
.trow{display:flex;align-items:center;gap:.6rem;background:#202327;border:1px solid #3a3e43;border-radius:.3rem;padding:.5rem .7rem;margin:.4rem 0;font-size:1.05rem}.trow .grow{flex:1}.trow select{flex:1;background:#202327;color:var(--bone);border:0;font:inherit;font-size:1.05rem;min-height:1.8rem}.trow .st{width:1.8rem;height:1.8rem;display:grid;place-items:center;border:1px solid #555;border-radius:.25rem}
.note{color:var(--dim);padding:.8rem 0}
.jobq{margin-top:1rem;border:1px solid #3a3e43;border-radius:.3rem;background:#16181a;padding:.5rem .7rem}.jobq h3{margin:.1rem 0 .4rem;font-size:1rem;font-weight:500}.jq{display:flex;align-items:center;gap:.5rem;padding:.35rem .4rem;border:1px solid #2f3236;border-radius:.2rem;margin-bottom:.3rem;font-size:.95rem}.jq.on{border-color:var(--amber);background:#252012}.jq i{font-style:normal;color:var(--dim);width:1rem}.jq span{flex:1}
.ct{margin:0 0 .7rem}.cp{color:#d3d0c6;line-height:1.45;font-size:1.05rem;border-bottom:1px solid #34383d;padding-bottom:1rem;margin:0 0 .8rem}.mx{font-size:1.15rem;padding:.2rem 0 1rem}.mx b{font-size:1.15rem}
.opts{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.2rem}.opt{display:flex;gap:.8rem;align-items:flex-start;border:1px solid #3a3e43;border-radius:.3rem;padding:.8rem;background:#1e2023}.opt.on{border-color:var(--amber);background:#2a2412}.opt b{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.opt span{color:#bdb9ad;font-size:.95rem}
.rad{flex:none;width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid #777;margin-top:.15rem;position:relative}.opt.on .rad{border-color:var(--amber)}.opt.on .rad:after{content:"";position:absolute;inset:3px;background:var(--amber);border-radius:50%}
/* deploy side */
.dh{font-size:1.45rem!important;margin:.2rem 0 .6rem!important}.dh span{font-weight:400;color:var(--dim)}
.box{border:1px solid #3a3e43;border-radius:.3rem;background:#1e2023;padding:.35rem .7rem;margin-bottom:.7rem}.box>div{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:1.05rem}.box>div span{flex:1;color:#cfcbbf}.box>div.wr{color:var(--amber)}.box h3{display:flex;align-items:center;gap:.5rem;margin:.2rem 0 .3rem;font-size:1.1rem}.box h3 b{margin-left:auto;color:var(--amber)}
.intel{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.8rem}.intel div{border:1px solid #3a3e43;background:#1e2023;border-radius:.3rem;display:flex;flex-direction:column;align-items:center;padding:.5rem .2rem;gap:.2rem;color:#d96a5a;font-size:.95rem}.intel span{color:var(--bone)}
.cr{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:1rem}.cr span{flex:1}.cr em{font-style:normal;color:#cfcbbf}.cr small{color:var(--dim)}.cr.e{color:var(--dim)}.ec{display:inline-block;width:1.4rem;height:1.2rem;border:1px dashed #666}.cb{width:1.2rem;height:1.2rem;border:1px solid #666;border-radius:.2rem;display:grid;place-items:center}.cb.on{background:var(--green);border-color:var(--green);color:#10200f}
.rr{display:grid;grid-template-columns:auto 1fr auto 6rem;align-items:center;gap:.6rem;padding:.3rem .3rem;font-size:1.02rem;border-radius:.2rem;cursor:pointer}.rr.on{background:#2a2412;outline:1px solid var(--amber)}.rr b{font-weight:500}
.hint{color:var(--dim);font-size:.9rem;padding:.3rem 0 .6rem}.dbtn{display:flex;gap:.7rem;position:sticky;bottom:0;padding:.5rem 0;background:#1b1d20}.dbtn .btn:first-child{flex:1}.dbtn .btn.primary{flex:1.2}
/* drawer */
#drawer{display:none;position:absolute;left:0;right:0;bottom:0;height:57%;background:#17191b;border-top:1px solid #000;padding:.5rem .8rem .8rem;z-index:7}#drawer.on{display:block}
.dh2{display:flex;align-items:center;gap:.8rem;height:2.7rem}.dh2 h2{margin:0 1rem 0 .3rem;font-size:1.8rem;font-weight:600}.wtab{border:1px solid #5a5e63;border-radius:.3rem;padding:.4rem 1.1rem;font-size:1.1rem;font-weight:500}.wtab.on{border-color:var(--amber);background:#2b2514}.dh2 .x{margin-left:auto}
.dgrid{display:grid;grid-template-columns:24rem 1fr 25rem;gap:.8rem;height:calc(100% - 3.2rem);margin-top:.5rem}
.wl{background:#1b1d20;border:1px solid #2d3034;border-radius:.3rem;overflow-y:auto;scrollbar-width:thin}.wlh{display:flex;justify-content:space-between;padding:.5rem .8rem;border-bottom:1px solid #2d3034;font-size:1rem;position:sticky;top:0;background:#1b1d20}
.rec{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem;border-bottom:1px solid #26292c;cursor:pointer}.rec b{display:block;font-size:1.1rem;font-weight:600}.rec span{color:var(--dim);font-size:.95rem}.rec>div{flex:1}.rec.on{border:1px solid var(--amber);background:#2a2412}.rec.lock{opacity:.55}.rec.note{cursor:default}.rt{width:3.4rem;height:2.5rem;display:grid;place-items:center;background:#2c2f33;border-radius:.2rem;color:#d6a21e}
.wp{display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:0}.pv{position:relative;flex:1;border:1px solid #2d3034;border-radius:.3rem;overflow:hidden;min-height:0}.pv canvas{width:100%;height:100%;display:block}
.ar{position:absolute;top:50%;width:2.4rem;height:2.4rem;margin-top:-1.2rem;border:1px solid #666;border-radius:.3rem;background:#25282b;display:grid;place-items:center}.ar.l{left:.6rem}.ar.r{right:.6rem}.ar .rl{transform:rotate(-90deg)}.ar .rr{transform:rotate(90deg)}.dotsr{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem}.dotsr i{width:.5rem;height:.5rem;border-radius:50%;background:#666}.dotsr i.on{background:var(--amber)}
.mods h4{margin:0 0 .3rem;font-size:1rem;font-weight:500}.mrow{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.mod{background:#1e2023;border:1px solid #3a3e43;border-radius:.3rem;padding:.4rem .6rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.mod span{display:flex;align-items:center;gap:.3rem;color:var(--dim)}.mod b{font-weight:500;font-size:1rem}.mod select{background:#25282b;color:var(--bone);border:1px solid #484c51;border-radius:.2rem;font:inherit;padding:.2rem;min-height:1.7rem}
.wd{background:#1b1d20;border:1px solid #2d3034;border-radius:.3rem;padding:.8rem 1rem;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin}.wdh{display:flex;align-items:center;justify-content:space-between}.wdh h2{margin:0;font-size:1.6rem;font-weight:600}.cb2{font-style:normal;display:inline-flex;gap:.3rem;align-items:center;border:1px solid #3d8a5a;background:#17301f;color:#7fe0a3;border-radius:.25rem;padding:.2rem .6rem;font-size:.95rem}.cb2.bad{border-color:#8a3d35;background:#301a17;color:#ff9f93}
.sub{color:#cfcbbf;margin:.1rem 0 .5rem}.kv div{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:1.05rem}.kv span{flex:1}.wd p{color:#cfcbbf;line-height:1.4;font-size:1rem;margin:.6rem 0}.wbtns{display:flex;gap:.7rem;margin-top:auto;padding-top:.5rem}.wbtns .btn{flex:1}.wbtns .primary{flex:1.2}
/* screens */
.screen{position:absolute;inset:0;background:#141618;display:none;overflow:hidden}.top.solid{position:absolute}.top.solid .tl b{font-size:1.2rem}.tabs{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:1rem;align-items:center;font-size:1.15rem;color:#d4d0c4}.tabs a{padding:.4rem .2rem;border-bottom:3px solid transparent}.tabs a.on{color:var(--amber);border-color:var(--amber);font-weight:600}.tabs i{color:#666;font-style:normal}
.title{position:absolute;inset:0;display:grid;place-items:center}#tbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.8)}.tcard{position:relative;text-align:center;max-width:44rem;padding:2rem}.tcard .logo{color:var(--amber)}.tcard h1{font-size:4rem;letter-spacing:.12em;margin:.4rem 0;font-weight:800}.tag{font-size:1.3rem;color:#d8d4c6;margin:0 0 2rem}.tbtns{display:flex;flex-direction:column;gap:.8rem;max-width:22rem;margin:0 auto 2rem}.tbtns .btn{font-size:1.2rem;padding:.9rem}.keys{color:var(--dim);font-size:.95rem}
.opsbody{position:absolute;top:var(--top);left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 24rem}.mapwrap{position:relative;overflow:hidden;background:#31402a}#reg{position:absolute;inset:0;width:100%;height:100%}
.node{position:absolute;width:0;height:0;cursor:pointer;z-index:2}.node .nb{position:absolute;left:2.4rem;top:-1.4rem;white-space:nowrap;display:flex;align-items:center;gap:.4rem;background:#14161a;border:1px solid #666;border-radius:.2rem;padding:.2rem .6rem;font-weight:600;font-size:1.05rem}.node .pips{position:absolute;left:2.4rem;top:.75rem;width:9rem;display:flex;gap:.2rem;background:#14161a;padding:.25rem .5rem;border-radius:0 0 .2rem .2rem}.node .pips i{flex:1;height:.55rem;background:#444}.node .pips i.on{background:var(--cyan)}.node.dim .nb{color:#d7d3c6}
.node.sel:before{content:"";position:absolute;left:-2.6rem;top:-2.6rem;width:5.2rem;height:5.2rem;border:2px solid var(--amber);border-radius:.2rem;clip-path:polygon(0 0,28% 0,28% 4%,4% 4%,4% 28%,0 28%,0 0,100% 0,100% 28%,96% 28%,96% 4%,72% 4%,72% 0,100% 0,100% 100%,72% 100%,72% 96%,96% 96%,96% 72%,100% 72%,100% 100%,0 100%,0 72%,4% 72%,4% 96%,28% 96%,28% 100%,0 100%)}.node.sel .nb{border-color:var(--amber);color:var(--bone)}
#regmini{position:absolute;left:1rem;top:1rem;width:14rem;height:9.6rem;border:1px solid #555;border-radius:.2rem}.mmeta{position:absolute;left:12.4rem;top:1.4rem;font-size:.85rem;color:#ddd;text-align:center}.mmeta small{position:absolute;left:-11rem;top:7rem;font-size:.7rem;white-space:nowrap}
.chips{position:absolute;left:1rem;bottom:1rem;display:flex;gap:1rem;background:#16181b;border:1px solid #3a3e43;padding:.6rem 1.1rem;border-radius:.3rem;font-size:1.1rem}.chips a{display:flex;align-items:center;gap:.5rem}.chips b{font-weight:600}
.legend{position:absolute;right:1.2rem;bottom:1rem;background:rgba(18,20,22,.92);border:1px solid #3a3e43;padding:.7rem 1rem;border-radius:.3rem;display:grid;grid-template-columns:auto auto;gap:.3rem 1.5rem;font-size:.9rem}.legend div{display:flex;align-items:center;gap:.5rem}.legend i{display:inline-block;width:1.6rem;height:.45rem;font-style:normal}.l1{background:#ddd}.l2{background:#ddd;height:.7rem!important;width:.7rem!important;border-radius:50%}.l3{background:#c0554a;border:1px solid #f08b80}.l4{color:#e8544a;font-size:1.1rem;line-height:.5rem;height:auto!important}
.insp{background:#191b1e;border-left:1px solid #000;padding:1.1rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column}.ih{display:flex;align-items:center;justify-content:space-between}.ih h2{margin:0;font-size:1.9rem;font-weight:600}#prev{width:100%;aspect-ratio:360/190;border:1px solid #444;border-radius:.2rem;margin:.8rem 0;background:#555}
.irow{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:1px solid #2c2f33;font-size:1.1rem}.irow span{flex:1}.irow b{font-weight:600;text-align:right}.irow.two em{font-style:normal;font-weight:600}.irow.note{border:0;color:#d4d0c4}.insp .btn{margin-top:auto}.msn{text-align:center;color:var(--dim);font-size:.85rem;margin-top:.6rem}
.vbody,.qbody{position:absolute;top:var(--top);left:0;right:0;bottom:0;padding:.8rem 1.1rem 1rem}.ptitle{margin:.2rem 0 .8rem;font-size:2.3rem;font-weight:500;border-left:5px solid var(--amber);padding-left:.8rem}
.tabs6{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin-bottom:.8rem}.sqt{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;align-items:center;background:#1b1d20;border:1px solid #3a3e43;border-radius:.3rem;padding:.55rem .9rem;cursor:pointer}.sqt .bar{grid-column:1/3}.sqt div:nth-child(2){display:flex;flex-direction:column}.sqt b{font-size:1.25rem;font-weight:500}.sqt span{font-size:1.15rem}.sqt.on{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset;background:#2a2517}
.vcols{display:grid;grid-template-columns:3fr 4fr 3fr;gap:.8rem;height:calc(100% - 9.4rem)}.pane{background:#1b1d20;border:1px solid #33373b;border-radius:.3rem;padding:.8rem 1rem;min-height:0;display:flex;flex-direction:column}.pane h3{margin:0 0 .6rem;font-size:1.5rem;font-weight:500}.pane h3 small{font-size:1.3rem;color:#d4d0c4;font-weight:400}.ri{float:right;color:#bbb}
.sols{overflow-y:auto;flex:1;scrollbar-width:thin}.sol{display:grid;grid-template-columns:3.7rem 1fr auto auto;gap:.8rem;align-items:center;padding:.5rem 0;border-top:1px solid #2c2f33}.por{width:3.7rem;height:3.7rem;border:1px solid #555;border-radius:.2rem;background:#333}.por.plus{display:grid;place-items:center;border:1px dashed #777;background:transparent;color:#aaa}.sn b{font-size:1.3rem;font-weight:500;display:block}.sn span{font-size:.95rem;color:#c8c4b8;display:flex;align-items:center;gap:.3rem}.sn .bar{margin-top:.3rem;width:60%}
.tag{font-style:normal;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .7rem;border-radius:.25rem;font-size:1rem}.tag.ok{border:1px solid #3d8a5a;background:#17301f;color:#7fe0a3}.tag.warn{border:1px solid #8a6a1e;background:#2a2312;color:var(--amber)}.tag.new{border:1px solid #2f7e85;background:#122a2d;color:var(--cyan)}.dots{color:#aaa;font-size:1.3rem;padding:0 .3rem}.sol.vac .sn b{color:#d4d0c4}
.eq{position:relative}.figwrap{position:relative;flex:1;min-height:0;border:1px solid #33373b;border-radius:.2rem}#fig{width:100%;height:100%;display:block;object-fit:cover}.slot{position:absolute;width:8.5rem;background:#25282b;border:1px solid #6a6e73;border-radius:.25rem;padding:.4rem .6rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;font-size:.95rem}.slot>span{font-weight:600;font-size:1rem}.slot .gi{color:#c8c4b8;margin:.1rem 0}.slot small{color:#d8d4c6;font-size:.9rem}.slot .chev{position:absolute;right:.4rem;top:.4rem;color:#bbb}
.s-primary{left:3%;top:3%}.s-armor{right:5%;top:4%}.s-tool{left:3%;bottom:6%}.s-util{right:5%;bottom:8%}.menu{position:absolute;left:0;top:100%;z-index:20;width:17rem;background:#202327;border:1px solid var(--amber);border-radius:.3rem;display:flex;flex-direction:column;box-shadow:0 .5rem 1.5rem #000}.s-armor .menu,.s-util .menu{left:auto;right:0}.s-tool .menu,.s-util .menu{top:auto;bottom:100%}.menu a{padding:.5rem .7rem;border-bottom:1px solid #30343a;display:flex;flex-direction:column}.menu a small{color:var(--dim);font-size:.82rem}.menu a.on{background:#2a2412}.menu a.dis{opacity:.4}.menu a:hover{background:#2c2f33}
.btnrow{display:grid;grid-template-columns:1fr 1.3fr;gap:.8rem;margin-top:.7rem}.btnrow .btn{font-size:1.2rem;padding:.7rem}.right .rh{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #33373b;padding-bottom:.6rem;margin-bottom:.4rem}.right .rh h3{margin:0;font-size:1.4rem}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:.6rem 0 1rem;border-bottom:1px solid #33373b}.stats div{display:grid;grid-template-columns:1fr auto;gap:.3rem}.stats span{display:flex;align-items:center;gap:.5rem;color:#d4d0c4}.stats b{font-size:1.6rem;font-weight:500}.stats .bar{grid-column:1/3;height:.55rem}
.right h4{font-size:1.5rem;font-weight:500;margin:.7rem 0}.abil{display:flex;gap:1rem;align-items:center;border:1px solid #3a3e43;background:#1e2023;border-radius:.3rem;padding:.8rem 1rem;margin-bottom:.6rem}.abil b{display:block;font-size:1.3rem;font-weight:500}.abil span{color:#c8c4b8;font-size:1rem;line-height:1.3}
.recruit{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding:.9rem 0;border-top:1px solid #33373b;font-size:1.2rem}.ital{text-align:center;font-style:italic;color:#d4d0c4;margin:.8rem 0 .2rem;font-size:1.15rem}
.qbody{display:grid;grid-template-columns:19rem 1fr 24rem;gap:1rem}.cats,.shop,.cargo{min-height:0}.cats{background:#1b1d20;border:1px solid #33373b;border-radius:.3rem;padding:.4rem .8rem;overflow-y:auto;scrollbar-width:thin}.cats>a{display:flex;align-items:center;gap:1rem;padding:.7rem .4rem;border-bottom:1px solid #2c2f33;font-size:1.3rem}.cats>a.on{background:#2e2815;outline:1px solid #7a6220;margin:0 -.4rem;padding:.7rem .8rem}.cats h4{margin:1.5rem 0 .3rem;color:#c8c4b8;font-size:1rem;font-weight:500;letter-spacing:.06em}
.own{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid #26292c;font-size:1.05rem}.own span{flex:1}.own.pk{cursor:pointer}.own.pk:hover{background:#25282c}
.shop{display:flex;flex-direction:column;gap:.8rem;min-width:0}.stock{background:#1b1d20;border:1px solid #33373b;border-radius:.3rem;padding:.3rem .5rem;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.sh{display:grid;grid-template-columns:1fr 5rem 7rem;padding:.7rem .8rem;color:#c8c4b8;font-size:1rem;letter-spacing:.04em;text-align:right}.sh span:first-child{text-align:left}
.srow{display:grid;grid-template-columns:6rem 1fr 5rem 7rem;align-items:center;padding:.3rem .5rem;border:1px solid transparent;border-bottom-color:#26292c;cursor:pointer}.srow.on{border-color:var(--amber);background:#2a2412;border-radius:.2rem}.srow.out{opacity:.5}.sp svg{width:5.2rem;height:3.7rem}.sd b{display:block;font-size:1.35rem;font-weight:500}.sd span{color:#cfcbbf;font-size:1rem}.srow em{font-style:normal;text-align:right;font-size:1.25rem}.srow strong{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;font-size:1.4rem;font-weight:500}
.detail{background:#1b1d20;border:1px solid #33373b;border-radius:.3rem;padding:1rem 1.2rem;display:grid;grid-template-columns:14rem 1fr 20rem;gap:1.2rem;align-items:center;height:14rem}.dpic svg{width:100%;height:11rem}.dd h2{margin:0 0 .3rem;font-size:2rem;font-weight:500}.dd p{margin:0;color:#d4d0c4;font-size:1.15rem}.rifles{display:flex;gap:.3rem;margin-top:1rem;color:#d4d0c4}
.buy{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;font-size:1.1rem}.buy .btn{grid-column:1/3}.qty{display:flex;align-items:center;border:1px solid #555;border-radius:.3rem;justify-self:start}.qty a{width:2.6rem;height:2.4rem;display:grid;place-items:center;font-size:1.5rem}.qty b{min-width:3rem;text-align:center;font-size:1.3rem;border-left:1px solid #555;border-right:1px solid #555;line-height:2.4rem}.tot{grid-column:1/3;justify-self:end;display:flex;align-items:center;gap:.4rem;font-size:1.2rem}.tot b{font-size:1.4rem}
.cargo{background:#1b1d20;border:1px solid #33373b;border-radius:.3rem;padding:1rem 1.2rem;display:flex;flex-direction:column}.cargo h2{margin:0 0 .8rem;font-size:1.8rem;font-weight:500;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #33373b;padding-bottom:.8rem}.cargo h2 b{margin-left:auto}
.ctiles{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ctile{border:1px solid #484c51;border-radius:.3rem;display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.2rem;cursor:pointer;background:#1f2225;font-size:1.25rem}.ctile .cpic svg{width:9rem;height:6rem}.ctile.empty{border-style:dashed;color:var(--dim);justify-content:center;min-height:11rem;cursor:default}.ctile:hover:not(.empty){border-color:var(--red)}
.cinfo{display:flex;align-items:center;gap:.8rem;font-size:1.25rem;padding:1rem 0;border-bottom:1px solid #33373b;margin-top:.8rem}.cargo .warnbox,.cargo .okbox{margin:.9rem 0;font-size:1.1rem}.cbtns{display:grid;grid-template-columns:1.2fr 1fr;gap:.8rem;margin-top:auto}
.dbf{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(#23272b,#0e0f10)}.panel.big{width:min(44rem,92vw);background:#1b1d20;border:1px solid #3a3e43;border-radius:.5rem;padding:1.6rem 1.8rem}.panel h2{margin:0 0 1rem;font-size:1.9rem;display:flex;gap:.7rem;align-items:center}.panel h2.win{color:var(--cyan)}.panel h2.lose{color:#ff8b7c}.panel h4{margin:1rem 0 .2rem;color:var(--dim);font-weight:500}.panel p{margin:.2rem 0}.rows div{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid #2c2f33;font-size:1.2rem}.btns{display:flex;gap:.8rem;margin-top:1.4rem}.lead{font-size:1.2rem;color:#d4d0c4}
#modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);place-items:center;z-index:50}#modal.on{display:grid}.mbox{width:min(24rem,90vw);background:#1b1d20;border:1px solid #444;border-radius:.5rem;padding:1.4rem;display:flex;flex-direction:column;gap:.7rem}.mbox h2{margin:0 0 .4rem;text-align:center}
#toast{position:fixed;left:50%;bottom:11.5rem;transform:translate(-50%,10px);background:rgba(20,22,24,.95);border:1px solid #555;border-radius:.3rem;padding:.6rem 1.1rem;opacity:0;transition:.25s;pointer-events:none;z-index:60;font-size:1.05rem;max-width:80vw;text-align:center}#toast.on{opacity:1;transform:translate(-50%,0)}
/* ---------- iPhone landscape ---------- */
body.mob{--top:2.4rem;--bot:6.6rem}
.mob #top,.mob .top.solid{padding:0 .6rem}.mob .tl{font-size:1.05rem}.mob .tr{gap:.5rem;font-size:.95rem}.mob .tbtn span{display:none}.mob .tbtn{min-width:2.4rem;min-height:2.2rem;justify-content:center}.mob .tc{font-size:1.05rem}
.mob #mini{width:8.5rem}.mob #bottom{gap:.5rem;padding:.4rem .5rem}.mob #cmds{width:auto;display:flex;gap:.4rem;padding-left:.4rem}.mob .cmd{flex-direction:column;justify-content:center;gap:.1rem;width:4.4rem;min-height:3.2rem;padding:.2rem}.mob .cmd kbd{display:none}.mob .cmd b{font-size:.85rem}
.mob .card{flex:0 0 6.6rem;min-width:6.6rem}.mob #alert{font-size:.9rem;height:1.8rem}.mob #side{width:17rem;padding:.6rem .7rem}.mob #side h2{font-size:1.15rem}.mob .planmode #side,.mob.planmode #side{width:17.5rem}
.mob .planmode #bottom{right:17.5rem}.mob #plan .pt{display:none}.mob .pal{width:6rem;height:100%;flex:none}.mob .hints{display:none}.mob #pal{overflow-x:auto}
.mob #drawer{height:84%}.mob .dgrid{grid-template-columns:14rem 1fr 15rem}.mob .rec b{font-size:.9rem}.mob .rec span{font-size:.75rem}.mob .rt{display:none}.mob .wd{padding:.5rem .7rem}.mob .wdh h2{font-size:1.1rem}.mob .kv div{padding:.12rem 0;font-size:.85rem}.mob .wd p{font-size:.78rem;margin:.2rem 0}.mob .dh2 h2{font-size:1.2rem}.mob .mods{display:block}.mob .wbtns .btn{font-size:.85rem;padding:.3rem}
.mob .opsbody{grid-template-columns:1fr 17rem}.mob #regmini{display:none}.mob .insp{padding:.6rem .8rem}.mob .ih h2{font-size:1.2rem}.mob .irow{padding:.3rem 0;font-size:.9rem}.mob #prev{margin:.4rem 0}.mob .legend{display:none}.mob .chips{font-size:.9rem;padding:.3rem .6rem}.mob .node .nb{font-size:.8rem}
.mob .vbody,.mob .qbody{padding:.4rem .5rem}.mob .ptitle{font-size:1.2rem;margin:0 0 .3rem}.mob .tabs6{gap:.3rem;margin-bottom:.3rem}.mob .sqt{padding:.25rem .4rem}.mob .sqt b{font-size:.8rem}.mob .sqt span{font-size:.8rem}.mob .sqt .ic{width:16px;height:16px}.mob .vcols{height:calc(100% - 5rem);gap:.4rem}.mob .pane{padding:.4rem .5rem}.mob .pane h3{font-size:.95rem}.mob .sol{padding:.25rem 0;gap:.4rem;grid-template-columns:2.4rem 1fr auto}.mob .por{width:2.4rem;height:2.4rem}.mob .sn b{font-size:.9rem}.mob .sn span{font-size:.7rem}.mob .dots,.mob .tag svg{display:none}.mob .tag{font-size:.7rem;padding:.1rem .35rem}.mob .slot{width:5.8rem;padding:.2rem .35rem}.mob .slot .gi svg{width:18px;height:18px}.mob .slot small{font-size:.65rem}.mob .btnrow .btn{font-size:.85rem;padding:.3rem}.mob .stats b{font-size:1rem}.mob .abil{padding:.35rem .5rem}.mob .abil b{font-size:.9rem}.mob .abil span{font-size:.7rem}.mob .abil .ic{width:20px;height:20px}.mob .recruit{font-size:.8rem;padding:.3rem 0}.mob .right h4{font-size:.9rem;margin:.3rem 0}.mob .ital{font-size:.75rem;margin:.2rem 0}
.mob .qbody{grid-template-columns:1fr 17rem;gap:.5rem}.mob .cats{grid-column:1;display:flex;flex-direction:row;gap:.3rem;padding:.2rem;overflow-x:auto;height:2.6rem;border:0;background:none}.mob .cats>a{flex:1;padding:.3rem .5rem!important;font-size:.85rem;border:1px solid #444;border-radius:.3rem;margin:0!important;gap:.3rem}.mob .cats>a .ic{width:16px;height:16px}.mob .cats h4,.mob .own{display:none}
.mob .shop{grid-column:1;grid-row:2}.mob .cargo{grid-column:2;grid-row:1/3;padding:.5rem .6rem}.mob .qbody{grid-template-rows:auto 1fr}.mob .sd b{font-size:.9rem}.mob .sd span{font-size:.7rem}.mob .srow{grid-template-columns:3.6rem 1fr 2rem 4.2rem;padding:.1rem .3rem}.mob .sp svg{width:3.2rem;height:2.4rem}.mob .srow strong{font-size:.9rem}.mob .srow em{font-size:.85rem}.mob .sh{padding:.3rem}.mob .detail{grid-template-columns:5.5rem 1fr 11rem;height:7.6rem;padding:.4rem .6rem;gap:.5rem}.mob .dpic svg{height:5rem}.mob .dd h2{font-size:1rem}.mob .dd p{font-size:.7rem}.mob .rifles{display:none}.mob .buy{font-size:.75rem;gap:.3rem}.mob .qty a{width:1.8rem;height:1.7rem}.mob .qty b{line-height:1.7rem;min-width:2rem;font-size:.95rem}.mob .buy .btn.big{font-size:.9rem;padding:.35rem}.mob .tot{font-size:.9rem}
.mob .cargo h2{font-size:1rem;margin:0 0 .3rem;padding-bottom:.3rem}.mob .ctiles{grid-template-columns:repeat(4,1fr);gap:.3rem}.mob .ctile{font-size:.65rem;padding:.2rem}.mob .ctile .cpic svg{width:3rem;height:2.2rem}.mob .ctile.empty{min-height:3.4rem}.mob .cinfo{font-size:.85rem;padding:.4rem 0;margin-top:.3rem}.mob .cargo .warnbox{font-size:.72rem;padding:.3rem .5rem;margin:.3rem 0}.mob .cbtns .btn{font-size:.9rem;padding:.4rem}

.mob .card{grid-template-columns:1fr}.mob .card .ci{display:none}.mob .card .cm{flex-direction:row;gap:.4rem;align-items:baseline}.mob .card .cm b,.mob .card .cn{font-size:.8rem}

.node.held .nb{border-color:var(--cyan);color:var(--cyan)}
#side>.btn.primary.big{position:sticky;bottom:0}
.mob .pal{padding:.15rem;gap:.1rem;justify-content:center}.mob .pal svg{width:20px;height:20px}.mob .pal b{font-size:.8rem}.mob .pal span{font-size:.7rem}
.mob .ct{font-size:1.05rem!important;margin:0 0 .3rem}.mob .cp{font-size:.74rem;line-height:1.3;padding-bottom:.4rem;margin:0 0 .4rem}.mob .mx{font-size:.85rem;padding:0 0 .4rem}.mob .mx b{font-size:.85rem}.mob .opts{gap:.35rem;margin-bottom:.5rem}.mob .opt{padding:.4rem .5rem;gap:.5rem}.mob .opt b{font-size:.85rem;margin:0}.mob .opt span{font-size:.7rem}.mob #side .btn.big{padding:.45rem;font-size:.95rem}
.mob .dh{font-size:1.05rem!important}.mob .box>div{padding:.15rem 0;font-size:.85rem}.mob .intel div{padding:.25rem 0;font-size:.75rem}.mob .intel .ic{width:24px;height:24px}.mob .cr{font-size:.8rem;padding:.15rem 0}.mob .rr{font-size:.85rem;padding:.1rem}.mob .hint{display:none}
.tsz{display:flex;align-items:center;gap:.6rem;padding:.2rem .4rem}.tsz span{flex:1}.tsz .st{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid #555;border-radius:.25rem;font-size:1.3rem}

.compact .tbtn span{display:none}.tc{left:41%}.tbtn.spd{min-width:2.4rem;justify-content:center}

#radio{position:absolute;left:.8rem;bottom:calc(var(--bot) + 2.8rem);display:flex;flex-direction:column;gap:.25rem;pointer-events:none;z-index:3;max-width:26rem}
.rdl{display:flex;align-items:center;gap:.4rem;background:rgba(16,18,20,.82);border-left:3px solid var(--cyan);padding:.25rem .6rem;font-size:.9rem;border-radius:.15rem;color:#d8d4c8}.rdl.s3,.rdl.s4{border-color:var(--red);color:#ffb0a4}.rdl.s2{border-color:var(--amber)}
#tut{display:none;position:absolute;left:.8rem;top:calc(var(--top) + .7rem);width:21rem;background:rgba(18,20,23,.92);border:1px solid #3d4146;border-radius:.4rem;padding:.6rem .8rem;z-index:3;font-size:.9rem}
#tut .th{display:flex;justify-content:space-between;margin-bottom:.4rem;color:var(--amber)}#tut .ts{display:flex;gap:.5rem;padding:.25rem 0;color:#a9a69b;line-height:1.25}#tut .ts i{flex:none;width:1rem;height:1rem;border:1px solid #666;border-radius:50%;display:grid;place-items:center;margin-top:.1rem}#tut .ts.ok{color:#7a7a72;text-decoration:line-through}#tut .ts.ok i{background:var(--green);border-color:var(--green);color:#0c1f10}#tut .ts.now{color:var(--bone)}#tut .ts.now i{border-color:var(--amber);box-shadow:0 0 0 2px rgba(242,178,51,.25)}
#fire{display:none;position:absolute;right:.9rem;bottom:calc(var(--bot) + .4rem);align-items:center;gap:.4rem;background:rgba(20,22,25,.92);border:1px solid #484c51;border-radius:.3rem;padding:.3rem .7rem;font-size:.9rem;z-index:3;cursor:pointer}#fire.fd1{border-color:var(--amber);color:var(--amber)}#fire.fd2{border-color:var(--red);color:#ff9f93}
.mob #tut{width:15rem;font-size:.7rem;padding:.4rem .5rem}.mob #radio{bottom:calc(var(--bot) + 2.1rem)}.mob #fire{font-size:.75rem;padding:.2rem .5rem}

#strip.dense .card{grid-template-columns:1fr;gap:.15rem;padding:.4rem .5rem}#strip.dense .ci{display:none}#strip.dense .cm{flex-direction:row;justify-content:space-between;gap:.4rem;align-items:baseline}
.mbox.wide{width:min(46rem,92vw);max-height:90vh;overflow:auto}.how p{margin:.5rem 0;line-height:1.45;color:#d6d2c6;font-size:1rem}.how kbd{border:1px solid #555;border-radius:.2rem;padding:0 .3rem;color:var(--bone)}

.ii{display:block;object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.45))}
.sp .ii{width:5.2rem;height:3.9rem}.dpic .ii{width:100%;height:11rem}.cpic .ii{width:9rem;height:6rem}.own .ii.sm{width:1.6rem;height:1.3rem}.slot .gi .ii{width:3.4rem;height:2.2rem}
.intel-img{width:3.6rem;height:3.6rem;object-fit:contain;filter:drop-shadow(0 .15rem .2rem rgba(0,0,0,.6))}.intel div{color:var(--bone)!important}
.por{object-fit:cover}
#loading{position:absolute;inset:0;background:#101214;display:grid;place-items:center;z-index:90}#loading div{width:min(26rem,70vw);text-align:center;color:var(--dim)}#loading b{display:block;font-size:1.6rem;letter-spacing:.14em;color:var(--bone);margin-bottom:1rem}#loading i{display:block;height:.35rem;background:#2a2d31;border-radius:.2rem;overflow:hidden;margin-bottom:.6rem}#loading i u{display:block;height:100%;width:0;background:var(--amber);transition:width .15s}

#strip.dense .cm b,#strip.dense .cn{font-size:.85rem}

.cmd.dis{opacity:.38}.cmd.dis:hover{background:#202327}

/* Keyboard, readability and touch action parity. Canvas coordinates still use pointing. */
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
[data-act][aria-disabled="true"]{cursor:not-allowed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#placement-tools{position:absolute;left:50%;top:calc(var(--top) + .5rem);transform:translateX(-50%);display:flex;gap:.5rem;padding:.35rem;background:#141618ed;border:1px solid var(--amber);border-radius:.3rem;z-index:8}
#placement-tools .btn{min-height:44px;background:#25282b}
.mbox{max-height:90vh;overflow-y:auto}
.mob .wp{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.mob .pv{flex:none;height:6.5rem}
.mob .mods{padding:.3rem 0}
.mob .mods h4{font-size:.8rem}
.mob .mrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}
.mob .mod{min-width:0;padding:.25rem;font-size:.75rem}
.mob .mod select{width:100%;min-height:32px}
.mob .wl,.mob .wd,.mbox,.sols,.stock,.cats,.insp{touch-action:pan-y}
.mob #placement-tools{top:calc(var(--top) + .2rem);max-width:65vw;gap:.3rem}
.mob #placement-tools .btn{padding:.3rem .5rem;font-size:.8rem}

.mob .cats{touch-action:pan-x}

/* Current friendly-state inspection; live announcements use separate thresholded text. */
#selected-info{position:absolute;left:.8rem;bottom:calc(var(--bot) + .4rem);width:min(27rem,43vw);max-height:8.7rem;overflow-y:auto;background:#15191bf2;border:1px solid #687177;border-radius:.3rem;padding:.45rem .65rem;z-index:3;touch-action:pan-y}
#selected-info h2{font-size:1rem;margin:0 0 .25rem;color:var(--amber)}
#selected-info p{font-size:.85rem;line-height:1.4;white-space:pre-line;margin:0;color:var(--bone)}
#radio{bottom:calc(var(--bot) + 8rem)}
.mob #selected-info{left:.4rem;width:min(25rem,44vw);max-height:5.8rem;padding:.3rem .45rem}
.mob #selected-info h2{font-size:.8rem;margin-bottom:.15rem}
.mob #selected-info p{font-size:.72rem;line-height:1.3}
.mob #radio{bottom:calc(var(--bot) + 6.5rem)}