:root{--g:#8fd9ab;--gp:150,208,170;--r:#ff8f80;--b:#E8777A;--y:#F0D58A;--mut:#9db3cf;--ink:#0f1b22;
--gl-top:rgba(10,22,16,.50);--gl-bot:rgba(6,16,12,.38);--gl-bd:rgba(255,255,255,.11);--gl-blur:8px;--gl-sheen:rgba(255,255,255,.07)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{font-family:Inter,Lato,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#fff;background:#14201a;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit}
.bg{position:fixed;inset:0;z-index:0;background:#2a3a2c center/cover no-repeat;transition:background-color .4s}
.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,10,.14),rgba(4,18,10,.40))}
.bg.solid:after{background:radial-gradient(ellipse 70% 60% at 10% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.25))}
.app{position:relative;z-index:1;display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;padding:18px;min-height:100vh}

.glass.gl{background:linear-gradient(160deg,var(--gl-sheen) 0,transparent 38%),linear-gradient(135deg,var(--gl-top),var(--gl-bot));backdrop-filter:blur(var(--gl-blur)) saturate(1.05);-webkit-backdrop-filter:blur(var(--gl-blur)) saturate(1.05);border:.5px solid var(--gl-bd);box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 .5px 0 rgba(255,255,255,.16);border-radius:18px}
.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:600;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase}
.pill.w{background:rgba(255,255,255,.10);color:#dbe6f3;border:.5px solid rgba(255,255,255,.28)}
.pill.ok{background:rgba(var(--gp),.16);color:#a9dcba;border:.5px solid rgba(var(--gp),.5)}
.pill.bad{background:rgba(255,143,128,.14);color:#ffb3a8;border:.5px solid rgba(255,143,128,.45)}
.hint{display:block;font-size:11px;font-weight:400;color:var(--mut);letter-spacing:0;text-transform:none;margin-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:13.5px;white-space:nowrap;cursor:pointer;border:0;transition:transform .15s,filter .15s,opacity .2s}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}
.btn.p{background:#F0D58A;color:#2a2008;border:1px solid rgba(42,32,8,.28);box-shadow:0 6px 22px rgba(240,213,138,.30)}.btn.p:hover{filter:brightness(1.06)}
.btn.g{background:rgba(255,255,255,.10);color:#fff;border:.5px solid rgba(255,255,255,.35)}
.lnk{background:none;border:0;color:#ffb3a8;font-weight:500;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* sidebar */
.side{position:sticky;top:18px;height:calc(100vh - 36px);display:flex;flex-direction:column;padding:18px 14px}
.logo{display:flex;gap:11px;align-items:center;padding:4px 6px 20px;border-bottom:.5px solid rgba(255,255,255,.12)}
.logo .lm{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:600;font-size:18px;background:rgba(232,119,122,.2);border:.5px solid rgba(232,119,122,.55);color:#ffd9da}
.logo b{display:block;font-size:16px;font-weight:600;letter-spacing:-.3px}.logo small{font-size:11px;color:var(--mut);font-weight:500}
.side nav{display:grid;gap:4px;margin-top:16px}
.side nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;font-size:13.5px;font-weight:500;color:#dbe6f3;text-decoration:none;border:.5px solid transparent;cursor:pointer}
.side nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side nav a:hover{background:rgba(255,255,255,.06)}
.side nav a.on{background:rgba(var(--gp),.16);border-color:rgba(var(--gp),.45);color:#fff}.side nav a.on svg{stroke:#a9dcba}
.side nav a.dis{color:rgba(219,230,243,.45);cursor:default}.side nav a.dis:hover{background:none}
.side nav a em{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(157,179,207,.6)}
.side-ft{margin-top:auto;display:grid;gap:10px}
.eng{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:rgba(0,0,0,.18);border:.5px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;color:var(--mut)}
.eng i{width:7px;height:7px;border-radius:50%;background:var(--mut)}.eng.ok i{background:var(--g);box-shadow:0 0 8px var(--g)}.eng.bad i{background:var(--r);box-shadow:0 0 8px var(--r)}
.eng b{margin-left:auto;color:#fff;font-size:11.5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.themeb{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:.5px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:500;cursor:pointer;color:#dbe6f3}
.themeb svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.themeb:hover{background:rgba(255,255,255,.1)}

/* header */
main{min-width:0;display:grid;gap:18px;align-content:start;padding-bottom:40px}
.top{padding:20px 24px 22px}
.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--b);margin-bottom:10px}
.top h1{font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-1px;line-height:1.1;max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.top h1 em{font-style:normal;color:var(--g)}
.sub{margin-top:10px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.88);max-width:760px;text-shadow:0 1px 10px rgba(0,0,0,.3)}

/* widgets */
.w{padding:16px 18px;min-width:0}
.wt{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#e9f0fa;flex-wrap:wrap}
.wt.s{margin-top:16px}
.wf{margin-top:12px;padding-top:11px;border-top:.5px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;color:var(--mut);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.big{font-size:clamp(24px,2.3vw,30px);font-weight:600;letter-spacing:-1px;margin:12px 0 4px}
.kvs .kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:.5px solid rgba(255,255,255,.08);font-size:12.5px;font-weight:500;color:var(--mut)}
.kvs .kv:last-child{border-bottom:0}.kvs .kv b{color:#fff;font-weight:600}
.row{display:grid;gap:16px}.r3{grid-template-columns:repeat(3,minmax(0,1fr))}
.runs{display:grid;gap:6px;margin-top:10px;max-height:150px;overflow:auto}
.runs button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08);cursor:pointer}
.runs button:hover,.runs button.on{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.runs b{font-size:12.5px;font-weight:500}.runs small{font-size:11px;color:var(--mut);font-weight:500}.runs .s{grid-row:1/3;grid-column:2;align-self:center}
.runs .empty{font-size:12.5px;color:var(--mut);font-weight:400;padding:8px 0}

/* lab grid */
.lab{display:grid;grid-template-columns:minmax(330px,400px) minmax(0,1fr);gap:16px;align-items:start}
.build{display:grid;gap:16px}
.res{display:grid;gap:16px;min-width:0}
.step .sh{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.step .sh>b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:rgba(157,179,207,.18);border:.5px solid rgba(157,179,207,.55);color:#dbe6f5}
.step h3{font-size:15.5px;font-weight:600}.step .sh p{font-size:12px;color:var(--mut);font-weight:400;margin-top:2px}
.step .cnt{margin-left:auto;font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;white-space:nowrap}

.sports{display:grid;gap:6px;max-height:340px;overflow:auto;padding-right:2px}
.sp{border-radius:12px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08)}
.sp-h{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;font-size:13px;font-weight:500}
.sp-h .n{margin-left:auto;font-size:11.5px;color:var(--mut);font-weight:500}
.sp-h .car{width:14px;height:14px;fill:none;stroke:var(--mut);stroke-width:2;transition:transform .2s}.sp.open .car{transform:rotate(90deg)}
.ck{flex:none;width:17px;height:17px;border-radius:5px;border:.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.05);display:grid;place-items:center;cursor:pointer}
.ck svg{width:11px;height:11px;fill:none;stroke:#0f1b22;stroke-width:3;opacity:0}
.ck.on{background:var(--g);border-color:var(--g)}.ck.on svg{opacity:1}
.ck.part{background:rgba(var(--gp),.45);border-color:rgba(var(--gp),.8)}.ck.part svg{opacity:0}
.sp-l{display:none;grid-template-columns:1fr 1fr;gap:2px 10px;padding:2px 10px 10px 37px}.sp.open .sp-l{display:grid}
.lg{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#dbe6f3;padding:4px 0;cursor:pointer;min-width:0}
.lg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg small{margin-left:auto;color:var(--mut);font-size:11px}
.lg .ck{width:14px;height:14px;border-radius:4px}.lg .ck svg{width:9px;height:9px}
.warn{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(240,213,138,.10);border:.5px solid rgba(240,213,138,.45);color:#f3e1ae;font-size:12px;font-weight:500;line-height:1.45}
.note{margin-top:10px;font-size:11.5px;color:var(--mut);font-weight:400;line-height:1.45}

.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.12);margin-bottom:12px}
.seg button{font-size:12px;font-weight:500;color:var(--mut);background:transparent;border:.5px solid transparent;border-radius:9px;padding:8px 6px;cursor:pointer;transition:all .25s;white-space:nowrap}
.seg button:hover{color:#fff}.seg button.on{color:#fff;background:rgba(150,208,170,.22);border-color:rgba(150,208,170,.55)}
.seg.sm{margin:0}.seg.sm button{padding:7px 10px;font-size:11.5px}
.sl{margin:10px 0 4px}
.sl label{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:12.5px;font-weight:500;color:#e9f0fa}
.sl label b{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
.sl label .hint{flex:1;display:block}
.sl label{flex-wrap:wrap}.sl label>.hint{order:3;flex-basis:100%;margin-top:0}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;margin-top:4px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,rgba(var(--gp),.85) var(--f,50%),rgba(255,255,255,.12) var(--f,50%))}
input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:rgba(255,255,255,.12)}
input[type=range]::-moz-range-progress{height:6px;border-radius:4px;background:rgba(var(--gp),.85)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:0;margin-top:-5px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}
.sub2{font-size:12.5px;font-weight:500;color:#e9f0fa;margin:16px 0 8px}
.legbar{display:flex;height:26px;border-radius:9px;overflow:hidden;margin-bottom:6px;border:.5px solid rgba(255,255,255,.12)}
.legbar i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10.5px;font-weight:600;color:#0f1b22;transition:flex-grow .4s;min-width:0;overflow:hidden}
.legsl{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0 4px}.legsl[hidden],.warn[hidden]{display:none}
.legsl div{display:grid;justify-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--mut)}
.legsl input{writing-mode:vertical-lr;direction:rtl;width:20px;height:70px}
.legsl input::-webkit-slider-runnable-track{width:6px;height:auto}
.kn{margin:4px 0 14px}.kl{font-size:12.5px;font-weight:500;color:#e9f0fa;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font-size:12.5px;font-weight:500;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.18);color:#dbe6f3;cursor:pointer;transition:all .2s}
.chips button:hover{border-color:rgba(255,255,255,.4)}
.chips button.on{background:rgba(var(--gp),.32);border-color:rgba(var(--gp),.85);color:#fff;box-shadow:inset 0 0 0 .5px rgba(var(--gp),.6)}
.chips button.on:before{content:"✓ ";color:#bfe8cc}
.adv{margin-top:4px;border-top:.5px solid rgba(255,255,255,.1);padding-top:10px}
.adv summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--mut);list-style:none;display:flex;align-items:center;gap:8px}
.adv summary:before{content:"+";font-size:16px;color:var(--b)}.adv[open] summary:before{content:"–"}
.adv summary::-webkit-details-marker{display:none}
.runbar{margin-top:16px;padding-top:14px;border-top:.5px solid rgba(255,255,255,.12);display:grid;gap:10px}
.runbar>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;color:var(--mut)}
.runbar>div:first-child b{color:#fff;font-size:15px;font-weight:600}
.runbar .btn{width:100%;padding:13px 22px;font-size:14px}

/* results */
.empty{text-align:center;padding:52px 30px}
.em-ic{width:54px;height:54px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(157,179,207,.14);border:.5px solid rgba(157,179,207,.45)}
.em-ic svg{width:26px;height:26px;fill:none;stroke:#cfdcee;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.empty h3{font-size:18px;font-weight:600}.empty p{margin:8px auto 0;max-width:460px;font-size:13.5px;line-height:1.55;color:#c9d6e6}
.pbar{height:12px;border-radius:7px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:14px}
.pbar i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,rgba(var(--gp),.5),rgba(var(--gp),.95));transition:width .6s}
#resBody{display:grid;gap:16px}#resBody[hidden]{display:none}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;font-weight:500;color:#c9d6e6}
.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:50%}
.frontier svg,.chart svg{display:block;width:100%;height:auto}
.frontier{margin-top:8px}
.ax{font-size:10.5px;fill:var(--mut);font-weight:500}
.gridl{stroke:rgba(255,255,255,.08);stroke-width:1}
.bub{cursor:pointer;transition:opacity .2s}.bub:hover circle.c{stroke:#fff;stroke-width:1.5}
.bub text{font-size:10px;font-weight:500;fill:#e9f0fa;pointer-events:none}
.bub.sel circle.c{stroke:#fff;stroke-width:2.2}
.ref{fill:none;stroke:#F0D58A;stroke-width:1.4;stroke-dasharray:3 3}
.sel .wt{padding-bottom:12px;border-bottom:.5px solid rgba(255,255,255,.1)}
#selTitle{font-size:16px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 6px}
.kpi{padding:11px 12px 10px;border-radius:13px;background:rgba(0,0,0,.16);border:.5px solid rgba(255,255,255,.1);min-width:0}
.kpi .bt{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.kpi .v{font-size:clamp(17px,1.6vw,22px);font-weight:600;letter-spacing:-.6px;margin:5px 0 3px;white-space:nowrap}
.kpi .k3{font-size:11px;font-weight:500;color:rgba(var(--gp),.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi.r .k3{color:rgba(255,160,150,.9)}.kpi .k3.m{color:var(--mut)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:14px}
.cl{font-size:10.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.cl .hint{display:inline;margin-left:6px;letter-spacing:0;text-transform:none}
.chart{min-height:150px}
.sgl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sgl .kpi .v{font-size:18px}
.pb{margin-top:10px}
.pb .r{display:grid;grid-template-columns:72px 1fr 64px;gap:10px;align-items:center;font-size:11.5px;font-weight:500;color:var(--mut);padding:3px 0}
.pb .r b{text-align:right;color:#fff}.pb .r b.n{color:var(--r)}.pb .r b.p{color:var(--g)}
.pb .t{position:relative;height:9px;border-radius:5px;background:rgba(255,255,255,.07)}
.pb .t i{position:absolute;top:0;bottom:0;border-radius:5px}
.actbar{margin-top:16px;padding-top:14px;border-top:.5px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;font-weight:500;color:#c9d6e6}
.actbar>div{flex:1;min-width:240px;line-height:1.45}
.tscroll{overflow-x:auto;margin-top:10px}
.tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:760px}
.tbl th{text-align:right;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mut);padding:8px 9px;cursor:pointer;white-space:nowrap;user-select:none}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl th.s:after{content:" ▾";color:var(--b)}.tbl th.s.asc:after{content:" ▴"}
.tbl td{padding:8px 9px;border-top:.5px solid rgba(255,255,255,.08);font-weight:500;text-align:right;white-space:nowrap}
.tbl tr{cursor:pointer}.tbl tbody tr:hover td{background:rgba(255,255,255,.04)}
.tbl tr.on td{background:rgba(var(--gp),.1)}
.tbl .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}
.tbl td.g{color:var(--g)}.tbl td.r{color:#ffb3a8}
.star{color:#F0D58A;font-size:11px;margin-left:6px}

/* theme */
.theme{position:fixed;left:262px;bottom:20px;z-index:20;width:340px;padding:16px}
.theme .x{background:none;border:0;font-size:22px;line-height:1;color:var(--mut);cursor:pointer}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.thumbs button{aspect-ratio:1.3;border-radius:10px;border:.5px solid rgba(255,255,255,.2);background:center/cover;cursor:pointer;position:relative}
.thumbs button.on,.sw button.on{outline:2px solid #fff;outline-offset:2px}
.sw{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.sw button{width:30px;height:30px;border-radius:50%;border:.5px solid rgba(255,255,255,.3);cursor:pointer}
.sw input{width:34px;height:34px;border:0;background:none;cursor:pointer;padding:0}

.modal{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:20px}
.modal[hidden]{display:none}
.mbox{width:min(520px,100%);padding:20px 22px;--gl-top:rgba(10,22,16,.86);--gl-bot:rgba(6,16,12,.8)}
#mBody{margin-top:12px;font-size:13px;line-height:1.55;color:#dbe6f3}
#mBody .kvs{margin:10px 0}
.mact{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.toast{position:fixed;right:22px;bottom:22px;z-index:40;padding:12px 16px;border-radius:13px;font-size:13px;font-weight:500;background:rgba(10,22,16,.9);border:.5px solid rgba(255,255,255,.2);box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:420px}
.toast.ok{border-color:rgba(var(--gp),.6)}.toast.bad{border-color:rgba(255,143,128,.6)}

@media(max-width:1250px){.lab{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.side{position:relative;top:0;height:auto}.side nav{grid-template-columns:repeat(3,1fr)}.r3,.two{grid-template-columns:minmax(0,1fr)}.theme{left:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== colour rhythm: green = live/profit, blue = data/markets, coral = players/risk, gold = profiles/capital ===== */
:root{--cb:143,180,232;--cr:232,119,122;--cy:240,213,138;--cg:150,208,170}
.t-g{--gl-top:rgba(16,58,36,.62);--gl-bot:rgba(8,34,20,.50);--ac:var(--cg)}
.t-b{--gl-top:rgba(18,34,62,.62);--gl-bot:rgba(10,20,40,.50);--ac:var(--cb)}
.t-r{--gl-top:rgba(62,22,26,.58);--gl-bot:rgba(36,12,14,.48);--ac:var(--cr)}
.t-y{--gl-top:rgba(56,44,14,.58);--gl-bot:rgba(32,24,6,.46);--ac:var(--cy)}
.glass.t-g,.glass.t-b,.glass.t-r,.glass.t-y{position:relative}
.glass.t-g:after,.glass.t-b:after,.glass.t-r:after,.glass.t-y:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,rgba(var(--ac),.95),rgba(var(--ac),0));pointer-events:none}
.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}
.dot.g{background:var(--g);box-shadow:0 0 8px rgba(var(--cg),.8)}.dot.b{background:rgb(var(--cb));box-shadow:0 0 8px rgba(var(--cb),.8)}
.dot.y{background:var(--y);box-shadow:0 0 8px rgba(var(--cy),.7)}.dot.r{background:var(--b);box-shadow:0 0 8px rgba(var(--cr),.7)}.dot.n{background:#dbe6f3}
.dot.pulse{animation:pl 1.2s ease-in-out infinite}@keyframes pl{50%{opacity:.35}}
.ti{display:flex;align-items:center;gap:9px}
.mut{font-size:11.5px;font-weight:500;color:var(--mut)}
.cnt0{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.2)}
.inf{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:6px;border-radius:50%;font-style:normal;font-size:9.5px;font-weight:600;color:var(--mut);border:.5px solid rgba(157,179,207,.5);cursor:help;vertical-align:1px}
.sl label{align-items:center;flex-wrap:nowrap}.sl label b{margin-left:auto}
.top{padding:18px 24px 18px}.top .sub{margin-top:6px;font-size:13.5px}

/* live profile */
.lp{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center;margin-top:10px}
.gauge svg{display:block;width:100%}
.lp .big{margin:0 0 8px;font-size:clamp(18px,1.7vw,22px);letter-spacing:-.5px;line-height:1.15}
.tg3{display:flex;flex-wrap:wrap;gap:6px}
.tg3 span{font-size:11.5px;font-weight:500;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.18);border:.5px solid rgba(255,255,255,.14);color:#dbe6f3;white-space:nowrap}
.tg3 span b{color:#fff;margin-left:3px}
.t-g .wf{border-top-color:rgba(var(--cg),.2)}
/* replay data */
.t-b .big{color:#dbe8fb}
.spbar{display:flex;height:12px;border-radius:7px;overflow:hidden;margin:12px 0 12px;gap:2px}
.spbar i{display:block;min-width:3px}
.splg{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}
.splg div{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:#c9d6e6;min-width:0}
.splg div i{flex:none;width:8px;height:8px;border-radius:2px}.splg div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.splg div b{margin-left:auto;color:#fff;font-weight:500}

/* steps: one accent each */
.step.s1{--sc:var(--cb)}.step.s2{--sc:var(--cr)}.step.s3{--sc:var(--cy)}
.step .sh{align-items:center;margin-bottom:12px}
.step .sh>b{background:rgba(var(--sc),.22);border-color:rgba(var(--sc),.7);color:#fff;box-shadow:0 0 14px rgba(var(--sc),.25)}
.step{position:relative}.step:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,rgba(var(--sc),.95),rgba(var(--sc),0));pointer-events:none}
.step input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,rgba(var(--sc),.9) var(--f,50%),rgba(255,255,255,.12) var(--f,50%))}
.step input[type=range]::-moz-range-progress{background:rgba(var(--sc),.9)}
.step .seg button.on{background:rgba(var(--sc),.24);border-color:rgba(var(--sc),.65)}
.step .chips button.on{background:rgba(var(--sc),.26);border-color:rgba(var(--sc),.85);box-shadow:none}
.step .chips button.on:before{color:rgb(var(--sc))}
.s1 .ck.on{background:rgb(var(--cb));border-color:rgb(var(--cb))}.s1 .ck.part{background:rgba(var(--cb),.45);border-color:rgba(var(--cb),.8)}
.s1 .cnt{background:rgba(var(--cb),.16);border-color:rgba(var(--cb),.5)}.s3 .cnt{background:rgba(var(--cy),.16);border-color:rgba(var(--cy),.5);color:#f6e6b8}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.mix{display:flex;height:30px;border-radius:9px;overflow:hidden;margin:2px 0 6px;font-size:11px;font-weight:600}
.mix i{display:flex;align-items:center;justify-content:center;font-style:normal;white-space:nowrap;overflow:hidden;transition:flex-grow .4s}
.mix .sg{background:rgba(var(--cy),.8);color:#2a2008}.mix .pl{background:rgba(var(--cb),.75);color:#0f1b22}.mix .vp{background:rgba(var(--cr),.95);color:#2B0B0C;min-width:30px}
.legcols{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0 4px}
.lc{display:grid;justify-items:center;gap:4px;font-size:10.5px;font-weight:500;color:var(--mut);user-select:none}
.lc b{font-size:10.5px;color:#fff;font-weight:600}
.lc-t{position:relative;width:100%;height:56px;border-radius:7px;background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.1);overflow:hidden;touch-action:none}
.lc-t i{position:absolute;left:0;right:0;bottom:0;border-radius:6px 6px 0 0;transition:height .3s}
.legcols.ed .lc-t{cursor:ns-resize;border-color:rgba(var(--cr),.45)}.legcols.ed .lc-t i{transition:none}
.legcols.ed .lc-t:hover{background:rgba(255,255,255,.09)}
.vol{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.vol span{font-size:11px;font-weight:500;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.18);border:.5px solid rgba(255,255,255,.12);color:#dbe6f3}
.vol span b{color:#fff}
.runbar{gap:8px}.runbar>#depth{display:grid}
.runbar .btn{flex-direction:column;gap:1px;padding:11px 22px}
.runbar .btn small{font-size:11px;font-weight:500;opacity:.7}
.gridn{text-align:center;font-size:11.5px;font-weight:500;color:var(--mut)}

/* progress */
.pctb{font-size:20px;font-weight:600;color:#dbe8fb}
.pbar i{background:linear-gradient(90deg,rgba(var(--cb),.5),rgba(var(--cb),1))}

/* KPIs: each one its own colour */
.kpi{position:relative;overflow:hidden;--kc:255,255,255}
.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(var(--kc),.85)}
.kpi:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 90% at 0% 0%,rgba(var(--kc),.14),transparent 70%);pointer-events:none}
.kpi.k-g{--kc:var(--cg)}.kpi.k-b{--kc:var(--cb)}.kpi.k-y{--kc:var(--cy)}.kpi.k-r{--kc:var(--cr)}
.kpi.k-g .v{color:#b6ecc8}.kpi.k-r .v{color:#ffb9b0}.kpi.k-y .v{color:#f6e2a6}.kpi.k-b .v{color:#cfe0fa}
.kpi .k3{color:rgba(219,230,243,.7)!important}
.pane{padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.14);border:.5px solid rgba(255,255,255,.08);min-width:0}
.pane.t-y{background:linear-gradient(135deg,rgba(var(--cy),.10),rgba(var(--cy),.03));border-color:rgba(var(--cy),.3)}
.cl{display:flex;align-items:center;gap:8px}
.sgl .kpi{background:rgba(0,0,0,.18)}
.sel .wt{border-bottom-color:rgba(255,255,255,.1)}
#selTitle{font-size:15px}
.actbar{border-top-color:rgba(var(--cy),.25)}
@media(max-width:600px){.pair,.splg{grid-template-columns:1fr}.lp{grid-template-columns:90px 1fr}}
.frrow{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}
.picks{display:flex;flex-direction:column}
#picks{display:grid;gap:8px;margin-top:12px;flex:1;align-content:start}
#picks .kpi{text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,background .2s}
#picks .kpi:hover{background:rgba(255,255,255,.07)}
#picks .kpi.on{border-color:rgba(var(--kc),.8);background:rgba(var(--kc),.12)}
#picks .kpi .v{font-size:19px}
@media(max-width:1250px){.frrow{grid-template-columns:minmax(0,1fr)}#picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
#picks .kpi .v small{font-size:11px;font-weight:500;letter-spacing:0;margin-left:6px;color:var(--mut)}

/* ===== guided mode ===== */
body.guided #lab{display:none}body.expert #guide{display:none}
.top{position:relative}
.mode{position:absolute;right:20px;top:18px;margin:0;width:190px}
.mode button.on{background:rgba(240,213,138,.24)!important;border-color:rgba(240,213,138,.7)!important;color:#fff}
.guide{display:grid;grid-template-columns:minmax(330px,400px) minmax(0,1fr);gap:16px;align-items:start}
.gq .sh+.goals{margin-bottom:18px}
.goals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.goals button{--gc:255,255,255;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-align:left;padding:12px;border-radius:14px;cursor:pointer;color:#e9f0fa;font:inherit;
  background:rgba(var(--gc),.06);border:.5px solid rgba(var(--gc),.22);transition:all .2s}
.goals .gp{--gc:var(--cg)}.goals .gb{--gc:var(--cb)}.goals .gy{--gc:var(--cy)}.goals .gr{--gc:var(--cr)}
.goals svg{grid-row:1/3;width:26px;height:26px;padding:5px;border-radius:9px;fill:none;stroke:rgb(var(--gc));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:rgba(var(--gc),.14)}
.goals b{font-size:13.5px;font-weight:600}.goals small{font-size:11px;font-weight:500;color:var(--mut);line-height:1.3}
.goals button:hover{background:rgba(var(--gc),.12)}
.goals button.on{background:rgba(var(--gc),.22);border-color:rgba(var(--gc),.9);box-shadow:0 0 0 1px rgba(var(--gc),.5),0 8px 24px rgba(var(--gc),.15)}
.goals button.on small{color:#e3ebf5}
.lim{--sc:var(--cr)}
.book{display:flex;align-items:center;gap:8px;margin:16px 0 14px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.16);border:.5px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;color:var(--mut)}
.book b{color:#fff;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn.wide{width:100%;flex-direction:column;gap:1px;padding:13px 22px;font-size:14.5px}.btn.wide small{font-size:11px;font-weight:500;opacity:.7}
.gres{display:grid;gap:16px;min-width:0}
.rec .rh{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.6px;margin:12px 0 4px;line-height:1.2}
.kpis.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dl{font-weight:500}.dl.up{color:#9fe3b8}.dl.dn{color:#ffab9f}
.kpi .k3 .dl.up{color:#9fe3b8}.kpi .k3 .dl.dn{color:#ffab9f}
.limb{height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;margin:6px 0 5px}
.limb i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(var(--cg),.7),rgba(var(--cy),.9))}.limb i.over{background:rgb(var(--cr))}
.why{list-style:none;display:grid;gap:7px;margin:12px 0 4px;padding:0}
.why li{position:relative;padding-left:20px;font-size:13px;font-weight:400;color:#dbe6f3;line-height:1.45}
.why li:before{content:"";position:absolute;left:4px;top:6px;width:7px;height:7px;border-radius:50%;background:rgba(var(--ac,var(--cg)),.9)}
.why b{color:#fff}
.ract{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px;padding-top:14px;border-top:.5px solid rgba(255,255,255,.12)}
.ract .lnk:first-child{margin-right:auto}
.alts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.alt{display:grid;gap:6px;justify-items:start;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .2s}
.alt:hover{transform:translateY(-2px)}
.alt .bt{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.alt>b{font-size:15px;font-weight:600}
.alt .am{display:flex;gap:14px;font-size:11.5px;font-weight:500;color:var(--mut)}.alt .am em{font-style:normal;color:#fff;font-weight:600;font-size:13px}
@media(max-width:1250px){.guide{grid-template-columns:minmax(0,1fr)}.kpis.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mode{position:static;margin-top:12px}}
.rsub{font-size:12px;font-weight:500;color:var(--mut);margin-bottom:14px}

/* ===== calmer colour: neutral glass, colour only as small accents ===== */
.t-g,.t-b,.t-r,.t-y{--gl-top:rgba(10,22,16,.50);--gl-bot:rgba(6,16,12,.38)}
.glass.t-g:after,.glass.t-b:after,.glass.t-r:after,.glass.t-y:after,.step:after{left:22px;right:auto;width:64px;height:2px;background:rgba(var(--ac,var(--sc)),.7)}
.kpi:before,.kpi:after{display:none}
.kpi.k-g .v,.kpi.k-r .v,.kpi.k-y .v,.kpi.k-b .v{color:#fff}
.kpi .bt{display:flex;align-items:center;gap:6px}
.kpi .bt:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:rgba(var(--kc),.9)}
.kpi:not([class*="k-"]) .bt:before{display:none}
.pane.t-y{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.08)}
.goals button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.goals svg{stroke:#c9d6e6;background:rgba(255,255,255,.07)}
.goals button:hover{background:rgba(255,255,255,.08)}
.goals button.on{background:rgba(var(--gc),.12);border-color:rgba(var(--gc),.75);box-shadow:none}
.goals button.on svg{stroke:rgb(var(--gc));background:rgba(var(--gc),.14)}
.step .sh>b{background:rgba(255,255,255,.07);border-color:rgba(var(--sc),.6);box-shadow:none}
.mix .sg{background:rgba(var(--cy),.45);color:#fff}.mix .pl{background:rgba(var(--cb),.35);color:#fff}
.alt .pill,.rec .tags .pill{opacity:.9}
#picks .kpi.on{background:rgba(255,255,255,.08);border-color:rgba(var(--kc),.6)}
/* profit vs risk ranking */
.frontier{margin-top:12px;max-height:380px;overflow:auto}
.fr-h,.fr-r{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1.3fr);gap:12px;align-items:center}
.fr-h{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mut);padding:0 8px 6px}
.fr-h span:first-child{text-align:right}.fr-h span:nth-child(2){text-align:center}
.fr-r{width:100%;padding:6px 8px;border-radius:10px;border:.5px solid transparent;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}
.fr-r:hover{background:rgba(255,255,255,.05)}.fr-r.on{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.fr-dd,.fr-p{display:flex;align-items:center;gap:8px;min-width:0}.fr-dd{justify-content:flex-end}
.fr-dd i,.fr-p i{display:block;height:14px;border-radius:4px;min-width:2px}
.fr-dd i{background:rgba(var(--cr),.55);border-radius:4px 2px 2px 4px}.fr-p i{background:rgba(var(--cg),.6);border-radius:2px 4px 4px 2px}.fr-p i.neg{background:rgba(var(--cr),.8)}
.fr-dd b,.fr-p b{font-size:12.5px;font-weight:600;white-space:nowrap;color:#dbe6f3}
.fr-dd b.best{color:#ffc3ba}.fr-p b.best{color:#b6ecc8}
.fr-p s{text-decoration:none;font-size:11px;font-weight:500;white-space:nowrap}.fr-p s.up{color:#9fe3b8}.fr-p s.dn{color:#ffab9f}
.fr-n{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:500;white-space:nowrap;border-left:.5px solid rgba(255,255,255,.12);border-right:.5px solid rgba(255,255,255,.12);padding:0 6px}
.fr-n em{font-style:normal;font-size:10px;font-weight:600;color:var(--mut);width:16px;text-align:right}
.fr-n small{font-size:9.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#f3e1ae;border:.5px dashed rgba(var(--cy),.7);border-radius:999px;padding:1px 6px}
.kpi .bt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.6px}

/* ===== conventional layout: header · status bar · setup panel | results panel ===== */
main{gap:14px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}
.top h1{font-size:clamp(18px,1.7vw,22px);letter-spacing:-.4px;max-width:none}
.top .eyebrow{margin-bottom:4px}
.mode{position:static;width:220px;flex:none}
.status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:12px 22px}
.status .st{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.status .st+.st{padding-left:28px;border-left:.5px solid rgba(255,255,255,.12)}
.status .st:last-child{margin-left:auto}
.status .stl{font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--mut)}
.status b{font-size:14px;font-weight:600}
.status .tg3 span{padding:3px 8px;font-size:11px}
.work{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px;align-items:start}
.panel{padding:0;border-radius:18px;min-width:0;overflow:hidden}
.panel.step:after{display:none}
.setup{--sc:157,179,207;position:sticky;top:14px;display:flex;flex-direction:column;max-height:calc(100vh - 28px)}
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:.5px solid rgba(255,255,255,.1);flex-wrap:wrap}
.ph h3{font-size:15px;font-weight:600}
.pbody{flex:1;overflow:auto;min-height:0}
.pfoot{padding:14px 18px 16px;border-top:.5px solid rgba(255,255,255,.1);display:grid;gap:10px;margin:0}
.runbar.pfoot{margin-top:0}
.sec{padding:16px 20px;border-top:.5px solid rgba(255,255,255,.08)}
.sec:first-child,.ph+.sec,.ph+.empty+.sec{border-top:0}
.sec-h{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#c9d6e6;margin-bottom:12px}
.sec-h em{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.25);color:#fff;letter-spacing:0}
.sec-h .cnt,.sec-h .legend,.sec-h .tags{margin-left:auto;text-transform:none;letter-spacing:0}
.sec-h .cnt{font-size:11.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 9px}
.sel .sec-h{font-size:13px;letter-spacing:0;text-transform:none;color:#fff}
.ptabs{display:flex;gap:4px;padding:0 12px;border-bottom:.5px solid rgba(255,255,255,.1)}
.ptabs button{display:flex;align-items:center;gap:7px;padding:14px 10px 12px;background:none;border:0;border-bottom:2px solid transparent;color:var(--mut);font:inherit;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:-.5px}
.ptabs button em{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:rgba(255,255,255,.07);color:#c9d6e6}
.ptabs button:hover{color:#fff}
.ptabs button.on{color:#fff;border-bottom-color:#F0D58A}.ptabs button.on em{background:#F0D58A;color:#2a2008}
.ptabs.inl{border:0;padding:0}.ptabs.inl button{padding:6px 2px 6px;margin:0 8px}
.rsel{display:flex;align-items:center;gap:12px;min-width:0}
#runSel{max-width:340px;min-width:0;background:rgba(0,0,0,.25);color:#fff;border:.5px solid rgba(255,255,255,.2);border-radius:9px;padding:6px 10px;font:inherit;font-size:12.5px;font-weight:500}
.results .empty{padding:60px 30px}
.prog .pt{margin-top:10px}
.sports{max-height:none}
.goals{margin:0}.book{margin:0}.book b{flex:1}
.kn:last-child{margin-bottom:0}
.sec-h+.sl,.sec-h+.mix+.sl{margin-top:0}.pair .sl{margin-top:10px}
.alts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.alt{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.12)}
.alt:hover{background:rgba(255,255,255,.08);transform:none}
.rec .wt{margin-bottom:0}.rec .ract{border-top:0;padding-top:0}
.actbar{margin-top:14px}
.two{margin-top:0}
.tp .tscroll{margin-top:0}
@media(max-width:1100px){.work{grid-template-columns:minmax(0,1fr)}.setup{position:relative;top:0;max-height:none}.status .st:last-child{margin-left:0}}
@media(max-width:700px){.top{flex-direction:column;align-items:flex-start}.status .st+.st{padding-left:0;border-left:0}}

/* ===== softer text: less white, less weight ===== */
:root{--tx:#d3dce7;--tx2:#a9b8ca}
body{color:var(--tx)}
.top h1{font-size:18px;font-weight:500;color:var(--tx)}
.ph h3{font-size:14px;font-weight:500;color:var(--tx)}
.status b{font-size:13px;font-weight:500;color:var(--tx)}
.status .tg3 span{background:none;border-color:rgba(255,255,255,.1);color:var(--tx2);font-weight:500}
.status .tg3 span b{font-size:11px;color:var(--tx);font-weight:500}
.sec-h{color:var(--tx2)}
.goals b{font-size:13px;font-weight:500;color:var(--tx)}
.goals small{color:#8496ab}
.goals button.on b{color:#eef3f8}
.sl label{color:var(--tx);font-weight:500}.sl label b{color:var(--tx);font-weight:500}
.book b{color:var(--tx);font-weight:500}
.rec .rh{font-size:17px;font-weight:500;letter-spacing:-.2px;color:#e6edf5;margin:10px 0 14px}
.rec .wt{font-size:12.5px;font-weight:500;color:var(--tx2)}
.kpi{padding:10px 12px}
.kpi .bt{font-size:9.5px;color:#8496ab}
.kpi .v,.kpi.k-g .v,.kpi.k-r .v,.kpi.k-y .v,.kpi.k-b .v{font-size:17px;font-weight:500;letter-spacing:-.3px;color:var(--tx)}
.kpi .k3{font-size:10.5px;color:#8496ab!important}
.why{gap:5px;margin-top:12px}
.why li{font-size:12px;font-weight:400;color:var(--tx2)}.why b{color:var(--tx);font-weight:500}
.pill{font-size:9.5px;letter-spacing:.6px;padding:3px 8px;font-weight:500}
.rec .tags .pill.ok{background:none}
.fr-dd b,.fr-p b,.fr-n{color:var(--tx);font-weight:500}
.tbl{color:var(--tx)}
.alt>b{font-size:13.5px;font-weight:500;color:var(--tx)}.alt .am em{color:var(--tx);font-weight:500}

/* ===== type hierarchy: regular text, medium labels, semi-bold only for titles and key numbers ===== */
body{font-weight:400;letter-spacing:-.005em}
.top h1,.ph h3,.rec .rh,.kpi .v,.btn,.alt>b,.status b,.sp-h span:nth-child(2){font-weight:600}
.kpi .bt,.sec-h,.status .stl,.cl,.fr-h,.pill,.tbl th{font-weight:500}
.why b,.sl label b,.fr-p b,.fr-dd b{font-weight:500}
.goals b{font-weight:500}.goals button.on b{font-weight:600}

/* ===== calmer primary buttons ===== */
.btn.p{background:#cfb977;color:#231b06;border:.5px solid rgba(35,27,6,.25);box-shadow:0 2px 10px rgba(207,185,119,.12)}
.btn.p:hover{filter:none;background:#d8c385}
.btn.p:disabled{background:rgba(207,185,119,.35);color:rgba(35,27,6,.7)}
.btn{padding:8px 18px;font-size:13px}
.btn.wide{flex-direction:row;gap:8px;padding:9px 16px;font-size:13px;border-radius:10px}
.btn.wide small{font-size:11.5px;font-weight:400;opacity:.65}
.runbar .btn{padding:9px 16px;font-size:13px}
.runbar .btn small{font-size:11.5px;font-weight:400}
.gridn{font-size:11px}
.mode button.on{background:rgba(207,185,119,.16)!important;border-color:rgba(207,185,119,.5)!important}
.ptabs button.on{border-bottom-color:#cfb977}.ptabs button.on em{background:#cfb977}

/* run picker */
.dd{position:relative;min-width:0}
.dd-b{display:flex;align-items:center;gap:6px;max-width:360px;padding:5px 8px 5px 10px;border-radius:8px;background:none;border:.5px solid transparent;color:var(--tx);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.dd-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-b svg{flex:none;width:15px;height:15px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dd-b:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.dd-m{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:340px;max-height:360px;overflow:auto;padding:6px;border-radius:12px;--gl-top:rgba(14,24,20,.92);--gl-bot:rgba(10,18,15,.9);box-shadow:0 12px 36px rgba(0,0,0,.45)}
.dd-m button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:8px;background:none;border:0;color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.dd-m button:hover{background:rgba(255,255,255,.07)}.dd-m button.on{background:rgba(207,185,119,.12)}
.dd-m span{display:grid;gap:2px;min-width:0}.dd-m b{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-m small{font-size:11px;color:var(--mut)}
.dd-m em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}.dd-m em.bad{color:#ffab9f}
.panel.results{overflow:visible}
#runMenu{background:rgba(16,24,21,.97)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:.5px solid rgba(255,255,255,.14)}
/* run picker, compact */
.dd-m{width:330px;padding:4px 0;border-radius:10px}
.dd-h{padding:8px 14px 6px;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.dd-m button{display:flex;align-items:center;gap:12px;padding:6px 14px;border-radius:0;border-left:2px solid transparent}
.dd-m button:hover{background:rgba(255,255,255,.05)}
.dd-m button.on{background:none;border-left-color:#cfb977}.dd-m button.on b{color:#eef3f8}
.dd-m b{flex:1;font-size:12.5px;font-weight:400;color:var(--tx)}
.dd-m small{flex:none;font-size:11px;color:#7f90a5;font-variant-numeric:tabular-nums}
.dd-m em{font-size:10px}
/* compare table */
.frontier{max-height:none;margin-top:0;overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:13px}
.cmp th{text-align:right;padding:0 12px 8px;font-size:10.5px;font-weight:500;letter-spacing:.4px;color:#8496ab;white-space:nowrap;cursor:pointer;border-bottom:.5px solid rgba(255,255,255,.1)}
.cmp th:first-child{text-align:left;cursor:default;padding-left:10px}
.cmp th:hover{color:var(--tx)}.cmp th.s{color:var(--tx)}.cmp th.s:after{content:" ↓"}.cmp th.s.asc:after{content:" ↑"}
.cmp td{text-align:right;padding:9px 12px;border-bottom:.5px solid rgba(255,255,255,.06);white-space:nowrap;color:var(--tx);font-variant-numeric:tabular-nums;vertical-align:top}
.cmp td:first-child{text-align:left;padding-left:10px;font-weight:500}
.cmp td s{display:block;text-decoration:none;font-size:10.5px;margin-top:2px;color:#7f90a5}
.cmp td s.up{color:#8fcfa6}.cmp td s.dn{color:#e39a90}
.cmp td.best{color:#a6e3bb}
.cmp tbody tr{cursor:pointer}.cmp tbody tr:hover td{background:rgba(255,255,255,.03)}
.cmp tbody tr.on td{background:rgba(207,185,119,.07)}
.cmp .rad{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);margin-right:10px;vertical-align:-1px}
.cmp tr.on .rad{border-color:#cfb977;box-shadow:inset 0 0 0 3px rgba(16,24,21,1);background:#cfb977}
.cmp td em{font-style:normal;font-size:9.5px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;margin-left:8px;padding:1px 6px;border-radius:999px;color:#a6e3bb;border:.5px solid rgba(var(--cg),.45)}
.cmp td em.ref{color:#d9c690;border-color:rgba(var(--cy),.4)}
.tgl{margin-left:10px;background:none;border:.5px solid rgba(255,255,255,.18);border-radius:7px;color:var(--tx2);font:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;padding:3px 9px;cursor:pointer}
.tgl:hover{color:var(--tx)}.tgl.on{border-color:rgba(207,185,119,.6);color:#e6d7a8}
#selCard .kpis{display:none}
#selCard{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#selCard .sec-h{margin:0;flex:1;min-width:240px}
#selCard .actbar{margin:0;padding:0;border:0;flex:none}
#selCard .actbar>div{flex:none;min-width:0;color:#8496ab;font-size:12px}
/* markets list: neutral checkboxes + sport icons */
.sports .ck,.sports .ck.on,.sports .ck.part{background:none;border:1px solid rgba(255,255,255,.25);border-radius:4px;width:15px;height:15px}
.sports .ck svg{stroke:#c9d6e6;stroke-width:2.4;width:10px;height:10px}
.sports .ck.on{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
.sports .ck.part{border-color:rgba(255,255,255,.4)}
.sports .ck.part:after{content:"";width:7px;height:1.5px;border-radius:1px;background:#c9d6e6}
.sports .ck.part svg{display:none}
.sports .lg .ck{width:13px;height:13px}.sports .lg .ck svg{width:8px;height:8px}
.spi{flex:none;width:17px;height:17px;fill:none;stroke:#8496ab;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sp-h{gap:9px}
.sp-h span:nth-child(3){font-weight:500;color:var(--tx)}
.sp{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.06)}
.sp-l{padding-left:60px}
/* details tab */
.expl{font-size:12.5px;color:var(--tx2);margin:-4px 0 16px;line-height:1.5}
.dgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.dp-l{font-size:11px;font-weight:500;color:#8496ab;letter-spacing:.4px}
.dp-v{font-size:24px;font-weight:600;color:var(--tx);margin:2px 0 12px;letter-spacing:-.4px}.dp-v small{font-size:12px;font-weight:400;color:#8496ab;margin-left:8px;letter-spacing:0}
.rng{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.08)}
.rng i{position:absolute;top:0;bottom:0;border-radius:3px;background:rgba(var(--cg),.55)}
.rng em{position:absolute;top:-4px;width:2px;height:14px;margin-left:-1px;border-radius:1px;background:#e6edf5}
.rng .z{position:absolute;top:-3px;width:1px;height:12px;background:rgba(255,255,255,.3)}
.rng-l{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#7f90a5}
.dp-s{margin-top:12px;font-size:12.5px;color:var(--tx2)}.dp-s b{color:var(--tx);font-weight:500}
.dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0}
.dl dt,.dl dd{padding:9px 0;border-bottom:.5px solid rgba(255,255,255,.07);font-size:12.5px}
.dl dt{color:var(--tx2)}.dl dd{margin:0;text-align:right;color:var(--tx);font-weight:500}
.dl dd small{font-weight:400;color:#7f90a5;margin-left:6px}
.dt{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.dt th{text-align:right;padding:0 12px 8px;font-size:10.5px;font-weight:500;color:#8496ab;border-bottom:.5px solid rgba(255,255,255,.1)}
.dt td{text-align:right;padding:8px 12px;border-bottom:.5px solid rgba(255,255,255,.06);color:var(--tx)}
.dt th:first-child,.dt td:first-child{text-align:left;padding-left:0}
.dt td.neg{color:#e39a90}
.dt tr.st1 td{font-weight:500;border-top:.5px solid rgba(255,255,255,.14)}
.dt tr.st2 td{color:var(--tx2)}.dt tr.st2+tr.st1 td{border-top:0}
.dt tr.tot td{font-weight:600;border-bottom:0}
@media(max-width:900px){.dgrid{grid-template-columns:minmax(0,1fr)}}
/* charts tab */
.cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cbox{padding:14px 16px 12px;border-radius:12px;background:rgba(0,0,0,.14);border:.5px solid rgba(255,255,255,.07);min-width:0}
.ct{font-size:12.5px;font-weight:500;color:var(--tx);margin-bottom:10px}
.cc svg{display:block;width:100%;height:auto}
.cn{margin-top:8px;font-size:11px;color:#7f90a5}
.cc .ax{fill:#7f90a5;font-size:10.5px}
.cc .rl{fill:var(--tx2);font-size:11px}.cc .rl.on{fill:#e6d7a8}
.cc .rv{fill:var(--tx);font-size:11px;font-weight:500}.cc .rv.on{fill:#e6d7a8}
.cc .hv{fill:var(--tx);font-size:11px;font-weight:500}
.cc .rp:hover rect{fill:rgba(255,255,255,.03)}
.mx-t{display:flex;align-items:baseline;gap:8px;margin:4px 0 14px}.mx-t b{font-size:22px;font-weight:600;color:var(--tx)}.mx-t span{font-size:11.5px;color:#7f90a5}
.mx-b{display:flex;gap:2px;height:16px;border-radius:5px;overflow:hidden;margin-bottom:16px}.mx-b i{display:block;min-width:3px}
.mx-l{display:grid;gap:0}
.mx-l div{display:grid;grid-template-columns:10px 1fr auto 42px;gap:10px;align-items:center;padding:7px 0;border-bottom:.5px solid rgba(255,255,255,.06);font-size:12px}
.mx-l div:last-child{border-bottom:0}
.mx-l i{width:10px;height:10px;border-radius:3px}.mx-l span{color:var(--tx2)}.mx-l b{font-weight:500;color:var(--tx);text-align:right}.mx-l b.neg{color:#e39a90}
.mx-l em{font-style:normal;text-align:right;color:#7f90a5;font-size:11px}
@media(max-width:1200px){.cgrid{grid-template-columns:minmax(0,1fr)}}
/* ===== pages ===== */
.page{display:contents}.page[hidden]{display:none!important}
.mode.rng{width:340px}
.status b.neg{color:#e39a90}
/* overview: KPI strip */
.kstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0}
.kstrip .kc{display:grid;gap:3px;align-content:start;padding:16px 20px;min-width:0;cursor:default}
.kstrip .kc+.kc{border-left:.5px solid rgba(255,255,255,.08)}
.kl{font-size:10.5px;font-weight:500;letter-spacing:.4px;color:#8496ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kstrip b{font-size:21px;font-weight:600;letter-spacing:-.4px;color:var(--tx);font-variant-numeric:tabular-nums}
.kstrip b.neg,.ostrip b.neg{color:#e39a90}
.kstrip s,.ostrip s{text-decoration:none;font-size:11px;color:#7f90a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kstrip s.up{color:#8fcfa6}.kstrip s.dn{color:#e39a90}
/* overview: grid */
.ovgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.ovc{display:grid;gap:14px;min-width:0}
.lgd{display:flex;align-items:center;gap:6px;font-size:11px;color:#8496ab}
.lgd i{width:9px;height:9px;border-radius:2px;margin-left:8px}.lgd i:first-child{margin-left:0}
.lgd .lt{background:rgba(157,179,207,.55)}.lgd .lg{background:rgba(143,207,166,.8)}.lgd .ll{background:rgba(227,154,144,.7)}
.gridl{stroke:rgba(255,255,255,.06)}
.cc g:hover rect:first-child{fill:rgba(255,255,255,.03)}
.dt .sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:9px}
.dt tr.z td{color:#6f8096}
#ovMix .mx-b{margin-bottom:14px}
.ostrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:14px 20px}
.ostrip div{display:grid;gap:3px;padding:0 16px;min-width:0}.ostrip div:first-child{padding-left:0}
.ostrip div+div{border-left:.5px solid rgba(255,255,255,.08)}
.ostrip b{font-size:17px;font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums}
.ovt td{vertical-align:top}
.ovt td.bt{max-width:260px}
.ovt td.bt span{display:block;color:var(--tx)}
.ovt td.bt small{display:block;margin-top:2px;font-size:11px;color:#7f90a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.ovt th:nth-child(3),.ovt td.bt{text-align:left}
.ovt .mt{color:#8496ab}
.ovt .wn{color:#d9c690;font-size:11.5px}
.bs{font-size:11px;padding:2px 8px;border-radius:999px;border:.5px solid rgba(255,255,255,.14);color:var(--tx2);white-space:nowrap}
.bs.won{color:#e39a90;border-color:rgba(227,154,144,.35)}
.bs.lost{color:#8fcfa6;border-color:rgba(143,207,166,.35)}
.bs.pending{color:#d9c690;border-color:rgba(207,185,119,.4)}
/* overview: side */
.ph .cnt{font-size:11px;font-weight:500;color:#2a2008;background:#cfb977;border-radius:999px;padding:1px 8px}
.att{padding:6px 0}
.att-h{padding:10px 20px 4px;font-size:12.5px;color:var(--tx2)}
.ar{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 20px}
.ar+.ar{border-top:.5px solid rgba(255,255,255,.06)}
.ar>i{width:7px;height:7px;border-radius:50%;background:#7f90a5}
.ar.ok>i{background:rgba(143,207,166,.75)}.ar.warn>i{background:#cfb977}.ar.bad>i{background:#e39a90}.ar.info>i{background:rgba(157,179,207,.8)}
.ar span{display:grid;gap:2px;min-width:0}.ar b{font-size:12.5px;font-weight:500;color:var(--tx)}.ar.ok b{font-weight:400;color:var(--tx2)}
.ar small{font-size:11px;color:#7f90a5}.ar em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--tx)}
#ovMoney dt.gh,#ovMoney dd.gh{padding-top:16px;font-size:10.5px;font-weight:500;letter-spacing:.4px;color:#8496ab;border-bottom-color:rgba(255,255,255,.1)}
@media(max-width:1300px){.ovgrid{grid-template-columns:minmax(0,1fr)}.kstrip{grid-template-columns:repeat(3,minmax(0,1fr))}.kstrip .kc:nth-child(4){border-left:0}.kstrip .kc:nth-child(n+4){border-top:.5px solid rgba(255,255,255,.08)}}
@media(max-width:900px){.ostrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ostrip div{padding:0}.ostrip div+div{border-left:0}.mode.rng{width:100%}}
.mode.rng{top:0}
.ovt th.l,.ovt td.l{text-align:left}
#ovMoney dt small{margin-left:6px;font-size:11px;color:#7f90a5}
.cc#ovChart svg{height:210px}
.bs.won,.bs.lost{color:var(--tx2);border-color:rgba(255,255,255,.14)}
/* ===== players ===== */
.srch{display:flex;align-items:center;gap:8px;width:300px;flex:none;padding:7px 12px;border-radius:10px;background:rgba(0,0,0,.18);border:.5px solid rgba(255,255,255,.12)}
.srch:focus-within{border-color:rgba(207,185,119,.5)}
.srch svg{width:15px;height:15px;flex:none;fill:none;stroke:#8496ab;stroke-width:2;stroke-linecap:round}
.srch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit;font-size:12.5px}
.srch input::placeholder{color:#7f90a5}
.status .st .inf{margin-left:-4px}
.work.plw{grid-template-columns:minmax(0,1fr) 440px}
.segt{flex-wrap:wrap}
.segt button em{width:auto;min-width:18px;padding:0 5px;border-radius:9px;margin-left:2px}
.segt button.z{color:#6f8096}.segt button.z em{opacity:.6}
.segt button.on em{background:#cfb977;color:#2a2008}
.plt td:first-child,.plt th:first-child{padding-left:20px}
.plt th:nth-child(2),.plt td:nth-child(2),.plt th:nth-child(3),.plt td:nth-child(3){text-align:left}
.plt td{vertical-align:middle}
.plt .pn{display:flex;align-items:center;gap:6px}
.plt .lk{font-style:normal;font-size:10px;color:#d9c690}
.plt .mt{color:#8496ab}
.cmp td.neg{color:#e39a90}
.sg{display:inline-block;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:999px;border:.5px solid rgba(255,255,255,.16);color:var(--tx2);white-space:nowrap}
.sg.s-vip{color:#e6d7a8;border-color:rgba(207,185,119,.5)}
.sg.s-new{color:#b9cde6;border-color:rgba(157,179,207,.5)}
.sg.s-winning{color:#e8aaa1;border-color:rgba(227,154,144,.5)}
.sg.s-restricted{color:#e8aaa1;border-color:rgba(227,154,144,.5);background:rgba(227,154,144,.08)}
.sg.s-idle{color:#7f90a5}
.sg.s-link{color:#d9c690;border-style:dashed;border-color:rgba(207,185,119,.45)}
a.pl{color:inherit;text-decoration:none;cursor:pointer;border-bottom:.5px dotted rgba(255,255,255,.25)}a.pl:hover{color:#e6d7a8;border-bottom-color:#cfb977}
/* player detail */
.pdet .empty{padding:70px 30px}
.pdh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pdh h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdh .sg,.pdh .pill{margin:0}
#pdBody{display:flex;flex-direction:column;min-height:0;flex:1}
#pdBody[hidden]{display:none}
.pdk{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.pdk div{display:grid;gap:2px;min-width:0}
.pdk b{font-size:17px;font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums}.pdk b.neg{color:#e39a90}
.pdk s{text-decoration:none;font-size:11px;color:#7f90a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pdTabs{padding:0 14px}
.pdf{margin-top:12px}
.dt small.sh{margin-left:6px;font-size:10.5px;color:#7f90a5}
.lst{display:grid}
.lst .li{display:flex;justify-content:space-between;gap:14px;padding:10px 20px;border-bottom:.5px solid rgba(255,255,255,.06);font-size:12.5px;text-align:left;width:100%;background:none;border-left:0;border-right:0;border-top:0;color:inherit;font-family:inherit}
.lst.in .li{padding:9px 0}
.lst .li>span{display:grid;gap:2px;min-width:0}
.lst .li b{font-weight:500;color:var(--tx)}.lst .li b em{font-style:normal;font-weight:400;color:#8496ab}
.lst .li small{font-size:11px;color:#7f90a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lst .li .r{justify-items:end;text-align:right;flex:none}
.lst .li b.pos{color:#8fcfa6}
.lst button.li{cursor:pointer}.lst button.li:hover b{color:#e6d7a8}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px!important}
.pad{padding:16px 20px}
@media(max-width:1300px){.work.plw{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1100px){.work.plw{grid-template-columns:minmax(0,1fr)}.srch{width:100%}}
.plt svg.lk{width:12px;height:12px;fill:none;stroke:#cfb977;stroke-width:2;stroke-linecap:round;flex:none}
/* player actions */
.pact{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 14px}
.pact button{flex:1;white-space:nowrap;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.14);color:var(--tx);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.pact button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.pact button.warn{color:#e8aaa1;border-color:rgba(227,154,144,.35)}.pact button.warn:hover{background:rgba(227,154,144,.08)}
.sg.s-lim{color:#d9c690;border-color:rgba(207,185,119,.4)}
.sec-h .tgl{margin-left:auto}
.pmb{width:min(440px,calc(100vw - 32px));display:grid;gap:14px}
.pmb .wt{margin:0}
.fld{display:grid;gap:6px}
.fld>span{font-size:11.5px;font-weight:500;color:var(--tx2)}.fld>span em{font-style:normal;font-weight:400;color:#7f90a5;margin-left:4px}
.fld input{width:100%;box-sizing:border-box;padding:8px 11px;border-radius:9px;background:rgba(0,0,0,.22);border:.5px solid rgba(255,255,255,.14);color:var(--tx);font:inherit;font-size:13px;outline:0}
.fld input:focus{border-color:rgba(207,185,119,.55)}
.fld input::placeholder{color:#6f8096}
.amt{display:flex;align-items:center;position:relative}
.amt i{position:absolute;left:11px;font-style:normal;font-size:13px;color:#7f90a5}
.amt i+input{padding-left:24px}
.amt input::-webkit-outer-spin-button,.amt input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-p{margin:0;font-size:12px;line-height:1.5;color:var(--tx2)}
.pm-sum{font-size:12px;color:var(--tx2)}.pm-sum b{color:var(--tx);font-weight:500}.pm-sum b.neg{color:#e39a90}
.pm-err{font-size:12px;color:#e8aaa1;padding:8px 11px;border-radius:8px;background:rgba(227,154,144,.08);border:.5px solid rgba(227,154,144,.3)}
.pm-err[hidden]{display:none}
.opts{display:grid;gap:6px}
.opts button{display:grid;gap:2px;text-align:left;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.1);color:var(--tx);font:inherit;cursor:pointer}
.opts button:hover{background:rgba(255,255,255,.06)}
.opts button.sel{border-color:rgba(207,185,119,.6);background:rgba(207,185,119,.08)}
.opts b{font-size:12.5px;font-weight:500}.opts b em{font-style:normal;font-size:10px;font-weight:400;color:#7f90a5;margin-left:6px;text-transform:uppercase;letter-spacing:.6px}
.opts small{font-size:11px;color:#7f90a5}
#pmType{margin:0}
/* ===== sign-in, team, roles ===== */
.app[hidden],.auth[hidden],.aus[hidden]{display:none!important}
.auth{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:24px}
.authb{width:min(400px,100%);padding:26px 28px 22px;border-radius:18px;display:grid;gap:18px}
.authb .logo{margin:0}
.aus{display:grid;gap:14px}
.aus h2{margin:0;font-size:17px;font-weight:600;color:var(--tx)}
.aus .btn.wide{justify-content:center;margin-top:4px}
.qr{justify-self:center;width:184px;height:184px;padding:8px;border-radius:12px;background:#f3f1ea}
.qr svg{width:100%;height:100%;display:block}
.sec-code{font-size:11.5px;color:var(--tx2);text-align:center}
.sec-code code,code.tmp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#e6d7a8;letter-spacing:.5px;user-select:all}
.au-ft{font-size:11px;color:#7f90a5;text-align:center}
.me{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.08)}
.me .av{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#2a2008;background:#cfb977}
.me b{display:block;font-size:12.5px;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me small{font-size:10.5px;color:#7f90a5}
.lnk2{grid-column:2;justify-self:start;padding:0;background:none;border:0;color:#8496ab;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.lnk2:hover{color:var(--tx)}
.tmt td{vertical-align:middle}.tmt td.ra{text-align:right;white-space:nowrap}
.tmt .tgl{margin-left:6px}.tgl.warn{color:#e8aaa1;border-color:rgba(227,154,144,.35)}
.tmt em.you{font-style:normal;font-size:10px;color:#7f90a5;margin-left:4px}
.tmt .wn{color:#d9c690;font-size:12px}
#tmLog .li.bad b{color:#e8aaa1}
body.role-viewer .pact,body.role-viewer #actBtn,body.role-viewer #rollbackBtn,body.role-viewer #runBtn,body.role-viewer #gRun,body.role-viewer #pdLim+* .tgl,body.role-viewer .sec-h .tgl[data-a]{display:none!important}

/* results */
.side nav a em.nb{letter-spacing:0;font-size:10.5px;font-weight:600;color:#1b1a14;background:rgba(207,185,119,.85);border-radius:9px;padding:1px 7px;text-transform:none}
.top .hint{max-width:340px;text-align:right;margin:0}
.ph.sub{border-top:.5px solid rgba(255,255,255,.1)}
.rst td small.mt{display:block;margin-top:2px}
.rst td.bt small .pl{font-size:inherit}
.rst .ra .tgl+.tgl{margin-left:6px}
.ar.go{cursor:pointer}.ar.go:hover{background:rgba(255,255,255,.03)}
#rsDone .li .bs{margin-left:6px;vertical-align:1px}
#rsDone .li .r{display:grid;justify-items:end;gap:2px}
#rm .pm-p b{font-weight:500;color:var(--tx)}
body.role-viewer .rsact{display:none!important}
.rst td.bt{text-align:left;white-space:normal;font-weight:400}
.rst td.bt>span{display:block;color:var(--tx)}
.rst td.bt>small{display:block;margin-top:2px;font-size:11px;color:#7f90a5;max-width:340px}
.rst td.bt>span.wn{color:#cfb977}
.rst td:first-child{font-weight:400}