/* =====================================================================
   MLC POP-UP ENGINE · popup.css
   GENERATED from the owner-APPROVED design site/mockups/window-2metal.html
   (window.html + refined-materials + owner metals + two-metals-only), scoped under .mlcpop.
   DO NOT hand-edit paint here. Regenerate with tools/gen_popup_css.py.
   Content authors never write CSS: see docs/POPUP_SPEC.md.
   ===================================================================== */
@import url('popup-fonts.css');
/* root: what html/body were in the approved file */
.mlcpop{--rem:clamp(12px,1.75vh,19px);font-size:var(--rem);position:absolute;inset:0;z-index:2147483000;overflow:hidden}
.mlcpop.mlcpop--inline{position:relative;inset:auto;z-index:auto;width:100%;height:100%}
.mlcpop.mlcpop--inline .win{position:absolute;left:0;top:0;transform:none;width:100%;height:100%}
.mlcpop.mlcpop--inline .scrim{display:none}
/* leak-in guard: inheritable props reset so host-page type selectors (h1, p, td ...) cannot repaint the window */
.mlcpop *{font-family:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}

/* ---------------- base (window.html) ---------------- */
.mlcpop{--bg:#0A1020; --navy:#0C1428; --navy2:#0F1830;
  --surface:#131C33; --surface2:#18223D; --surface3:#1F2B4A;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --text:#F1F4FA; --text2:#B7C1D6; --text3:#929DB6;
  --warm:#FF8A5C; --warm2:#FFC46B; --mint:#4FD6A6; --sky:#7FA6FF; --lilac:#B9A2FF; --rose:#FF7C91;
  --f-sev:#FF7C91; --f-imp:#FFC46B; --f-spr:#B9A2FF; --f-rch:#FF8A5C; --f-sure:#7FA6FF;
  --g:clamp(10px,1.7vh,20px);}
.mlcpop{font-size:clamp(12px,1.75vh,19px)}
.mlcpop *{box-sizing:border-box;margin:0;padding:0}
.mlcpop{color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:calc(1*var(--rem));line-height:1.45;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
.mlcpop.mlcpop--stage{background:var(--bg)}
.mlcpop .num{font-variant-numeric:tabular-nums}
.mlcpop .mono{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:-.01em}
.mlcpop .i{width:calc(1.3*var(--rem));height:calc(1.3*var(--rem));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mlcpop .i.sm{width:calc(1.05*var(--rem));height:calc(1.05*var(--rem))}
.mlcpop button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.mlcpop [data-tip]{cursor:pointer}
.mlcpop :focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:8px}
.mlcpop .dash{position:fixed;inset:0;padding:24px 32px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.mlcpop .dash .bar{height:44px;display:flex;align-items:center;gap:14px;font-weight:700;color:var(--text2)}
.mlcpop .dash .logo{display:grid;grid-template-columns:repeat(3,6px);gap:3px}
.mlcpop .dash .logo i{width:6px;height:6px;border-radius:50%;background:var(--sky)}
.mlcpop .dash .grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;min-height:0}
.mlcpop .dash .c{border-radius:24px;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);padding:22px;overflow:hidden}
.mlcpop .dash .c b{display:block;font-size:17px;width:70%;height:14px;border-radius:7px;background:rgba(255,255,255,.12);margin-bottom:16px}
.mlcpop .dash .c i{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.06);margin:10px 0}
.mlcpop .dash .c .big{width:46%;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(255,138,92,.25),rgba(255,196,107,.08))}
.mlcpop .scrim{position:fixed;inset:0;background:rgba(4,7,16,.68);backdrop-filter:blur(3px)}
.mlcpop .win{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(92vw,1760px);height:min(88vh,960px);border-radius:18px;
  background:linear-gradient(180deg,var(--navy2),var(--navy));border:1px solid rgba(127,166,255,.16);
  box-shadow:0 40px 120px -30px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.4);
  display:flex;flex-direction:column;overflow:hidden;transition:width .2s,height .2s}
.mlcpop .win.max{width:calc(100vw - 24px);height:calc(100vh - 24px)}
.mlcpop .win::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:420px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,138,92,.10),transparent)}
.mlcpop .h1row{display:flex;align-items:center;gap:calc(1*var(--rem));padding:calc(var(--g)*1.1) calc(1.6*var(--rem)) calc(var(--g)*.7);flex:none;position:relative}
.mlcpop .h1row h1{font-size:calc(1.6*var(--rem));line-height:1.2;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.mlcpop .hnum{font-size:calc(1.6*var(--rem));font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#FFC46B,#FF8A5C);-webkit-background-clip:text;background-clip:text;color:transparent}
.mlcpop .trend{color:var(--warm2);font-weight:700;font-size:calc(.95*var(--rem));display:inline-flex;gap:4px;align-items:center}
.mlcpop .pillar{font-size:calc(.8*var(--rem));font-weight:800;letter-spacing:.12em;color:var(--mint);padding:3px 9px;border-radius:6px;background:rgba(79,214,166,.10);border:1px solid rgba(79,214,166,.25)}
.mlcpop .h1row .rule{flex:1;height:1px;background:var(--line2);min-width:20px}
.mlcpop .wbtns{display:flex;gap:calc(.55*var(--rem))}
.mlcpop .wb{width:calc(2.5*var(--rem));height:calc(2.5*var(--rem));border-radius:10px;display:grid;place-items:center;background:rgba(127,166,255,.06);border:1px solid rgba(127,166,255,.22);color:var(--text2);transition:background .15s,color .15s}
.mlcpop .wb:hover{background:rgba(127,166,255,.16);color:#fff}
.mlcpop .wb .i{width:calc(1.1*var(--rem));height:calc(1.1*var(--rem))}
.mlcpop .h2row{display:flex;align-items:center;justify-content:space-between;padding:0 calc(1.6*var(--rem));border-bottom:1px solid var(--line);flex:none;gap:calc(1*var(--rem))}
.mlcpop .tabs{display:flex;gap:calc(.4*var(--rem));align-self:stretch}
.mlcpop .tab{padding:0 calc(1.05*var(--rem));font-size:calc(.86*var(--rem));font-weight:700;letter-spacing:.09em;color:var(--text3);position:relative;display:flex;align-items:center;min-height:calc(3.4*var(--rem));transition:color .15s}
.mlcpop .tab:hover{color:var(--text2)}
.mlcpop .tab.on{color:#fff}
.mlcpop .tab.on::after{content:"";position:absolute;left:calc(.6*var(--rem));right:calc(.6*var(--rem));bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5B7CFF,#8B5CF6)}
.mlcpop .seg{display:flex;gap:calc(.25*var(--rem));padding:calc(.3*var(--rem));border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);margin:calc(.5*var(--rem)) 0}
.mlcpop .sg{display:flex;align-items:center;gap:calc(.45*var(--rem));padding:calc(.5*var(--rem)) calc(1.05*var(--rem));border-radius:10px;font-size:calc(1.02*var(--rem));font-weight:500;color:var(--text2);transition:background .15s,color .15s}
.mlcpop .sg b{font-weight:800;color:#8FA2FF}
.mlcpop .sg:hover{background:rgba(255,255,255,.04);color:#fff}
.mlcpop .sg.on{background:linear-gradient(135deg,#5B7CFF,#8B5CF6);color:#fff;box-shadow:0 8px 24px -8px rgba(110,100,255,.7)}
.mlcpop .sg.on b{color:#fff}
.mlcpop .strip{display:flex;align-items:center;gap:0;padding:calc(var(--g)*.55) calc(1.6*var(--rem));border-bottom:1px solid var(--line);flex:none}
.mlcpop .sc{display:flex;flex-direction:column;min-width:calc(13*var(--rem))}
.mlcpop .sc small{font-size:calc(.7*var(--rem));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}
.mlcpop .sc b{font-size:calc(.98*var(--rem));font-weight:700}
.mlcpop .sc.u b{color:var(--warm2)}
.mlcpop .sc.r b{color:var(--warm)}
.mlcpop .sc.w b{color:var(--rose)}
.mlcpop .sc.d b{color:var(--sky)}
.mlcpop .strip .hint{margin-left:auto;display:flex;align-items:center;gap:calc(.5*var(--rem));color:var(--text3);font-size:calc(.85*var(--rem))}
.mlcpop .body{flex:1;min-height:0;padding:var(--g) calc(1.6*var(--rem)) calc(var(--g)*1.2);display:grid;gap:var(--g);grid-template-rows:minmax(0,1fr)}
.mlcpop .body.in{animation:mlcpop-fade .22s ease}
@keyframes mlcpop-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.mlcpop .col{display:flex;flex-direction:column;gap:var(--g);min-height:0;min-width:0}
.mlcpop .box{border-radius:18px;padding:var(--g) calc(var(--g)*1.15);display:flex;flex-direction:column;gap:calc(var(--g)*.65);min-height:0;min-width:0;
  background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line)}
.mlcpop .box.warm{background:linear-gradient(140deg,rgba(255,138,92,.17),rgba(255,196,107,.05) 60%,rgba(19,28,51,.6));border-color:rgba(255,160,110,.24)}
.mlcpop .box.f1{flex:1}
.mlcpop .bh{display:flex;align-items:center;gap:calc(.7*var(--rem));font-weight:700;font-size:calc(1.08*var(--rem));letter-spacing:-.01em}
.mlcpop .bh .sub{margin-left:auto;font-size:calc(.82*var(--rem));color:var(--text3);font-weight:500}
.mlcpop .tile{display:grid;place-items:center;width:calc(2.2*var(--rem));height:calc(2.2*var(--rem));border-radius:10px;flex:none}
.mlcpop .tile.lg{width:calc(2.7*var(--rem));height:calc(2.7*var(--rem));border-radius:12px}
.mlcpop .t-warm{background:rgba(255,138,92,.14);color:var(--warm)}
.mlcpop .t-amber{background:rgba(255,196,107,.13);color:var(--warm2)}
.mlcpop .t-sky{background:rgba(127,166,255,.14);color:var(--sky)}
.mlcpop .t-lilac{background:rgba(185,162,255,.14);color:var(--lilac)}
.mlcpop .t-mint{background:rgba(79,214,166,.13);color:var(--mint)}
.mlcpop .t-rose{background:rgba(255,124,145,.14);color:var(--rose)}
.mlcpop .muted{color:var(--text3)}
.mlcpop .t2{color:var(--text2)}
.mlcpop .eyebrow{font-size:calc(.74*var(--rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warm2)}
.mlcpop .gtx{background:linear-gradient(135deg,#FFC46B,#FF8A5C 60%,#FF7468);-webkit-background-clip:text;background-clip:text;color:transparent}
.mlcpop .btn{height:calc(2.9*var(--rem));padding:0 calc(1.2*var(--rem));border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:calc(.5*var(--rem));font-weight:700;font-size:calc(.98*var(--rem))}
.mlcpop .btn.pri{color:#1A1208;background:linear-gradient(135deg,#FFB07A,#FF8A5C 55%,#FF7468);box-shadow:0 10px 26px -10px rgba(255,138,92,.7)}
.mlcpop .btn.sec{background:rgba(255,255,255,.05);border:1px solid var(--line2)}
.mlcpop .btn:hover{filter:brightness(1.07)}
.mlcpop .chip{display:inline-flex;align-items:center;gap:calc(.35*var(--rem));padding:calc(.2*var(--rem)) calc(.6*var(--rem));border-radius:999px;font-size:calc(.78*var(--rem));font-weight:600;white-space:nowrap}
.mlcpop .c-amber{background:rgba(255,196,107,.12);color:var(--warm2);border:1px solid rgba(255,196,107,.25)}
.mlcpop .c-rose{background:rgba(255,124,145,.12);color:var(--rose);border:1px solid rgba(255,124,145,.25)}
.mlcpop .c-mint{background:rgba(79,214,166,.10);color:var(--mint);border:1px solid rgba(79,214,166,.25)}
.mlcpop .c-sky{background:rgba(127,166,255,.10);color:var(--sky);border:1px solid rgba(127,166,255,.25)}
.mlcpop .c-dim{background:rgba(255,255,255,.04);color:var(--text3);border:1px solid var(--line2)}
.mlcpop .hero h2{font-size:calc(2.9*var(--rem));line-height:1.15;font-weight:800;letter-spacing:-.035em}
.mlcpop .hero p.story{font-size:calc(1.06*var(--rem));line-height:1.55;color:var(--text2)}
.mlcpop .job{display:flex;gap:calc(.9*var(--rem));padding:var(--g);border-radius:14px;background:rgba(10,16,32,.45);border:1px solid rgba(255,196,107,.18)}
.mlcpop .job .n{width:calc(2*var(--rem));height:calc(2*var(--rem));border-radius:50%;display:grid;place-items:center;font-weight:800;color:#1A1208;background:linear-gradient(135deg,#FFC46B,#FF8A5C);flex:none}
.mlcpop .job b{display:block;font-size:calc(1*var(--rem))}
.mlcpop .job span{font-size:calc(.93*var(--rem));color:var(--text2)}
.mlcpop .chips{display:flex;flex-wrap:wrap;gap:calc(.4*var(--rem))}
.mlcpop .btns{display:flex;gap:calc(.7*var(--rem));margin-top:auto}
.mlcpop .btns .btn{flex:1}
.mlcpop .wwd{display:flex;gap:calc(1*var(--rem));align-items:flex-start;margin:auto 0}
.mlcpop .wwd b{display:block;font-size:calc(1.05*var(--rem));margin-bottom:calc(.2*var(--rem))}
.mlcpop .wwd p{font-size:calc(.95*var(--rem));color:var(--text2);line-height:1.5}
.mlcpop .arrowdn{display:flex;justify-content:center;color:var(--text3);margin:calc(var(--g)*-.7) 0;height:var(--g)}
.mlcpop .arrowdn .i{width:calc(1*var(--rem));height:calc(1*var(--rem));transform:rotate(90deg)}
.mlcpop .ring{position:relative;display:grid;place-items:center;align-self:center}
.mlcpop .ring svg{display:block;transform:rotate(-90deg)}
.mlcpop .ring .val{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.mlcpop .ring .val b{font-size:calc(2.9*var(--rem));line-height:1.15;font-weight:800;letter-spacing:-.04em}
.mlcpop .ring .val span{font-size:calc(.85*var(--rem));color:var(--text2);margin-top:calc(.2*var(--rem))}
.mlcpop .rank1{text-align:center;font-size:calc(1.1*var(--rem));font-weight:600;color:var(--text2)}
.mlcpop .rank1 b{font-size:calc(1.35*var(--rem));color:#fff}
.mlcpop .stat{display:flex;align-items:center;gap:calc(.8*var(--rem));padding:calc(.3*var(--rem)) calc(.3*var(--rem));border-radius:12px}
.mlcpop .stat:hover{background:rgba(255,255,255,.03)}
.mlcpop .stat b{display:block;font-size:calc(.98*var(--rem));line-height:1.25}
.mlcpop .stat span{display:block;font-size:calc(.85*var(--rem));color:var(--text3);line-height:1.3}
.mlcpop .wbar{position:relative;height:calc(1.1*var(--rem));margin:calc(.1*var(--rem)) 0 0}
.mlcpop .wbar::before{content:"";position:absolute;left:0;right:0;top:calc(.25*var(--rem));bottom:calc(.25*var(--rem));border-radius:99px;background:rgba(255,255,255,.07)}
.mlcpop .wbar i{position:absolute;left:0;top:calc(.25*var(--rem));bottom:calc(.25*var(--rem));border-radius:99px;background:linear-gradient(90deg,#FFC46B,#FF7C91)}
.mlcpop .wbar em{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;border-radius:2px}
.mlcpop .rs{display:grid;grid-template-columns:calc(2.4*var(--rem)) minmax(0,1.25fr) minmax(0,1fr) calc(3*var(--rem));gap:calc(.85*var(--rem));align-items:center;padding:calc(.15*var(--rem)) calc(.3*var(--rem));border-radius:12px}
.mlcpop .rs:hover{background:rgba(255,255,255,.03)}
.mlcpop .rs b{display:block;font-size:calc(.98*var(--rem));line-height:1.25}
.mlcpop .rs small{display:block;font-size:calc(.8*var(--rem));color:var(--text3)}
.mlcpop .track{position:relative;height:calc(1.25*var(--rem))}
.mlcpop .track::before{content:"";position:absolute;left:0;right:0;top:calc(.3*var(--rem));bottom:calc(.3*var(--rem));border-radius:99px;background:rgba(255,255,255,.06)}
.mlcpop .track .fill{position:absolute;left:0;top:calc(.3*var(--rem));bottom:calc(.3*var(--rem));border-radius:99px}
.mlcpop .track .mark{position:absolute;top:0;bottom:0;width:2px;margin-left:-2px;background:#fff;border-radius:2px;opacity:.85}
.mlcpop .pts{font-weight:800;font-size:calc(1.08*var(--rem));text-align:right}
.mlcpop .legend{display:flex;gap:calc(1*var(--rem));font-size:calc(.8*var(--rem));color:var(--text3);font-weight:500;margin-left:auto}
.mlcpop .legend span{display:inline-flex;align-items:center;gap:calc(.4*var(--rem))}
.mlcpop .legend i{display:inline-block;width:calc(.9*var(--rem));height:calc(.45*var(--rem));border-radius:99px;background:linear-gradient(90deg,var(--f-sev),var(--f-rch))}
.mlcpop .legend em{display:inline-block;width:2px;height:calc(.85*var(--rem));background:#fff}
.mlcpop .sumrow{display:grid;grid-template-columns:calc(8.5*var(--rem)) 1fr calc(3.4*var(--rem));gap:calc(.8*var(--rem));align-items:center;font-size:calc(.9*var(--rem))}
.mlcpop .stack{display:flex;height:calc(1*var(--rem));border-radius:99px;overflow:hidden;gap:2px}
.mlcpop .stack i{display:block;height:100%}
.mlcpop .callout{display:flex;gap:calc(.9*var(--rem));align-items:flex-start;padding:var(--g);border-radius:14px;background:linear-gradient(135deg,rgba(255,138,92,.16),rgba(255,196,107,.04));border:1px solid rgba(255,160,110,.22)}
.mlcpop .callout b{display:block;font-size:calc(1*var(--rem))}
.mlcpop .callout p{font-size:calc(.92*var(--rem));color:var(--text2)}
.mlcpop .oi{display:grid;grid-template-columns:calc(2*var(--rem)) minmax(0,1fr) calc(3.2*var(--rem));gap:calc(.8*var(--rem));align-items:center;padding:calc(.45*var(--rem)) calc(.55*var(--rem));border-radius:12px}
.mlcpop .oi:hover{background:rgba(255,255,255,.03)}
.mlcpop .oi.me{background:linear-gradient(135deg,rgba(255,138,92,.14),rgba(255,196,107,.04));border:1px solid rgba(255,160,110,.22)}
.mlcpop .oi .rk{width:calc(2*var(--rem));height:calc(2*var(--rem));border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:calc(.9*var(--rem));background:rgba(255,255,255,.06);color:var(--text2)}
.mlcpop .oi.me .rk{background:linear-gradient(135deg,#FFC46B,#FF8A5C);color:#1A1208}
.mlcpop .oi b{display:block;font-size:calc(.95*var(--rem));line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlcpop .oi small{display:block;font-size:calc(.8*var(--rem));color:var(--text3)}
.mlcpop .oi .mini{height:calc(.3*var(--rem));border-radius:99px;background:rgba(255,255,255,.06);margin-top:calc(.3*var(--rem))}
.mlcpop .oi .mini i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7FA6FF,#B9A2FF)}
.mlcpop .oi.me .mini i{background:linear-gradient(90deg,#FFC46B,#FF8A5C)}
.mlcpop .oi .sc2{font-weight:800;text-align:right;font-size:calc(1.05*var(--rem))}
.mlcpop .more{display:flex;align-items:center;gap:calc(.7*var(--rem));padding:calc(.55*var(--rem)) calc(.6*var(--rem));border-radius:12px;font-size:calc(.9*var(--rem));color:var(--text2);background:rgba(255,255,255,.025);border:1px dashed var(--line2)}
.mlcpop .tl{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-between}
.mlcpop .ev{display:grid;grid-template-columns:calc(2.4*var(--rem)) 1fr;gap:calc(.8*var(--rem));position:relative;padding:calc(.1*var(--rem)) 0}
.mlcpop .tl{position:relative}
.mlcpop .tl::before{content:"";position:absolute;left:calc(1.05*var(--rem));top:calc(1.2*var(--rem));bottom:calc(1.2*var(--rem));width:2px;background:var(--line2)}
.mlcpop .ev .tw{position:relative;z-index:1;width:calc(2.2*var(--rem));height:calc(2.2*var(--rem));border-radius:10px;background:#161F38}
.mlcpop .ev .t{font-size:calc(.78*var(--rem));color:var(--text3);font-weight:600}
.mlcpop .ev.hot .t{color:var(--warm2)}
.mlcpop .ev b{display:block;font-size:calc(.97*var(--rem));line-height:1.3}
.mlcpop .ev span{display:block;font-size:calc(.85*var(--rem));color:var(--text2);line-height:1.35}
.mlcpop .ev.hot .tile{box-shadow:0 0 0 3px rgba(255,138,92,.25)}
.mlcpop .mapwrap{flex:1;min-height:0;position:relative}
.mlcpop .mapwrap svg{position:absolute;inset:0;width:100%;height:100%}
.mlcpop .ck{display:grid;grid-template-columns:calc(2.2*var(--rem)) 1fr;gap:calc(.8*var(--rem));align-items:center;padding:calc(.4*var(--rem)) calc(.55*var(--rem));border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:background .15s,border-color .15s}
.mlcpop .ck .box2{width:calc(1.6*var(--rem));height:calc(1.6*var(--rem));border-radius:8px;border:2px solid var(--line2);display:grid;place-items:center;color:transparent;margin-left:calc(.3*var(--rem))}
.mlcpop .ck.done .box2{background:linear-gradient(135deg,#4FD6A6,#7FA6FF);border-color:transparent;color:#0A1020}
.mlcpop .ck.done b{text-decoration:line-through;color:var(--text3)}
.mlcpop .ck small{display:block;font-size:calc(.75*var(--rem));color:var(--text3);font-weight:600;letter-spacing:.04em}
.mlcpop .ck b{display:block;font-size:calc(.97*var(--rem));line-height:1.25}
.mlcpop .ck div>span{display:block;font-size:calc(.84*var(--rem));color:var(--text2);line-height:1.3}
.mlcpop .ck.boss{border-color:rgba(255,196,107,.3);background:rgba(255,196,107,.05)}
.mlcpop .cklist{display:flex;flex-direction:column;gap:calc(var(--g)*.5);flex:1;min-height:0;justify-content:space-between}
.mlcpop .paper{align-self:center;width:min(100%,calc(25*var(--rem)));flex:1;min-height:0;display:flex;flex-direction:column;position:relative;
  background:#F7F2E8;color:#1B2133;border-radius:10px 10px 0 0;padding:calc(1.1*var(--rem)) calc(1.4*var(--rem)) calc(1.2*var(--rem));box-shadow:0 20px 50px -20px rgba(0,0,0,.7);
  font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:calc(.86*var(--rem));width:min(100%,calc(27*var(--rem)))}
.mlcpop .paper .ph{text-align:center;border-bottom:1.5px dashed #B8B0A0;padding-bottom:calc(.55*var(--rem))}
.mlcpop .paper .ph b{display:block;font-family:Inter;font-weight:800;letter-spacing:.18em;font-size:calc(.95*var(--rem))}
.mlcpop .paper .ph span{font-size:calc(.78*var(--rem));color:#5B6070}
.mlcpop .rc-l{display:flex;justify-content:space-between;gap:calc(.6*var(--rem));padding:calc(.17*var(--rem)) 0}
.mlcpop .rc-l:hover{background:rgba(0,0,0,.04)}
.mlcpop .rc-lines{padding:calc(.35*var(--rem)) 0;border-bottom:1.5px dashed #B8B0A0}
.mlcpop .rc-tot{display:flex;justify-content:space-between;font-weight:700;font-size:calc(1.25*var(--rem));padding:calc(.4*var(--rem)) 0 calc(.15*var(--rem));font-family:Inter}
.mlcpop .rc-sm{display:flex;justify-content:space-between;font-size:calc(.8*var(--rem));color:#4A5060;padding:calc(.1*var(--rem)) 0}
.mlcpop .fp{padding-top:calc(.5*var(--rem));border-top:1.5px dashed #B8B0A0;font-size:calc(.74*var(--rem));color:#2A3040;line-height:1.45}
.mlcpop .fp small{display:block;font-family:Inter;font-weight:700;font-size:calc(.7*var(--rem));letter-spacing:.1em;color:#6A7080}
.mlcpop .stamp{transform:rotate(-10deg);font-size:calc(1.05*var(--rem)) !important;border:2.5px solid #D9485F;color:#D9485F;font-family:Inter;font-weight:800;
  letter-spacing:.12em;font-size:calc(.88*var(--rem));padding:calc(.25*var(--rem)) calc(.6*var(--rem));border-radius:6px;opacity:.85;background:rgba(247,242,232,.6)}
.mlcpop .barcode{display:block;width:100%;height:calc(1.9*var(--rem));margin-top:calc(.4*var(--rem))}
.mlcpop .paper::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(-45deg,#141D35 5.5px,transparent 0) 0 100%/12px 8px repeat-x,linear-gradient(45deg,#141D35 5.5px,transparent 0) 0 100%/12px 8px repeat-x}
.mlcpop .who{display:grid;grid-template-columns:calc(3.6*var(--rem)) 1fr auto;gap:calc(.85*var(--rem));align-items:center;padding:calc(.45*var(--rem)) calc(.55*var(--rem));border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.mlcpop .av{display:flex}
.mlcpop .av span{width:calc(2*var(--rem));height:calc(2*var(--rem));border-radius:50%;display:grid;place-items:center;font-size:calc(.72*var(--rem));font-weight:800;color:#1A1208;background:linear-gradient(135deg,#FFC46B,#FF8A5C);border:2px solid var(--surface)}
.mlcpop .av span+span{margin-left:calc(-.4*var(--rem));background:linear-gradient(135deg,#B9A2FF,#7FA6FF)}
.mlcpop .av span.q{background:rgba(255,255,255,.08);color:var(--text2)}
.mlcpop .who b{display:block;font-size:calc(.95*var(--rem));line-height:1.25}
.mlcpop .who small{display:block;font-size:calc(.82*var(--rem));color:var(--text2);line-height:1.3}
.mlcpop .who.off{opacity:.6}
.mlcpop .tbl{width:100%;border-collapse:collapse;font-size:calc(.92*var(--rem))}
.mlcpop .tbl th{text-align:left;font-size:calc(.72*var(--rem));letter-spacing:.09em;text-transform:uppercase;color:var(--text3);font-weight:700;padding:calc(.35*var(--rem)) calc(.6*var(--rem));border-bottom:1px solid var(--line2)}
.mlcpop .tbl td{padding:calc(.48*var(--rem)) calc(.6*var(--rem));border-bottom:1px solid var(--line);vertical-align:middle}
.mlcpop .tbl tr:hover td{background:rgba(255,255,255,.025)}
.mlcpop .tbl td.r,.mlcpop .tbl th.r{text-align:right}
.mlcpop .tbl tr.tot td{font-weight:800;border-bottom:0;font-size:calc(1*var(--rem))}
.mlcpop .tbl .k{color:var(--text2)}
.mlcpop .tbl .big{font-weight:800}
.mlcpop .list{display:flex;flex-direction:column;gap:calc(var(--g)*.5);flex:1;min-height:0}
.mlcpop .li{display:grid;grid-template-columns:calc(2.4*var(--rem)) 1fr auto;gap:calc(.85*var(--rem));align-items:center;padding:calc(.5*var(--rem)) calc(.6*var(--rem));border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.mlcpop .li:hover{background:rgba(255,255,255,.04)}
.mlcpop .li b{display:block;font-size:calc(.97*var(--rem));line-height:1.25}
.mlcpop .li span{display:block;font-size:calc(.86*var(--rem));color:var(--text2);line-height:1.35}
.mlcpop .li .mono{font-size:calc(.78*var(--rem));color:var(--text3)}
.mlcpop .step{display:grid;grid-template-columns:calc(2.2*var(--rem)) 1fr;gap:calc(.85*var(--rem));align-items:start}
.mlcpop .step .n{width:calc(2.2*var(--rem));height:calc(2.2*var(--rem));border-radius:50%;display:grid;place-items:center;font-weight:800;background:rgba(127,166,255,.14);color:var(--sky)}
.mlcpop .step b{display:block;font-size:calc(1*var(--rem));line-height:1.3}
.mlcpop .step span{display:block;font-size:calc(.9*var(--rem));color:var(--text2);line-height:1.45}
.mlcpop .big2{font-size:calc(2.3*var(--rem));font-weight:800;letter-spacing:-.03em;line-height:1.2}
.mlcpop .note{display:flex;gap:calc(.7*var(--rem));align-items:flex-start;font-size:calc(.86*var(--rem));color:var(--text2);padding:calc(.6*var(--rem)) calc(.8*var(--rem));border-radius:12px;background:rgba(127,166,255,.06);border:1px solid rgba(127,166,255,.16)}
.mlcpop .note.amber{background:rgba(255,196,107,.06);border-color:rgba(255,196,107,.2)}
.mlcpop .note .i{color:var(--sky);margin-top:calc(.05*var(--rem))}
.mlcpop .note.amber .i{color:var(--warm2)}
.mlcpop .tlh{display:grid;grid-template-columns:calc(5.2*var(--rem)) calc(1*var(--rem)) 1fr;gap:calc(.8*var(--rem));align-items:start}
.mlcpop .tlh .t{font-size:calc(.85*var(--rem));font-weight:700;color:var(--warm2);padding-top:calc(.1*var(--rem))}
.mlcpop .tlh .d{width:calc(.8*var(--rem));height:calc(.8*var(--rem));border-radius:50%;margin-top:calc(.35*var(--rem));background:var(--sky);box-shadow:0 0 0 4px rgba(127,166,255,.15)}
.mlcpop .tlh .d.w{background:var(--warm);box-shadow:0 0 0 4px rgba(255,138,92,.18)}
.mlcpop .tlh .d.g{background:var(--text3);box-shadow:none}
.mlcpop .tlh b{display:block;font-size:calc(.97*var(--rem));line-height:1.3}
.mlcpop .tlh span{display:block;font-size:calc(.88*var(--rem));color:var(--text2);line-height:1.4}
.mlcpop .ba{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr calc(6*var(--rem));gap:calc(.8*var(--rem));align-items:center;font-size:calc(.92*var(--rem));padding:calc(.35*var(--rem)) 0;border-bottom:1px solid var(--line)}
.mlcpop .ba:last-child{border-bottom:0}
.mlcpop .ba .bar{height:calc(.55*var(--rem));border-radius:99px;background:rgba(255,255,255,.06);position:relative}
.mlcpop .ba .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px}
.mlcpop .x{color:var(--rose)}
.mlcpop .ok{color:var(--mint)}
.mlcpop .fpcode{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:calc(.85*var(--rem));line-height:1.55;padding:calc(.7*var(--rem)) calc(.9*var(--rem));border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--line2);word-break:break-all}
.mlcpop .fpcode .d{color:var(--rose);background:rgba(255,124,145,.14);border-radius:3px}
.mlcpop .pop{position:fixed;z-index:50;max-width:calc(26*var(--rem));padding:calc(.6*var(--rem)) calc(.85*var(--rem));border-radius:12px;font-size:calc(.9*var(--rem));line-height:1.4;color:var(--text);
  background:#1E2846;border:1px solid rgba(127,166,255,.3);box-shadow:0 16px 40px -12px rgba(0,0,0,.8);display:none}
.mlcpop .pop.on{display:block;animation:mlcpop-fade .15s ease}
.mlcpop .pop small{display:block;font-size:calc(.7*var(--rem));font-weight:700;letter-spacing:.1em;color:var(--sky);text-transform:uppercase;margin-bottom:calc(.15*var(--rem))}
.mlcpop .toast{position:fixed;z-index:60;left:50%;bottom:2.2vh;transform:translateX(-50%);padding:calc(.6*var(--rem)) calc(1*var(--rem));border-radius:12px;background:#1E2846;border:1px solid var(--line2);font-size:calc(.9*var(--rem));display:none}
.mlcpop .toast.on{display:block;animation:mlcpop-fade .2s ease}

/* ---------------- refined-materials ---------------- */
.mlcpop{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --g0:#0b0c0e; --g1:#101215; --plate-a:#191c22; --plate-b:#15181d;
  --hair:rgba(255,255,255,.07); --hair2:rgba(255,255,255,.045);
  --lift:inset 0 1px 0 rgba(255,255,255,.055),0 1px 2px rgba(0,0,0,.45),0 14px 34px -18px rgba(0,0,0,.75);
  --well:rgba(0,0,0,.22); --sink:inset 0 1px 2px rgba(0,0,0,.35);}
.mlcpop.mlcpop--stage{background:var(--g0)}
.mlcpop.mlcpop--stage{background-color:var(--g0);background-image:radial-gradient(ellipse 110% 80% at 50% 40%,transparent 40%,rgba(0,0,0,.6) 100%),var(--grain),linear-gradient(180deg,#111316,#0a0b0d)}
.mlcpop .scrim{background:rgba(4,5,7,.72)}
.mlcpop .dash .c{background:#131519;border-color:var(--hair2);box-shadow:none}
.mlcpop .win{background-color:var(--g1);background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent 12%),var(--grain),linear-gradient(180deg,#14161a,#0f1114 40%,#0d0f12);
  border-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 90px -20px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.6)}
.mlcpop .win::before{background:none}
.mlcpop .h1row .rule{background:var(--hair2)}
.mlcpop .wb{background:#15181c;border-color:var(--hair);color:#C9D2E4;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mlcpop .wb:hover{background:#1b1f24;color:#fff}
.mlcpop .wb:active{background:#121418;box-shadow:var(--sink)}
.mlcpop .h2row{border-bottom-color:var(--hair2)}
.mlcpop .tabs{background:none;box-shadow:none}
.mlcpop .tab.on::after{background:linear-gradient(90deg,#7C98FF,#A47BFF);box-shadow:0 0 10px rgba(124,110,255,.45)}
.mlcpop .seg{background:var(--well);border-color:var(--hair2);box-shadow:var(--sink)}
.mlcpop .sg:hover{background:rgba(255,255,255,.03)}
.mlcpop .sg.on{background:linear-gradient(135deg,#5B7CFF,#8B5CF6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px -4px rgba(110,100,255,.6)}
.mlcpop .strip{background:rgba(255,255,255,.012);border-bottom-color:var(--hair2);box-shadow:none}
.mlcpop .box{background:linear-gradient(180deg,var(--plate-a),var(--plate-b));border-color:var(--hair);box-shadow:var(--lift)}
.mlcpop .box.warm{background:linear-gradient(150deg,rgba(255,138,92,.10),rgba(255,196,107,.03) 55%,rgba(0,0,0,0)),linear-gradient(180deg,var(--plate-a),var(--plate-b));border-color:rgba(255,150,105,.20)}
.mlcpop .tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.mlcpop .chip{box-shadow:none}
.mlcpop .btn.pri{background:linear-gradient(135deg,#FFB07A,#FF8A5C 55%,#FF7468);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px -10px rgba(255,138,92,.7)}
.mlcpop .btn.pri:active{filter:brightness(.95);box-shadow:var(--sink)}
.mlcpop .btn.sec{background:#1c2026;border-color:var(--hair);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mlcpop .btn.sec:hover{background:#21262d}
.mlcpop .btn.sec:active{box-shadow:var(--sink)}
.mlcpop .who,.mlcpop .li,.mlcpop .ck,.mlcpop .more,.mlcpop .job,.mlcpop .note,.mlcpop .note.amber,.mlcpop .tbl{background:var(--well);border-color:var(--hair2);box-shadow:none}
.mlcpop .li:hover{background:rgba(255,255,255,.03)}
.mlcpop .ck.boss{background:linear-gradient(180deg,rgba(255,196,107,.05),rgba(0,0,0,.18));border-color:rgba(255,196,107,.22)}
.mlcpop .job{border-color:rgba(255,196,107,.18)}
.mlcpop .callout,.mlcpop .oi.me{background:linear-gradient(135deg,rgba(255,138,92,.10),rgba(255,196,107,.03));border-color:rgba(255,150,105,.20);box-shadow:none}
.mlcpop .note{background:rgba(127,166,255,.045);border-color:rgba(127,166,255,.14)}
.mlcpop .note.amber{background:rgba(255,196,107,.045);border-color:rgba(255,196,107,.18)}
.mlcpop .fpcode{background:rgba(0,0,0,.32);border-color:var(--hair2);box-shadow:var(--sink)}
.mlcpop .tbl th{background:rgba(255,255,255,.02);border-bottom-color:var(--hair2)}
.mlcpop .tbl td,.mlcpop .ba{border-bottom-color:rgba(255,255,255,.04)}
.mlcpop .wbar::before,.mlcpop .track::before,.mlcpop .oi .mini,.mlcpop .ba .bar{background:rgba(255,255,255,.06);box-shadow:none}
.mlcpop .ring svg circle:first-of-type{stroke:rgba(255,255,255,.06)}
.mlcpop .ring svg{filter:drop-shadow(0 0 12px rgba(255,138,92,.18))}
.mlcpop .ev .tw{background:var(--plate-b)}
.mlcpop .av span{border-color:var(--plate-a)}
.mlcpop .paper{box-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 36px -16px rgba(0,0,0,.8)}
.mlcpop .paper::after{background:linear-gradient(-45deg,var(--plate-b) 5.5px,transparent 0) 0 100%/12px 8px repeat-x,linear-gradient(45deg,var(--plate-b) 5.5px,transparent 0) 0 100%/12px 8px repeat-x}
.mlcpop .pop,.mlcpop .toast{background:#1c2026;border-color:var(--hair);box-shadow:0 18px 40px -12px rgba(0,0,0,.85)}
.mlcpop{--iron-brushed:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,rgba(0,0,0,0) 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,rgba(0,0,0,0) 1px 5px);
  --knurl:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,rgba(0,0,0,0) 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.30) 0 1px,rgba(0,0,0,0) 1px 4px);}
.mlcpop.mlcpop--stage{background-image:radial-gradient(ellipse 110% 80% at 50% 40%,transparent 40%,rgba(0,0,0,.65) 100%),var(--iron-brushed),linear-gradient(180deg,#0f1012,#08090a)}
.mlcpop .win{background-color:#0e0f11;background-image:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 2px,transparent),var(--iron-brushed),linear-gradient(180deg,#131416,#0e0f11 30%,#0b0c0e);
  border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px -20px rgba(0,0,0,.9),0 0 0 1px #000}
.mlcpop .box{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--knurl),linear-gradient(180deg,#2a2c31,#232529);
  border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.55),0 12px 28px -16px rgba(0,0,0,.8)}
.mlcpop .box.warm{background:linear-gradient(150deg,rgba(255,138,92,.13),rgba(255,196,107,.03) 55%,rgba(0,0,0,0)),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--knurl),linear-gradient(180deg,#2c2a2c,#252326);border-color:rgba(255,150,105,.22)}
.mlcpop .who,.mlcpop .li,.mlcpop .ck,.mlcpop .more,.mlcpop .job,.mlcpop .tbl,.mlcpop .fpcode{background:rgba(0,0,0,.32);border-color:rgba(255,255,255,.05)}
.mlcpop .dash .c{background:linear-gradient(180deg,#1b1c1f,#161719);border-color:rgba(255,255,255,.04)}
.mlcpop .btn.sec,.mlcpop .wb{background:linear-gradient(180deg,#2c2e33,#232529);border-color:rgba(255,255,255,.08)}
.mlcpop .pop,.mlcpop .toast{background:linear-gradient(180deg,#2c2e33,#25272b)}
.mlcpop .paper::after{background:linear-gradient(-45deg,#232529 5.5px,transparent 0) 0 100%/12px 8px repeat-x,linear-gradient(45deg,#232529 5.5px,transparent 0) 0 100%/12px 8px repeat-x}
.mlcpop .ev .tw{background:#232529}
.mlcpop .av span{border-color:#2a2c31}

/* ---------------- owner two metals + two-metals-only ---------------- */
.mlcpop{--IRON:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,rgba(0,0,0,0) 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,rgba(0,0,0,0) 1px 5px),linear-gradient(180deg,#121315,#0d0e10);
  --METAL:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,rgba(0,0,0,0) 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.30) 0 1px,rgba(0,0,0,0) 1px 4px),linear-gradient(180deg,#2a2c31,#232529);
  --mline:rgba(255,255,255,.08);}
.mlcpop .box,.mlcpop .box.warm,.mlcpop .dash .c,.mlcpop .pop,.mlcpop .toast{background:var(--METAL)!important;border-color:var(--mline)!important}
.mlcpop .tile,.mlcpop [class*="tile t-"],.mlcpop .t-warm,.mlcpop .t-amber,.mlcpop .t-sky,.mlcpop .t-lilac,.mlcpop .t-mint,.mlcpop .t-rose{background:var(--METAL)!important;box-shadow:inset 0 0 0 1px var(--mline)!important}
.mlcpop .chip,.mlcpop .c-amber,.mlcpop .c-rose,.mlcpop .c-mint,.mlcpop .c-sky,.mlcpop .c-dim{background:var(--METAL)!important}
.mlcpop .pillar{background:var(--METAL)!important}
.mlcpop .n,.mlcpop .job .n,.mlcpop .rk,.mlcpop .oi.me .rk,.mlcpop .av span,.mlcpop .step .n{background:var(--METAL)!important;border:1px solid var(--mline)}
.mlcpop .job .n,.mlcpop .oi.me .rk{color:#FFB07A!important}
.mlcpop .av span{color:#E8ECF4!important}
.mlcpop .wb,.mlcpop .btn.sec{background:var(--METAL)!important;border-color:var(--mline)!important}
.mlcpop .btn.pri{background:var(--METAL)!important;color:#FFB07A!important;border:1px solid rgba(255,138,92,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.5)!important;text-shadow:none!important}
.mlcpop .btn.pri *{color:#FFB07A!important;stroke:#FFB07A}
.mlcpop .sg.on{background:var(--METAL)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(164,123,255,.55),inset 0 -2px 0 #8B5CF6,0 1px 2px rgba(0,0,0,.5)!important}
.mlcpop .sg.on *{color:#fff!important}
.mlcpop .who,.mlcpop .li,.mlcpop .ck,.mlcpop .ck.boss,.mlcpop .more,.mlcpop .job,.mlcpop .note,.mlcpop .note.amber,.mlcpop .callout,.mlcpop .oi.me,.mlcpop .tbl,.mlcpop .fpcode,.mlcpop .seg,.mlcpop .strip{background:var(--IRON)!important;border-color:rgba(255,255,255,.05)!important}
.mlcpop .tbl th{background:transparent!important}
.mlcpop .ev .tw{background:var(--METAL)!important}

/* ---------------- engine modifiers ----------------
   Each mp-* class is an inline style that the approved file wrote by hand, lifted into a class so
   content specs never carry CSS. !important reproduces the inline-style precedence exactly. */
.mlcpop .mp-gap1{gap:var(--g)!important}
.mlcpop .mp-gap85{gap:calc(var(--g)*.85)!important}
.mlcpop .mp-gap75{gap:calc(var(--g)*.75)!important}
.mlcpop .mp-spread{justify-content:space-between!important}
.mlcpop .mp-between{justify-content:space-between!important}
.mlcpop .mp-around{justify-content:space-around!important}
.mlcpop .mp-receipt{align-items:stretch!important;padding-bottom:calc(var(--g)*1.4)!important}
.mlcpop .mp-block{display:block!important}
.mlcpop .mp-row{display:flex!important;align-items:center!important;gap:calc(.8*var(--rem))!important}
.mlcpop .mp-mt{margin-top:calc(.55*var(--rem))!important}
.mlcpop .mp-cap{font-size:calc(.78*var(--rem))!important}
.mlcpop .mp-fs88{font-size:calc(.88*var(--rem))!important}
.mlcpop .mp-fs95{font-size:calc(.95*var(--rem))!important}
.mlcpop .mp-fs100{font-size:calc(1*var(--rem))!important}
.mlcpop .mp-fs102{font-size:calc(1.02*var(--rem))!important}
.mlcpop .mp-unit{font-size:calc(1*var(--rem))!important;font-weight:600!important}
.mlcpop .mp-unitb{font-size:calc(1*var(--rem))!important}
.mlcpop .mp-md{font-size:calc(1.6*var(--rem))!important}
.mlcpop .mp-count{font-size:calc(1.8*var(--rem))!important}
.mlcpop .mp-count2{grid-template-columns:calc(3*var(--rem)) 1fr!important}
.mlcpop .mp-dh2{font-size:calc(2.3*var(--rem))!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.03em!important}
.mlcpop .mp-chart{width:100%!important;flex:1!important;min-height:0!important}
.mlcpop .mp-fillcol{display:flex!important;flex-direction:column!important;justify-content:space-between!important;flex:1!important;min-height:0!important}
.mlcpop .mp-sumwrap{display:flex!important;flex-direction:column!important;gap:calc(.55*var(--rem))!important;padding-top:calc(var(--g)*.6)!important;border-top:1px solid var(--line)!important}
.mlcpop .mp-sumv{text-align:right!important;font-size:calc(1.3*var(--rem))!important}
.mlcpop .mp-sumv2{text-align:right!important;font-weight:700!important}
.mlcpop .mp-rest{flex:1!important;background:rgba(255,255,255,.05)!important}
.mlcpop .mp-ranked{display:flex!important;flex-direction:column!important;gap:calc(var(--g)*.35)!important;flex:1!important;min-height:0!important;justify-content:space-between!important}
.mlcpop .mp-min0{min-width:0!important}
.mlcpop .mp-tcell{display:inline-flex!important;align-items:center!important;gap:calc(.6*var(--rem))!important}
.mlcpop .mp-gt{font-size:calc(1.2*var(--rem))!important}
.mlcpop .mp-calc{color:var(--warm2)!important;font-size:calc(.85*var(--rem))!important;white-space:nowrap!important}
.mlcpop .mp-formula{font-size:calc(.9*var(--rem))!important;line-height:1.7!important}
.mlcpop .mp-formres{font-size:calc(1.3*var(--rem))!important}
.mlcpop .mp-bahead{font-size:calc(.72*var(--rem))!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-weight:700!important}
.mlcpop .mp-r{text-align:right!important}
.mlcpop .mp-baname{display:flex!important;align-items:center!important;gap:calc(.6*var(--rem))!important}
.mlcpop .mp-baname>b{font-size:calc(.93*var(--rem))!important}
.mlcpop .mp-faint{opacity:.45!important}
.mlcpop .mp-bapts{text-align:right!important;font-weight:800!important}
.mlcpop .mp-baold{font-weight:600!important}
.mlcpop .mp-batot{font-weight:800!important}
.mlcpop .mp-left{text-align:left!important}
.mlcpop .mp-monolines{font-size:calc(.9*var(--rem))!important;line-height:1.8!important}
.mlcpop .mp-white{color:#fff!important}
.mlcpop .mp-stampwrap{flex:1!important;min-height:calc(4.6*var(--rem))!important;display:grid!important;place-items:center!important}
.mlcpop .mp-who45{display:flex!important;flex-direction:column!important;gap:calc(var(--g)*.45)!important;flex:1!important;min-height:0!important;justify-content:space-between!important}
.mlcpop .mp-who50{display:flex!important;flex-direction:column!important;gap:calc(var(--g)*.5)!important;flex:1!important;justify-content:space-between!important}
.mlcpop .mp-fplabel{font-size:calc(.78*var(--rem))!important;font-weight:700!important;letter-spacing:.08em!important}
.mlcpop .mp-dim{opacity:.6!important}
.mlcpop .mp-ml{margin-left:calc(.4*var(--rem))!important}
/* text colour tones (colour lives only in text, numbers and thin marks) */
.mlcpop .mp-c-warm{color:var(--warm)!important}
.mlcpop .mp-c-amber{color:var(--warm2)!important}
.mlcpop .mp-c-rose{color:var(--rose)!important}
.mlcpop .mp-c-mint{color:var(--mint)!important}
.mlcpop .mp-c-sky{color:var(--sky)!important}
.mlcpop .mp-c-lilac{color:var(--lilac)!important}
.mlcpop .mp-c-white{color:#fff!important}
.mlcpop .sc.mp-c-mint b{color:var(--mint)}
.mlcpop .sc.mp-c-lilac b{color:var(--lilac)}
.mlcpop .sc.mp-c-white b{color:#fff}
/* generic components (not used by the approved card; built only from approved parts) */
.mlcpop .mp-textbox{white-space:pre-line}
/* owner ruling 2026-10-02: a question too long for one line wraps to at most 2 lines (exact words); questions longer than 2 lines use a short form + full question on tap (spec content). The class is added by popup.js ONLY when one line overflows, so one-line headers stay pixel-identical to the approved design. */
.mlcpop .h1row.wrap2 h1{white-space:normal;flex:0 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}
/* ---------------- Explain window (engine 1.1.0) ----------------
   Replaces the small tip popover. Built only from the two approved metals: the window = METAL (graphite mesh),
   each section = IRON well (black brushed); colour lives only in text, numbers and thin marks. Nothing below paints
   anything while no element is hovered/focused and the window is closed (P3-05 parity stays 0 px). */
.mlcpop .win [data-tip]:hover:not(:has([data-tip]:hover)){outline:1px solid var(--line2);outline-offset:2px}
.mlcpop .box:focus-visible{border-radius:18px}
.mlcpop .chip:focus-visible{border-radius:999px}
.mlcpop .job:focus-visible,.mlcpop .callout:focus-visible{border-radius:14px}
.mlcpop .li:focus-visible,.mlcpop .who:focus-visible,.mlcpop .ck:focus-visible,.mlcpop .more:focus-visible,.mlcpop .oi:focus-visible,.mlcpop .note:focus-visible,.mlcpop .fpcode:focus-visible,.mlcpop .stat:focus-visible{border-radius:12px}
.mlcpop .xscrim{position:fixed;inset:0;z-index:40;background:rgba(4,5,7,.62);display:none}
.mlcpop .xscrim.on{display:block;animation:mlcpop-fade .15s ease}
.mlcpop .xw{--xf:1;position:fixed;z-index:45;display:none;flex-direction:column;gap:calc(var(--g)*.75);padding:calc(var(--g)*1.1) calc(var(--g)*1.3) calc(var(--g)*1.2);border-radius:18px;
  background:var(--METAL);border:1px solid var(--mline);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 90px -20px rgba(0,0,0,.9),0 0 0 1px #000;overflow:hidden}
.mlcpop .xw.on{display:flex;animation:mlcpop-fade .15s ease}
.mlcpop .xhead{flex:none;display:flex;flex-direction:column;gap:calc(.35*var(--rem));padding-bottom:calc(var(--g)*.6);border-bottom:1px solid var(--line)}
.mlcpop .xk{font-size:calc(.74*var(--rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warm2)}
.mlcpop .xtrow{display:flex;align-items:center;gap:calc(1*var(--rem))}
.mlcpop .xt{flex:1 1 auto;min-width:0;font-size:calc(1.6*var(--rem)*var(--xf));line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere}
.mlcpop .xv{flex:none;font-size:calc(1.6*var(--rem)*var(--xf));line-height:1.2;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#FFC46B,#FF8A5C);-webkit-background-clip:text;background-clip:text;color:transparent}
.mlcpop .xtrow .wb{flex:none}
.mlcpop .xbody{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.mlcpop .xbody.one{grid-template-columns:1fr}
.mlcpop .xcol{display:flex;flex-direction:column;gap:calc(var(--g)*.75);min-height:0;min-width:0}
.mlcpop .xs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(.4*var(--rem)*var(--xf));padding:calc(.8*var(--rem)*var(--xf)) calc(1*var(--rem)*var(--xf));border-radius:12px;
  background:var(--IRON);border:1px solid rgba(255,255,255,.05);overflow:hidden}
.mlcpop .xl{flex:none;font-size:calc(.72*var(--rem));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
.mlcpop .xp{overflow-wrap:anywhere;color:var(--text2);font-size:calc(1.05*var(--rem)*var(--xf));line-height:1.45}
.mlcpop .xn{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,auto);column-gap:calc(1*var(--rem));margin-top:calc(.2*var(--rem));font-size:calc(.95*var(--rem)*var(--xf))}
.mlcpop .xn>span,.mlcpop .xn>b{padding:calc(.28*var(--rem)*var(--xf)) 0;border-bottom:1px solid var(--line)}
.mlcpop .xn>span{color:var(--text3)}
.mlcpop .xn>b{color:var(--warm2);text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
.mlcpop .xfoot{flex:none;display:flex;align-items:center;gap:calc(.8*var(--rem));padding-top:calc(var(--g)*.7);border-top:1px solid var(--line)}
.mlcpop .xfoot .xl{margin-right:calc(.4*var(--rem))}
.mlcpop .xfoot .btn{height:calc(2.6*var(--rem));font-size:calc(.95*var(--rem))}
/* owner ruling 2026-10-03: NO pattern on any window - solid colours only. The two metals keep their tones
   (IRON #101113 window/wells, METAL #26282C boxes/tiles/chips/buttons) but lose every texture, sheen and glow. */
.mlcpop{--IRON:#101113;--METAL:#26282C;--iron-brushed:none;--knurl:none;--grain:none}
.mlcpop .win{background:#101113!important;background-image:none!important}
.mlcpop .win::before{display:none!important}
.mlcpop .dash .c{background:#16171a!important}
.mlcpop .btn.sec,.mlcpop .wb{background:#26282C!important}
.mlcpop .pop,.mlcpop .toast{background:#26282C!important}