/* Style D on the Sheriff's Seat. DRAFT 28 Oct. Loads after ../sheriffs_seat/ss.css and only restyles.
   Full colour art behind, translucent dark panels, darker wells, no gold hairlines, no glow, no gradients. Gold only on the main button and key numbers. */
:root{--pnl:rgba(18,20,22,.80);--well:rgba(6,7,8,.55);--hair:rgba(255,255,255,.06);--hov:rgba(255,255,255,.05);--txt:#F2EEE3;--mut:rgba(242,238,227,.58);--fnt:rgba(242,238,227,.4);--gold:#D9A441;--glow:#D9A441;--ok:#D9A441;--line:rgba(255,255,255,.06);--line2:rgba(255,255,255,.06);--dim:var(--mut);--faint:var(--fnt);--parch:var(--txt)}
body{background:#141617;color:var(--txt)}
.bgart{position:fixed;inset:0;z-index:0;pointer-events:none}
.bgart img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.top,.hero,.board,.rail{position:relative;z-index:1}
.P,.top,.hin .t,.clock,.mclock,.pnl{background:var(--pnl);border:1px solid var(--hair);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);box-shadow:none}
/* nav becomes one pill bar */
.top{position:relative;top:auto;margin:10px auto 0;max-width:1340px;width:calc(100% - 20px);height:58px;border-radius:16px;padding:0 10px 0 12px}
.top .back,.pill,.menu,.bld a{border:0;background:rgba(255,255,255,.06);transition:background .2s}
.top .back:hover,.pill:hover,.menu:hover,.bld a:hover{background:rgba(255,255,255,.1)}
.top .mark i{color:var(--gold)}
.pill.gold{color:var(--txt)}
.pill.pass-ok{color:var(--txt)}
.pill.pass-ok:before{background:var(--gold)}
.pill .av,.holder .av2,.tr .av2,.holder.me .av2,.tr.me .av2{background:#8a8170;border:0}
.holder.me .av2,.tr.me .av2,.pill .av{background:var(--gold)}
/* hero: panels over open art */
.hero{height:auto;overflow:visible;padding-top:190px}
.hero:after{display:none}
.hin{position:static;max-width:1340px;padding:0 0;width:calc(100% - 20px);align-items:stretch;gap:12px}
.hin .t{flex:0 1 560px;border-radius:16px;padding:22px}
.hin .sp2{flex:1}
.hin .eyebrow,.hin h1{text-shadow:none}
.hin .lede{opacity:1;color:var(--mut)}
.clock{margin-left:auto;align-self:flex-end;width:380px;border-radius:16px;padding:20px 22px}
.clock .big,.mclock .big{font:600 30px/1 Inter;color:var(--gold);letter-spacing:-.01em}
.mclock .big{font-size:22px}
.dayg,.slide{height:6px;border-radius:3px;background:var(--well)}
.dayg i,.slide i{background:var(--gold)}
.mclock{border-radius:14px}
/* board */
.board{max-width:1360px;padding:12px 10px 40px;gap:12px;grid-template-columns:420px 1fr 340px}
.col{gap:12px}
.pnl{border-radius:16px;padding:22px}
.pnl h2 small{color:var(--fnt)}
.gate{border:0;background:var(--well);border-radius:12px}
.gate .pad{background:rgba(255,255,255,.06);border:0}
.gate .go{box-shadow:none}
.gate .go.sec{border:0;background:rgba(255,255,255,.08)}
.gate.soft,.gate.bad{border:0;background:var(--well)}
.lab{color:var(--fnt)}
.price{border:0;border-radius:8px;background:var(--well);padding:16px}
.price .n{font:600 34px/1 Inter;color:var(--gold);letter-spacing:-.01em}
.price .n i{color:var(--mut);font-weight:500}
.msg{border:0;border-radius:8px;background:var(--well)}
.sw span{box-shadow:inset 0 0 0 2px #141617}
.sw span.on{border-color:var(--txt)}
.lrow{border:0;background:transparent;border-radius:8px;padding:9px 4px;margin-top:2px;transition:background .2s}
.lrow:hover{background:var(--hov)}
#rows{margin-top:10px}
.btn{height:54px;border-radius:999px}
.btn.pri{background:var(--gold);box-shadow:none;transition:filter .15s,transform .1s}
.btn.pri:hover{filter:brightness(1.06)}.btn.pri:active{transform:scale(.98)}
.btn.lk{border:0;background:rgba(255,255,255,.06)}
.btn.sec{border:0;background:rgba(255,255,255,.08)}
.holder .live,.holder .live:before{box-shadow:none}
.holder .live{color:var(--txt)}
.banner{border:0;border-radius:8px;background:var(--well)}
.pot{border-top:0;margin-top:14px;padding:16px;border-radius:8px;background:var(--well)}
.pot .n{font:600 34px/1 Inter;color:var(--gold);letter-spacing:-.01em}
.pot .n i{color:var(--mut);font-weight:500}
.lt,.stats div,.hw{border:0;border-radius:8px;background:var(--well)}
.lt.me{background:rgba(217,164,65,.12)}
.hw.pass{border:0}
.lt b,.stats b{font-size:17px}
.fi,.tr{border-top:0;border-radius:8px;padding:10px 8px;margin:0 -8px;transition:background .2s}
.fi:hover,.tr:hover{background:var(--hov)}
.tr.me{margin:0 -8px;padding:10px 8px;background:rgba(217,164,65,.1)}
.fi .k{background:rgba(255,255,255,.06);color:var(--txt)}
.fi .k.r{background:rgba(255,255,255,.04);color:var(--mut)}
.nowtag{border:0;background:rgba(255,255,255,.08);color:var(--txt)}
.pw{background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;width:auto;max-width:none;margin:22px auto 0;padding:0 16px 26px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pw br{display:none}.pw span+br+span:before{content:none}.pw span:first-child{font:600 12px/1.4 Inter;letter-spacing:.16em;text-transform:uppercase;color:rgba(217,164,65,.7)}.pw span:last-child{font:400 12px/1.45 Inter;letter-spacing:0;text-transform:none;color:rgba(242,238,227,.5)}
.tag{border-style:solid;border-color:transparent;background:rgba(255,255,255,.06)}
@media (max-width:820px){
 .top{margin-top:8px;width:calc(100% - 16px);height:54px;background:var(--pnl)}
 .hero{padding-top:56px}
 .hin{width:calc(100% - 16px);gap:10px}
 .hin .t{flex:none;padding:16px 18px}
 .hin .lede{font-size:17px}
 .dtags{display:none}
 .board{grid-template-columns:minmax(0,1fr);padding:10px 8px 30px;gap:10px}
 .pnl{padding:16px}
 .price .n,.pot .n{font-size:28px}
}