/* Dou Dizhu's own BNBG Black Gold rules (the shared kit is skin-bnbg.css). Everything is scoped to html[data-skin="bnbg"],
   so classic downloads this file but changes nothing. Uses the kit tokens (leather, wells, golds). Visual only. */
html[data-skin="bnbg"] body,html[data-skin="bnbg"] #app{background:radial-gradient(ellipse at 50% 30%,#1C1B19 0,#0A0A0A 62%,#050505 100%)}
html[data-skin="bnbg"] #splash{background:radial-gradient(ellipse at 50% 35%,#16151399 0,#060606f0 72%)}
html[data-skin="bnbg"] #lobby{background:radial-gradient(ellipse at 50% 20%,#151412d9,#050505f5 75%)}
html[data-skin="bnbg"] .logo{background:linear-gradient(#FFF8E6,#F1D27A 40%,#D4AF37 62%,#8A6B1F 80%,#F6E08A);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 22px rgba(212,175,55,.25));font-family:var(--bnbg-serif,serif)}
html[data-skin="bnbg"] .logo small{-webkit-text-fill-color:var(--bnbg-gold-hi);letter-spacing:6px}
html[data-skin="bnbg"] #lb-top .t{color:var(--bnbg-gold-hi);text-shadow:none;font-family:var(--bnbg-serif,serif)}
html[data-skin="bnbg"] .crest{border-color:var(--bnbg-gold);box-shadow:0 0 0 1px #000,0 0 14px rgba(212,175,55,.35)}
html[data-skin="bnbg"] .card h2{font-family:var(--bnbg-serif,serif);color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .card h2 em{display:block;font-style:italic;font-size:.62em;color:var(--bnbg-gold);font-weight:400}
html[data-skin="bnbg"] .bnbg-only{display:inline}
html[data-skin="bnbg"] .card h2 .bnbg-only{display:block}
html[data-skin="bnbg"] .tabs button{background:var(--bnbg-well);border:1px solid var(--bnbg-well-line);box-shadow:none;color:var(--bnbg-text)}
html[data-skin="bnbg"] .tabs button.on{background:linear-gradient(#F6E08A,#D4AF37 60%,#A8862A);color:#14110A;border-color:#F1D27A}
html[data-skin="bnbg"] .bal,html[data-skin="bnbg"] .mrows,html[data-skin="bnbg"] .stats div,html[data-skin="bnbg"] .people .who,html[data-skin="bnbg"] .fair,html[data-skin="bnbg"] .combos span{background:var(--bnbg-well);border:1px solid rgba(138,107,31,.45)}
html[data-skin="bnbg"] .bal b,html[data-skin="bnbg"] .stats b,html[data-skin="bnbg"] .mrows div:last-child{color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .up{color:var(--bnbg-gold-hi)}html[data-skin="bnbg"] .down{color:#C9C2B4}
html[data-skin="bnbg"] .result .res-h h2{color:var(--bnbg-gold-hi)}html[data-skin="bnbg"] .result .res-h.lose h2{color:#D8D2C4}
/* table */
html[data-skin="bnbg"] #h-base b,html[data-skin="bnbg"] #h-mult b{color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] #h-coin{color:var(--bnbg-gold)}
html[data-skin="bnbg"] .avw img.av{border:2px solid var(--bnbg-gold);background:#151412;box-shadow:0 0 0 2px #000}
html[data-skin="bnbg"] .avw .ring{border-color:var(--bnbg-gold-hi);box-shadow:0 0 16px rgba(241,210,122,.5)}
html[data-skin="bnbg"] .seat .role{color:var(--bnbg-gold)}
html[data-skin="bnbg"] .seat .stk{background:linear-gradient(135deg,#1C1B19,#070707);border:1px solid var(--bnbg-gold);box-shadow:0 0 0 1px #000,0 3px 6px #000a}
html[data-skin="bnbg"] .seat .stk.warn{background:linear-gradient(135deg,#3A2E10,#0A0806);border-color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .seat .tm{background:linear-gradient(90deg,#F6E08A,#D4AF37)}
html[data-skin="bnbg"] .seat .auto{background:var(--bnbg-gold);color:#14110A}
html[data-skin="bnbg"] .bubble{background:var(--bnbg-leather-sm);color:var(--bnbg-text);border:1px solid var(--bnbg-leather-edge);box-shadow:inset 0 0 0 3px var(--bnbg-leather-rim-sm),0 8px 20px #0008;outline:1px dashed var(--bnbg-stitch-c-sm);outline-offset:-4px}
html[data-skin="bnbg"] .bubble.bid{color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .bubble.pass{color:#C9C2B4}
html[data-skin="bnbg"] .plabel{background:#0A0A0Acc;color:var(--bnbg-gold-hi);border:1px solid rgba(212,175,55,.45)}
html[data-skin="bnbg"] #counter{background:var(--bnbg-leather-sm);border:1px solid var(--bnbg-leather-edge);box-shadow:inset 0 0 0 3px var(--bnbg-leather-rim-sm)}
html[data-skin="bnbg"] #counter b{color:var(--bnbg-gold-hi)}html[data-skin="bnbg"] #counter span.hot b{color:#F6E08A;text-shadow:0 0 6px rgba(246,224,138,.6)}
html[data-skin="bnbg"] #actions.on{filter:drop-shadow(0 6px 14px #000c)}
html[data-skin="bnbg"] #status{background:#0A0A0Ad9;border:1px solid rgba(212,175,55,.35);color:var(--bnbg-text)}
html[data-skin="bnbg"] .pc{box-shadow:-2px 2px 6px #000a}
html[data-skin="bnbg"] .pc:after{background:linear-gradient(rgba(246,224,138,.22),rgba(212,175,55,.12));box-shadow:inset 0 0 0 2px #F1D27A}
html[data-skin="bnbg"] #stamp{color:var(--bnbg-gold-hi);-webkit-text-stroke:2px #000;text-shadow:0 0 24px rgba(212,175,55,.5),0 5px 0 #000;font-family:var(--bnbg-serif,serif)}
html[data-skin="bnbg"] #banner b{color:var(--bnbg-gold-hi);font-family:var(--bnbg-serif,serif)}
html[data-skin="bnbg"] #flash{background:#FFF1C8}
html[data-skin="bnbg"] i.bean,html[data-skin="bnbg"] i.coin{border-color:#000;box-shadow:0 0 0 1px var(--bnbg-gold)}
/* a smaller drop shadow on modals: the kit's 80 px blur over the whole table is the most expensive paint in a hand */
html[data-skin="bnbg"] #modal .card{--bnbg-l-drop:0 14px 34px rgba(0,0,0,.66)}