/* 琳琅宝坊 Linlang Gems - BNBG Black Gold per-game layer (linked after skin-bnbg.css). Everything is scoped under
   html[data-skin="bnbg"]; classic is untouched. Panels, HUD boxes and plates are the kit's stitched true-black leather;
   buttons stay the kit's gold primary / black-lacquer secondary. Gems keep their colours and shapes, so every kind reads
   exactly as in classic. Practice coins stay play coins (no cash value). */
html[data-skin="bnbg"],html[data-skin="bnbg"] body{background:#0A0A0A}
html[data-skin="bnbg"] .logo{font-weight:900;letter-spacing:.08em}
html[data-skin="bnbg"] .logo small{font-family:var(--bnbg-font);font-size:.24em;margin-top:12px;letter-spacing:.4em}
html[data-skin="bnbg"] #splash-gems{filter:drop-shadow(0 18px 30px rgba(0,0,0,.65))}
html[data-skin="bnbg"] .advis b{color:var(--bnbg-eyebrow);font-weight:500;letter-spacing:.32em}
html[data-skin="bnbg"] #app.en .advis b{letter-spacing:.12em}
html[data-skin="bnbg"] .age b{background:var(--bnbg-fill);color:var(--bnbg-ink);font-weight:600}
html[data-skin="bnbg"] .coinnote{color:var(--bnbg-label)}
html[data-skin="bnbg"] #rotate{background:radial-gradient(ellipse at 50% 40%,#1C1B19,#0A0A0A 70%,#050505);color:var(--bnbg-text)}
html[data-skin="bnbg"] .bnbg-mark{display:inline-flex}
html[data-skin="bnbg"] .bnbg-mark.lg{display:flex}
/* home */
html[data-skin="bnbg"] .topbar .brand{text-shadow:none;background:var(--bnbg-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-skin="bnbg"] .chap{border:1px solid var(--bnbg-leather-edge);background:var(--bnbg-leather);box-shadow:inset 0 0 0 5px var(--bnbg-leather-rim),var(--bnbg-leather-hi),0 12px 28px rgba(0,0,0,.55);outline:1px dashed var(--bnbg-stitch-c);outline-offset:-9px}
html[data-skin="bnbg"] .chap:before{opacity:.06}
html[data-skin="bnbg"] .chap h4{background:var(--bnbg-fill);color:var(--bnbg-ink);border:1px solid #0A0A0A;box-shadow:0 6px 16px rgba(0,0,0,.5);font-weight:600}
html[data-skin="bnbg"] #map svg.path path:first-child{stroke:rgba(0,0,0,.75)}
html[data-skin="bnbg"] #map svg.path path:last-child{stroke:#B79D62}
html[data-skin="bnbg"] .node{border:1.5px solid #8A6B1F;background:radial-gradient(circle at 35% 30%,#2A2622,#121110 60%,#070707);color:var(--bnbg-text);box-shadow:0 6px 14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,240,210,.12);font-weight:500}
html[data-skin="bnbg"] .node.done{background:radial-gradient(circle at 35% 30%,#F8E3A0,#D4AF37 55%,#8A6B1F);color:#1A1405;border-color:#0A0A0A}
html[data-skin="bnbg"] .node.cur{background:radial-gradient(circle at 35% 30%,#3A3326,#151311 65%);color:var(--bnbg-gold-hi);border:2px solid var(--bnbg-gold);text-shadow:none;box-shadow:0 0 0 4px rgba(212,175,55,.18),0 0 22px rgba(212,175,55,.45)}
html[data-skin="bnbg"] .node.lock{opacity:.55}
html[data-skin="bnbg"] .node .st{color:var(--bnbg-gold-hi);text-shadow:0 1px 2px #000}
/* game HUD */
html[data-skin="bnbg"] .gbox{color:var(--bnbg-text)}
html[data-skin="bnbg"] .gbox .lab,html[data-skin="bnbg"] #g-lvl,html[data-skin="bnbg"] #g-score{color:var(--bnbg-eyebrow)}
html[data-skin="bnbg"] #g-moves b{font-family:var(--bnbg-num-light);font-weight:300;color:var(--bnbg-text)}
html[data-skin="bnbg"] #g-moves.low b{color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .goal{color:var(--bnbg-text);font-weight:500}
html[data-skin="bnbg"] .goal.done b{color:var(--bnbg-gold-hi)}
html[data-skin="bnbg"] .goal.done:after{background:var(--bnbg-fill);color:#1A1405;border:1px solid #0A0A0A}
html[data-skin="bnbg"] #g-scorebar{background:var(--bnbg-well);border:1px solid var(--bnbg-well-line)}
html[data-skin="bnbg"] #g-scorebar i{background:var(--bnbg-fill)}
html[data-skin="bnbg"] #g-scorebar s{color:#4A3D22;text-shadow:none}
html[data-skin="bnbg"] #g-scorebar s.on{color:var(--bnbg-gold-hi);text-shadow:0 0 8px rgba(241,210,122,.7)}
html[data-skin="bnbg"] .prop{background:var(--bnbg-leather-sm);border:1px solid var(--bnbg-leather-edge);box-shadow:inset 0 0 0 3px var(--bnbg-leather-rim-sm),0 8px 18px rgba(0,0,0,.55);outline:1px dashed var(--bnbg-stitch-c-sm);outline-offset:-5px}
html[data-skin="bnbg"] .prop.armed{border-color:var(--bnbg-leather-edge-hi);box-shadow:inset 0 0 0 3px var(--bnbg-leather-rim-sm),0 0 22px rgba(212,175,55,.55)}
html[data-skin="bnbg"] .prop b{background:#0B0B0A;color:var(--bnbg-gold-hi);border:1px solid var(--bnbg-gold);font-weight:500}
html[data-skin="bnbg"] .prop b.plus{background:var(--bnbg-fill);color:#1A1405;border-color:#0A0A0A}
html[data-skin="bnbg"] .prop span{color:var(--bnbg-label)}
html[data-skin="bnbg"] #g-tip,html[data-skin="bnbg"] #tut{background:var(--bnbg-leather-sm);border:1px solid var(--bnbg-leather-edge);color:var(--bnbg-text);box-shadow:0 10px 24px rgba(0,0,0,.6)}
html[data-skin="bnbg"] #banner{color:transparent;background:var(--bnbg-metal);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.85));font-weight:900}
/* cards */
html[data-skin="bnbg"] .bigstars{color:#3A3122;text-shadow:none}
html[data-skin="bnbg"] .bigstars span.on{color:var(--bnbg-gold-hi);text-shadow:0 0 14px rgba(241,210,122,.6)}
html[data-skin="bnbg"] .shoprow,html[data-skin="bnbg"] .set{border-bottom-color:rgba(212,175,55,.18)}
html[data-skin="bnbg"] .shoprow .ic{background:var(--bnbg-well);border:1px solid var(--bnbg-well-line)}
html[data-skin="bnbg"] .shoprow .tx small{color:var(--bnbg-label)}
html[data-skin="bnbg"] .mono{background:var(--bnbg-well);color:var(--bnbg-text);border:1px solid var(--bnbg-well-line)}
html[data-skin="bnbg"] .pill i.coin,html[data-skin="bnbg"] .bal i.coin{background:radial-gradient(circle at 35% 30%,#FBEBC0,#D4AF37 50%,#8A6B1F);border-color:#2A2010}
