/* LineForge "AlagoBets Gold" theme layer. Loaded AFTER graphite.css. Tokens from alagobets.win style.css. Visual only. */
:root{
 --g-bg:#050b08;--g-panel:rgba(255,255,255,.035);--g-panel-2:#0b1510;--g-panel-3:#102018;--g-panel-4:#15281e;
 --g-line:rgba(255,255,255,.08);--g-line-2:rgba(206,155,46,.28);
 --g-t1:#f4f1e6;--g-t2:#b9b4a3;--g-t3:#8d8878;
 --g-brand:#ce9b2e;--g-brand-hi:#f0c85a;--g-brand-lo:#9c7417;--g-brand-ink:#140f05;--g-brand-dim:rgba(206,155,46,.14);--g-brand-line:rgba(206,155,46,.38);
 --g-pos:#3ddc84;--g-pos-dim:rgba(61,220,132,.13);--g-neg:#ff5c63;--g-neg-dim:rgba(255,92,99,.13);
 --g-r1:12px;--g-r2:18px;
 --bg2:#07110c;--line2:rgba(255,255,255,.06);
 --gold-grad:linear-gradient(135deg,#f0c85a,#ce9b2e 55%,#9c7417);
 --surface:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.014));
}
::selection{background:rgba(240,200,90,.35)}
body{background:#050b08}
h1,h2,h3,.top .ttl h1,.brand .wm{font-family:Sora,Inter,sans-serif;letter-spacing:-.025em}
/* background: alagobets.win orbs + grid + gold dust + grain */
body::before{left:0;top:0;width:100%;height:100%;margin:0;border-radius:0;opacity:1;
 background:radial-gradient(640px 640px at 50% -12%,rgba(125,90,18,.55),transparent 70%),radial-gradient(500px 500px at 0% 60%,rgba(15,90,58,.45),transparent 70%),radial-gradient(440px 440px at 100% 100%,rgba(90,66,12,.45),transparent 70%);
 animation:gd-float 20s ease-in-out infinite alternate}
@keyframes gd-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.08)}}
body::after{opacity:1;
 background:radial-gradient(1.5px 1.5px at 20% 30%,rgba(240,200,90,.6),transparent),radial-gradient(1px 1px at 70% 60%,rgba(240,200,90,.45),transparent),radial-gradient(1.2px 1.2px at 40% 80%,rgba(206,155,46,.55),transparent),radial-gradient(1px 1px at 85% 15%,rgba(240,200,90,.4),transparent) 0 0/340px 340px,
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px;
 -webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 0,#000 25%,transparent 80%);animation:gd-dust 60s linear infinite}
@keyframes gd-dust{to{background-position:0 340px,0 340px,0 340px,0 340px,0 0,0 0}}
@media(max-width:860px){body::before{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}.gd-shine{animation:none!important}}
html.paused body::before,html.paused body::after{animation-play-state:paused}
/* shell */
.side{background:rgba(5,11,8,.78);border-right:1px solid rgba(206,155,46,.2)}
.brand .wm b{background:linear-gradient(100deg,#9c7417,#f0c85a 30%,#ce9b2e 50%,#f0c85a 70%,#9c7417);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gd-sh 6s linear infinite}
@keyframes gd-sh{to{background-position:-200% center}}
.brand img{filter:drop-shadow(0 4px 14px rgba(206,155,46,.45))}
.nav a.on{background:linear-gradient(90deg,rgba(206,155,46,.18),transparent);color:var(--g-t1)}
.nav a.on::before{background:var(--g-brand-hi);box-shadow:0 0 10px rgba(240,200,90,.6)}
.nav h6{color:var(--g-brand)}
.top{background:rgba(5,11,8,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(206,155,46,.16)}
.tabbar{background:rgba(5,11,8,.9);border-top:1px solid rgba(206,155,46,.2)}
.tabbar a.on,.tabbar a.on .tb-l{color:var(--g-brand-hi)}
.pill,.qs{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:999px}
.qs:hover,.qs:focus-within{border-color:var(--g-brand)}
/* surfaces */
:root body .card,:root body .wd,:root body .gcard,:root body .ins,:root body .calc,:root body .kpi,:root body .tblwrap,:root body .wrapt,:root body .lf-wrap{
 background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--g-r2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 50px -30px #000}
:root body .card:hover,:root body .wd:hover{border-color:rgba(206,155,46,.35)}
:root body .kpi b,:root body .kstrip b{color:var(--g-brand-hi);font-family:Sora,Inter,sans-serif}
/* buttons + chips (gold pill / glass) */
:root body .btn{border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
:root body .btn:hover{border-color:var(--g-brand)}
:root body .btn.p{background:var(--gold-grad);color:#140f05;border-color:transparent;font-weight:700;box-shadow:0 10px 30px -10px rgba(206,155,46,.6),inset 0 1px 0 rgba(255,255,255,.45)}
:root body .btn.p:hover{box-shadow:0 14px 40px -10px rgba(206,155,46,.8)}
:root body .chip{border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
:root body .chip.on{background:var(--gold-grad);color:#140f05;border-color:transparent;font-weight:700}
:root body .seg{border-radius:999px;background:rgba(255,255,255,.04)}
:root body input[type=text],:root body input[type=number],:root body input[type=search],:root body select,:root body textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px}
:root body input:focus,:root body select:focus,:root body textarea:focus{border-color:var(--g-brand-hi);box-shadow:0 0 0 3px rgba(240,200,90,.18)}
/* tables */
:root body .tbl th,:root body .tbl.dense th,:root body .tbl thead th,:root body .lf-tbl th{color:var(--g-brand);background:rgba(5,11,8,.85)}
:root body .tbl tbody tr:hover td,:root body .lf-tbl tbody tr:hover td{background:rgba(206,155,46,.05)}
:root body .tbl.dense td.best{background:rgba(206,155,46,.12);color:var(--g-brand-hi);box-shadow:inset 0 0 0 1px rgba(240,200,90,.35)}
:root body .pos,:root body .ev.pos,:root body .plus{color:var(--g-pos)}

/* ===================== Premium pass (2026-11-02): depth, glow, micro-motion. Visual only. ===================== */
:root{--pm-hair:rgba(240,200,90,.16);--pm-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px rgba(0,0,0,.35),0 12px 24px -12px rgba(0,0,0,.7),0 40px 80px -40px rgba(0,0,0,.9)}
@media(min-width:861px){body::before{background:radial-gradient(760px 620px at 55% -14%,rgba(160,115,22,.6),transparent 70%),radial-gradient(620px 560px at 8% 62%,rgba(18,110,70,.5),transparent 70%),radial-gradient(560px 520px at 100% 100%,rgba(120,88,16,.5),transparent 70%)}}
#pm-dust{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* typography */
.top .ttl h1{font-weight:700;letter-spacing:-.03em}
:root body .card h3,:root body .wd h3,:root body .card h2{font-family:Sora,Inter,sans-serif;letter-spacing:-.02em}
:root body .tbl td{font-variant-numeric:tabular-nums}
/* depth: gold hairline on top edge + layered shadows */
:root body .card,:root body .wd,:root body .gcard,:root body .ins,:root body .kstrip,:root body .tblwrap,:root body .lf-wrap{position:relative;box-shadow:var(--pm-shadow);border-color:rgba(255,255,255,.075)}
:root body .card::after,:root body .wd::after,:root body .kstrip::after,:root body .lf-wrap::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(240,200,90,.45),transparent);opacity:.7}
:root body .kstrip{background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
:root body .kstrip b{font-size:1.35rem;text-shadow:0 0 24px rgba(240,200,90,.25)}
:root body .kstrip b.pos{color:var(--g-pos);text-shadow:0 0 24px rgba(61,220,132,.25)}
/* micro-motion: hover lift + press */
:root body .card,:root body .wd,:root body .gcard,:root body .btn,:root body .chip,.nav a{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s,background .25s,color .2s}
@media(hover:hover){:root body .wd:hover,:root body .gcard:hover,:root body .ins:hover{transform:translateY(-2px);border-color:rgba(240,200,90,.32);box-shadow:var(--pm-shadow),0 18px 50px -24px rgba(206,155,46,.35)}
 :root body .btn:hover,:root body .chip:hover{transform:translateY(-1px)}.nav a:hover{transform:translateX(2px)}}
:root body .btn:active,:root body .chip:active,.nav a:active{transform:scale(.97)}
:root body .btn.p{position:relative;overflow:hidden}
:root body .btn.p::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
:root body .btn.p:hover::after{transform:translateX(120%)}
/* tables */
:root body .lf-tbl tbody tr{transition:background .2s}
:root body .lf-tbl tbody tr:hover td{background:linear-gradient(90deg,rgba(206,155,46,.08),rgba(206,155,46,.02))}
:root body .lf-tbl td{border-color:rgba(255,255,255,.05)}
.lf-pct{color:var(--g-pos);font-size:1.02rem;text-shadow:0 0 18px rgba(61,220,132,.3)}
.pm-evbar{display:block;height:3px;margin:6px 0 0 auto;border-radius:3px;background:linear-gradient(90deg,#1f8f52,#3ddc84);box-shadow:0 0 10px rgba(61,220,132,.45);max-width:72px}
.pm-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.pm-chip{font-size:.6875rem;line-height:1;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--g-t2);white-space:nowrap;font-variant-numeric:tabular-nums}
.pm-chip b{color:var(--g-t1);font-weight:600;margin-left:3px}
.pm-chip.best{background:rgba(206,155,46,.14);border-color:rgba(240,200,90,.45);color:var(--g-brand-hi)}.pm-chip.best b{color:var(--g-brand-hi)}
/* status header */
.pm-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:9px 14px;border-radius:999px;font-size:.78rem;color:var(--g-t2);
 background:linear-gradient(90deg,rgba(206,155,46,.10),rgba(255,255,255,.025) 40%,rgba(61,220,132,.06));border:1px solid var(--pm-hair);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pm-status b{color:var(--g-t1);font-variant-numeric:tabular-nums}.pm-status .g{color:var(--g-brand-hi)}
.pm-status .dot{width:7px;height:7px;border-radius:50%;background:var(--g-pos);box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:pm-pulse 2s infinite}
.pm-status .sep{width:1px;height:14px;background:rgba(255,255,255,.12)}
.pm-status .meter{width:90px;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.pm-status .meter i{display:block;height:100%;background:linear-gradient(90deg,#9c7417,#f0c85a)}
@keyframes pm-pulse{70%,100%{box-shadow:0 0 0 8px rgba(61,220,132,0)}}
@media(max-width:860px){.pm-status{border-radius:999px;gap:10px;font-size:.74rem;margin:8px 0 12px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.pm-status .sep,.pm-status .hide-m,.pm-status .meter{display:none}}
/* skeletons + empty states */
:root body .sk{background:linear-gradient(100deg,rgba(255,255,255,.035) 30%,rgba(240,200,90,.10) 50%,rgba(255,255,255,.035) 70%) 0 0/200% 100%!important;border:1px solid rgba(255,255,255,.05);border-radius:14px;animation:pm-sk 1.6s linear infinite}
@keyframes pm-sk{to{background-position:-200% 0}}
:root body .empty{padding:44px 20px;border-radius:20px;border:1px dashed rgba(240,200,90,.22);background:radial-gradient(400px 160px at 50% 0,rgba(206,155,46,.08),transparent 70%)}
:root body .empty .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(160deg,rgba(240,200,90,.18),rgba(206,155,46,.05));border:1px solid rgba(240,200,90,.3);color:var(--g-brand-hi);box-shadow:0 10px 30px -12px rgba(206,155,46,.5)}
:root body .empty b{font-family:Sora,Inter,sans-serif;font-size:1.05rem}
/* icons: one treatment */
.nav a svg.i{color:var(--g-t3);transition:color .2s}.nav a:hover svg.i{color:var(--g-t1)}.nav a.on svg.i{color:var(--g-brand-hi);filter:drop-shadow(0 0 6px rgba(240,200,90,.5))}
/* logo shimmer */
.brand img{animation:pm-bob 5s ease-in-out infinite}@keyframes pm-bob{50%{transform:translateY(-1.5px)}}
@media(prefers-reduced-motion:reduce){.brand img,.brand .wm b,.pm-status .dot,:root body .sk{animation:none!important}:root body .btn.p::after{display:none}
 :root body .card,:root body .wd,:root body .btn,:root body .chip,.nav a{transition:none!important;transform:none!important}#pm-dust{display:none}}
/* Trending stat tiles in the target's glowing gold-edged tile language */
:root body #view .welcome .wk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:none;border:0;box-shadow:none;padding:0}
:root body #view .welcome .wk .kp{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;overflow:hidden;
 background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.012));border:1px solid rgba(240,200,90,.22);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.3),0 18px 40px -22px rgba(0,0,0,.9),0 0 28px -14px rgba(206,155,46,.45)}
:root body #view .welcome .wk .kp::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(120px 60px at 0 0,rgba(240,200,90,.18),transparent 70%)}
:root body #view .welcome .wk .kp b{font:700 1.6rem/1.1 Sora,Inter,sans-serif;color:var(--g-t1);letter-spacing:-.02em}
:root body #view .welcome .wk .kp:first-child{border-color:rgba(240,200,90,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 40px -10px rgba(206,155,46,.6)}
:root body #view .welcome .wk .kp:first-child b{color:var(--g-pos);text-shadow:0 0 22px rgba(61,220,132,.35)}
:root body #view .welcome .wk .kp span{font-size:.75rem;color:var(--g-t2);text-transform:uppercase;letter-spacing:.08em}
@media(hover:hover){:root body #view .welcome .wk .kp:hover{transform:translateY(-2px);border-color:rgba(240,200,90,.5)}}
@media(max-width:860px){:root body #view .welcome .wk{gap:8px}:root body #view .welcome .wk .kp{padding:10px 8px;border-radius:14px;align-items:center}:root body #view .welcome .wk .kp b{font-size:1.25rem}:root body #view .welcome .wk .kp span{font-size:.62rem;letter-spacing:.04em}}
:root body #view .wgrid .wd:has(> .wdb > .empty){flex-direction:column;align-items:stretch;justify-content:flex-start}:root body #view .wgrid .wd:has(> .wdb > .empty) .wdb{flex:1;display:flex;align-items:center;justify-content:center}

/* ===================== Home dashboard (dash.js), target grid ===================== */
.dash{--gl:rgba(240,200,90,.28);display:flex;flex-direction:column;gap:16px;margin-bottom:28px;position:relative;z-index:1}
body.has-dash #view .welcome>div:first-child{display:none}
.dsnap{padding:8px 14px;border-radius:10px;background:repeating-linear-gradient(45deg,rgba(240,200,90,.14) 0 10px,rgba(240,200,90,.06) 10px 20px);border:1px solid #f0c85a;color:#f0c85a;font:700 .78rem Inter;letter-spacing:.08em}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.dhead h1{font:700 1.9rem/1.15 Sora,Inter,sans-serif;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;margin:0}
.dhead p{color:var(--g-t2);margin:4px 0 0;font-size:.9rem}
.di{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.di.g{color:#f0c85a;filter:drop-shadow(0 0 6px rgba(240,200,90,.45))}
.di.crown{width:26px;height:26px;fill:rgba(240,200,90,.25)}
.dcred{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;border:1px solid rgba(240,200,90,.55);background:linear-gradient(160deg,rgba(240,200,90,.14),rgba(240,200,90,.03));color:#f0c85a;font-weight:600;box-shadow:0 0 24px -8px rgba(206,155,46,.6);text-decoration:none;white-space:nowrap}
.dcred b{font-family:Sora,Inter;font-size:1rem}
.dtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.dtile,.dp{position:relative;border-radius:18px;background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 60%),rgba(6,10,8,.72);border:1px solid var(--gl);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.4),0 24px 50px -28px #000,0 0 34px -18px rgba(206,155,46,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.dtile{display:flex;align-items:center;gap:14px;padding:18px}
.dtile.hero{border-color:rgba(240,200,90,.7);background:radial-gradient(160px 90px at 0 0,rgba(240,200,90,.22),transparent 70%),linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),rgba(6,10,8,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 44px -10px rgba(206,155,46,.7)}
.dti{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(240,200,90,.2),rgba(240,200,90,.04));border:1px solid rgba(240,200,90,.35)}
.dti .di{width:20px;height:20px}
.dtile b{display:block;font:700 1.55rem/1.1 Sora,Inter,sans-serif;letter-spacing:-.02em;color:#f4f1e6;font-variant-numeric:tabular-nums}.dtile b.g{color:#f0c85a}
.dtile small{color:var(--g-t2);font-size:.78rem}
.pos{color:#3ddc84}.neg{color:#ff5c63}.dtile b.pos,.dbig.pos{color:#3ddc84;text-shadow:0 0 22px rgba(61,220,132,.35)}
.dgrid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"ev edge" "ev heat" "tools heat";gap:16px}
.d-ev{grid-area:ev}.d-edge{grid-area:edge}.d-heat{grid-area:heat}.d-tools{grid-area:tools}
.dgrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dp{padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.dp>header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.dph{display:flex;gap:10px;align-items:flex-start}
.dp h3{margin:0;font:700 1.05rem Sora,Inter,sans-serif;letter-spacing:-.01em}.dp header small{color:var(--g-t3);font-size:.75rem}
.dva{color:#f0c85a;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:2px;text-decoration:none;white-space:nowrap}.dva .di{width:14px;height:14px}
.dchips{display:flex;gap:8px;flex-wrap:wrap}
.dchip{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--g-t2);font:600 .78rem Inter;cursor:pointer}
.dchip.on{background:linear-gradient(135deg,#f0c85a,#ce9b2e 55%,#9c7417);color:#140f05;border-color:transparent;box-shadow:0 6px 20px -8px rgba(206,155,46,.7)}
.dtw{overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.06)}
.dtb{width:100%;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}
.dtb th{text-align:left;font-size:.7rem;font-weight:600;color:#ce9b2e;text-transform:uppercase;letter-spacing:.06em;padding:9px 10px;background:rgba(206,155,46,.06);border-bottom:1px solid rgba(240,200,90,.18)}
.dtb td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.dtb tr:last-child td{border-bottom:0}
.dtb tbody tr:hover td{background:rgba(206,155,46,.05)}.dtb .n{text-align:right}.dtb small{display:block;color:var(--g-t3);font-size:.7rem}
.ev-g{font-weight:600}.dtb td b.pos{font-size:.95rem}.pl{font-size:.62rem!important}
.dmk{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:6px;background:rgba(206,155,46,.14);border:1px solid rgba(240,200,90,.3);color:#f0c85a;font-size:.68rem;font-weight:600}
.dbk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.08);font:700 .65rem Inter}
.dplus{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(240,200,90,.5);background:rgba(240,200,90,.08);color:#f0c85a;transition:transform .15s,background .2s}
.dplus:hover{background:linear-gradient(135deg,#f0c85a,#ce9b2e);color:#140f05}.dplus:active{transform:scale(.92)}.dplus .di{width:15px;height:15px}
.dcards{display:none}
.dempty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:26px 12px;border-radius:14px;border:1px dashed rgba(240,200,90,.22);background:radial-gradient(260px 100px at 50% 0,rgba(206,155,46,.09),transparent 70%);flex:1}
.dempty .di{width:28px;height:28px;color:#f0c85a;filter:drop-shadow(0 0 8px rgba(240,200,90,.5))}.dempty b{font:600 .92rem Sora,Inter}.dempty span{color:var(--g-t3);font-size:.78rem;max-width:280px}
.dbig{font:700 1.8rem Sora,Inter}.dbig small{font-size:.8rem;color:var(--g-t2)}
.dch{width:100%;height:110px;display:block}
.dst{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dst small{display:block;color:var(--g-t3);font-size:.7rem}.dst b{font:700 .95rem Sora,Inter}
.dst.four>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-align:center}.dst.four .hl{border-color:rgba(61,220,132,.4);background:rgba(61,220,132,.06)}
.dheat{display:flex;flex-direction:column;gap:12px}.dhr{display:grid;grid-template-columns:70px 1fr 56px;align-items:center;gap:10px;font-size:.82rem}
.dhr i{height:8px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}.dhr i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#9c7417,#f0c85a);box-shadow:0 0 12px rgba(240,200,90,.5)}.dhr em{font-style:normal;text-align:right;font-weight:600}
.dtools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dtool{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:14px;border:1px solid rgba(240,200,90,.22);background:rgba(255,255,255,.025);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.dtool:hover{transform:translateY(-2px);border-color:rgba(240,200,90,.55)}.dtool b{font-size:.82rem}.dtool small{color:var(--g-t3);font-size:.7rem;line-height:1.3}
.dog{font-weight:600;font-size:.86rem}.dog small{display:block;color:var(--g-t3);font-weight:400}
.dodds td:first-child{display:flex;align-items:center;gap:8px}.dop{display:inline-block;min-width:54px;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}
.dop.best{border-color:#3ddc84;color:#3ddc84;background:rgba(61,220,132,.08);box-shadow:0 0 12px -4px rgba(61,220,132,.6)}
.dmv{display:flex;flex-direction:column;gap:10px}.dmr{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;font-size:.8rem}.dmr small{display:block;color:var(--g-t3);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmr>div{min-width:0}.dmr .di{width:12px;height:12px;color:#f0c85a}
.dgold{display:block;text-align:center;padding:11px;border-radius:12px;background:linear-gradient(135deg,#f0c85a,#ce9b2e 55%,#9c7417);color:#140f05;font-weight:700;text-decoration:none;box-shadow:0 10px 30px -10px rgba(206,155,46,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.mut{color:var(--g-t3)}
@media(max-width:1180px){.dgrid{grid-template-columns:1fr;grid-template-areas:"ev" "edge" "heat" "tools"}.dgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
 .dhead h1{font-size:1.35rem}.dhead p{font-size:.8rem}.dcred{padding:7px 11px;font-size:.8rem;border-radius:999px}
 .dtiles{grid-template-columns:1fr 1fr;gap:10px}.dtile{padding:12px;gap:10px}.dti{width:34px;height:34px}.dtile b{font-size:1.2rem}.dtile small{font-size:.7rem}
 .dtiles .dtile:nth-child(n+3){display:none}
 .dtw{display:none}.dcards{display:flex;flex-direction:column;gap:10px}
 .dcard{padding:12px;border-radius:14px;border:1px solid rgba(240,200,90,.25);background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:0 0 24px -14px rgba(206,155,46,.6)}
 .dct{display:flex;align-items:center;gap:10px}.dcg{flex:1;min-width:0}.dcg b{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcg small{color:var(--g-t3);font-size:.7rem}
 .dpill{padding:4px 8px;border-radius:8px;background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.4);color:#3ddc84;font:700 .74rem Inter;white-space:nowrap}
 .dcm{display:flex;justify-content:space-between;margin:10px 0 6px;font-size:.88rem;font-weight:600}.dcm b{font-family:Sora,Inter}
 .dcf{display:flex;align-items:center;gap:12px;font-size:.74rem;color:var(--g-t2)}.dcf i{font-style:normal;color:var(--g-t3)}.dcf span:nth-child(2){flex:1}
 .dcf .dplus{background:linear-gradient(135deg,#f0c85a,#ce9b2e);color:#140f05;border:0}
 .dchips{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.dchip{flex:none}
 .dtools{grid-template-columns:repeat(5,minmax(96px,1fr));overflow:auto;scrollbar-width:none}
 .dgrid4{grid-template-columns:1fr}.dp{padding:14px}}
th.pm-sort{cursor:pointer;user-select:none;white-space:nowrap}th.pm-sort::after{content:"\2195";margin-left:5px;opacity:.35;font-size:.85em}
th.pm-sort[aria-sort=descending]::after{content:"\2193";opacity:1;color:#f0c85a}th.pm-sort[aria-sort=ascending]::after{content:"\2191";opacity:1;color:#f0c85a}
th.pm-sort:hover{color:#f0c85a}th.pm-sort:focus-visible{outline:2px solid #f0c85a;outline-offset:-2px}
.pm-stat{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:600;letter-spacing:.02em}
.pm-stat::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pm-stat.ok{color:#3ddc84;background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.3)}.pm-stat.st{color:#f2b84b;background:rgba(242,184,75,.1);border:1px solid rgba(242,184,75,.3)}
@media(max-width:860px){.dhead{flex-wrap:wrap}.dhead h1{display:block}.dhead h1 .crown{width:20px;height:20px;vertical-align:-2px;margin-left:4px}}
/* fix: quick tools stacked + empty-state polish (390px) */
:root body #view .dtools .dtool{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start;gap:6px;min-width:0}
:root body #view .dtools .dtool>b{display:block!important;font:700 .86rem/1.2 Sora,Inter,sans-serif;color:var(--g-t1,#f4ecd8);white-space:nowrap}
:root body #view .dtools .dtool>small{display:block!important;margin:0;font-size:.72rem;line-height:1.35;color:var(--g-t3);font-weight:400;overflow-wrap:normal;word-break:normal}
:root body #view .dtool>svg,:root body #view .dtool>.ic{margin-bottom:2px}
:root body #view .wdb>.empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;margin:4px 0;padding:24px 14px!important;border-radius:14px;border:1px dashed rgba(240,200,90,.22);background:radial-gradient(260px 100px at 50% 0,rgba(206,155,46,.09),transparent 70%)}
:root body #view .wdb>.empty .ic{display:grid!important;width:34px;height:34px;margin:0 0 4px}
:root body #view .wdb>.empty b{display:block!important;font:600 .92rem Sora,Inter,sans-serif;margin:0}
:root body #view .wdb>.empty p{display:block!important;margin:0 auto;font-size:.78rem;color:var(--g-t3);max-width:280px}
:root body #view .wd:has(>.wdb>.empty){flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;padding:inherit}
:root body #view .wd:has(>.wdb>.empty)>.wdb{padding:0 12px!important;flex:1 1 auto}
@media(max-width:860px){
 :root body #view .dtools{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:2px}
 :root body #view .dtools::-webkit-scrollbar{display:none}
 :root body #view .dtools .dtool{scroll-snap-align:start}
}
/* fit: tables never push past the card; long cells wrap */
:root body #view .card{min-width:0}
:root body #view .card>.tbl,:root body #view #stSys .tbl{display:block;max-width:100%;overflow-x:auto}
:root body #view #stSys .tbl td.sub{white-space:normal;overflow-wrap:anywhere}
@media(max-width:860px){:root body #view{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
/* fit: wrapped tables scroll sideways on mobile, no squeezed words */
@media(max-width:860px){:root body #view .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}:root body #view .tblwrap>.tbl{width:max-content;min-width:100%}:root body #view .tblwrap>.tbl th,:root body #view .tblwrap>.tbl td{white-space:nowrap}}
/* closed drawer: fully hidden offscreen (no stray hit area) */
:root body .drawer:not(.on) .in{visibility:hidden;transition:transform .34s,visibility 0s linear .34s}