/* Style D2 (no lines, 28 Oct pt929u). Same as D minus every hairline, edge and divider. Panels stand apart by fill and blur, gaps replace dividers.
   Was Style D, dashboard on full-colour art. Shared by d.html and d_sheriff.html. DRAFT.
   Near-opaque dark panels with blur over the bright scene. No gold lines, no glow, no gradients. Gold is a flat fill for the primary button and key numbers. */
:root{--bg:#121613;--pnl:rgba(18,22,19,.74);--well:rgba(6,8,7,.55);--txt:#F2EEE3;--mut:rgba(242,238,227,.58);--dim:rgba(242,238,227,.78);--gold:#D9A441;--gold2:#E6B65A;--ink:#17120B;--ok:#D9A441}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--txt);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.bgart{position:fixed;inset:0;z-index:0}
.bgart img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.wrap{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:16px 28px 48px}
.p{background:var(--pnl);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:0;border-radius:16px;padding:22px}
.nav{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:16px}
.nav .mark{display:flex;align-items:center;gap:9px;font:700 18px/1 'Cormorant Garamond',serif;margin-right:8px}
.nav .mark img{height:24px}.nav .mark i{font-weight:500;color:var(--gold)}
.nav .lk{font:500 14px/1 Inter;color:var(--mut);padding:9px 12px;border-radius:999px;transition:background .2s,color .2s}
.nav .lk:hover{background:rgba(255,255,255,.06);color:var(--txt)}
.nav .sp{flex:1}
.chip{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.07);font:500 13px/1 Inter;color:var(--dim);white-space:nowrap}
.chip b{color:var(--txt);font-weight:600}
.chip.on{background:var(--gold);color:var(--ink)}
.chip.on b{color:var(--ink)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.label{font:500 11px/1.2 Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.val{font:600 24px/1.15 Inter;color:var(--txt);margin-top:10px;letter-spacing:-.01em}
.val.gold{color:var(--gold)}
.val small{font-size:15px;color:var(--mut);font-weight:500;margin-left:4px}
h2{font:600 15px/1.2 Cinzel,serif;letter-spacing:.06em;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
h2 small{font:500 12px/1 Inter;letter-spacing:0;color:var(--mut)}
.eyebrow{font:600 11px/1 Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.statrow>div{padding:18px 20px;background:var(--well);border-radius:8px}
.tbl{width:100%;border-collapse:separate;border-spacing:0 4px;margin-top:8px}
.tbl th{border:0}.tbl td{border:0}
.tbl th{text-align:left;font:500 11px/1 Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 12px}
.tbl td{padding:10px 12px;font:500 14px/1.3 Inter;vertical-align:middle}
.tbl tbody tr{transition:background .2s}
.tbl tbody tr:hover{background:rgba(255,255,255,.05)}
.tbl td:first-child,.tbl th:first-child{border-radius:8px 0 0 8px}.tbl td:last-child{border-radius:0 8px 8px 0;text-align:right}.tbl th:last-child{text-align:right}
.btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;border-radius:999px;font:600 16px/1 Inter;transition:background .2s,transform .1s}
.btn.pri{background:var(--gold);color:var(--ink)}
.btn.pri:hover{background:var(--gold2)}.btn.pri:active{transform:scale(.985)}
.btn.dis{background:rgba(255,255,255,.08);color:var(--mut);cursor:default}
.btn.dis svg{width:15px;height:15px}
.btn.txt{height:44px;color:var(--dim);font-weight:500}
.btn.txt:hover{color:var(--txt);background:rgba(255,255,255,.05)}
.well{background:var(--well);border-radius:8px;padding:16px 18px}
.info{display:flex;flex-direction:column;gap:2px;margin-top:14px}
.info .r{display:flex;justify-content:space-between;gap:16px;padding:9px 4px;font:400 13.5px/1.35 Inter;color:var(--mut);border-radius:8px;transition:background .2s}
.info .r:hover{background:rgba(255,255,255,.04)}
.info .r b{color:var(--txt);font-weight:500;text-align:right}
.tag{font:600 10px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
hr{display:none}
body:not(.s-active) [data-s=active],body:not(.s-lock) [data-s=lock]{display:none!important}
@media (max-width:820px){
 .bgart img{object-position:50% 50%}
 .wrap{padding:10px 12px 40px}
 .p{padding:18px 16px;border-radius:14px}
 .nav{padding:8px 8px 8px 12px;gap:8px}.nav .mark{font-size:16px;margin-right:0}.nav .mark img{height:20px}.nav .lk{padding:8px 8px;font-size:13px}
 .nav .hide-m{display:none}
 .statrow{grid-template-columns:1fr 1fr}
 .val{font-size:19px}
}