/* ══════════════════════════════════════════════════════════════════════════════
   LuckyBharat11 · BOARD layer (2026-10-01) — PrizePicks-style game board
   Loaded AFTER lb11-pro.css on pick3.php, index.php (Traditional) and shop/.
   Uses ONLY the locked design tokens (--lp-*), so the 5 colour skins and
   light/dark still work. Sections:
     1. Gold-dark tune (neutral board blacks)     5. Lineup / slip
     2. Game switch  (Pick 3 | Traditional)       6. Traditional (index.php) on the board
     3. Board header, promos, match rail, pills   7. Career / ranks polish
     4. Projection cards                          8. Responsive
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1 ── Gold dark = the default skin. Neutral near-black board instead of brown-black. */
html[data-skin="gold"][data-theme="dark"]{
  --lp-night:#0A0A0F; --lp-night-2:#101016; --lp-night-3:#17171F; --lp-night-line:#25252F;
  --lp-on-night:#F6F6F8; --lp-on-night-2:#BEBECA; --lp-on-night-3:#8C8C9B;
  --lp-bg:#0A0A0F; --lp-bg-2:#101016; --lp-surface:#15151C; --lp-surface-2:#1D1D26; --lp-line:#262630; --lp-line-2:#35353F;
  --lp-ink:#F6F6F8; --lp-ink-2:#C0C0CC; --lp-ink-3:#8D8D9C; --lp-under:#C7CDD9; --lp-under-rgb:199,205,217;
}
:root{--lb-r:16px;--lb-card:var(--lp-surface);--lb-card-2:var(--lp-surface-2)}

/* 2 ── Game switch ─────────────────────────────────────────────────────────── */
.lb-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:18px;background:var(--lp-night-2);border:1px solid var(--lp-night-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);position:relative;max-width:100%}
.lb-switch-thumb{display:none}
.lb-switch-opt{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 18px 10px 14px;border-radius:13px;color:var(--lp-on-night-2);text-decoration:none;transition:background-color .2s var(--lp-out),color .2s,transform .14s var(--lp-out)}
.lb-switch-opt svg{width:26px;height:26px;flex-shrink:0;padding:4px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--lp-gold-hi)}
.lb-switch-opt b{display:block;font:800 15px/1.1 var(--lp-font);letter-spacing:.01em;color:var(--lp-on-night);white-space:nowrap}
.lb-switch-opt small{display:block;margin-top:2px;font:700 11px/1.2 var(--lp-font);color:var(--lp-on-night-3);white-space:nowrap}
.lb-switch-opt:hover{background:rgba(255,255,255,.04)}
.lb-switch-opt:active{transform:scale(.97)}
.lb-switch-opt[aria-selected="true"]{background:var(--lp-foil);box-shadow:0 10px 24px -10px rgba(var(--lp-acc-rgb),.75)}
.lb-switch-opt[aria-selected="true"] b{color:var(--lp-gold-ink)}
.lb-switch-opt[aria-selected="true"] small{color:color-mix(in srgb,var(--lp-gold-ink) 72%,transparent)}
.lb-switch-opt[aria-selected="true"] svg{background:rgba(0,0,0,.14);color:var(--lp-gold-ink)}

/* 3 ── Board header, promos, rail, pills ───────────────────────────────────── */
.lb-boardbar{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;margin:0 0 18px}
.lb-boardtitle{text-align:right}
.lb-boardtitle .lp-eyebrow{display:block;font:800 11px var(--lp-font);letter-spacing:.2em;text-transform:uppercase;color:var(--lp-gold-text)}
.lb-boardtitle h1{margin:4px 0 0;font:800 clamp(26px,2.6vw,36px)/1 var(--lp-head);text-transform:uppercase;letter-spacing:.01em}
.lb-boardtitle h1 span{color:var(--lp-ink-3);font-size:.62em;letter-spacing:.04em;margin-left:8px}

.lb-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.lb-promo{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:var(--lb-r);background:var(--lb-card);border:1px solid var(--lp-line);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s var(--lp-out)}
.lb-promo .k{font:800 10px var(--lp-font);letter-spacing:.18em;text-transform:uppercase;color:var(--lp-gold-text)}
.lb-promo b{font:800 15px/1.25 var(--lp-font)}
.lb-promo em{font-style:normal;color:var(--lp-gold-text)}
.lb-promo small{font:600 12px/1.35 var(--lp-font);color:var(--lp-ink-3)}
.lb-promo.gold{background:linear-gradient(135deg,rgba(var(--lp-acc-rgb),.16),transparent 70%),var(--lb-card);border-color:rgba(var(--lp-acc-rgb),.45)}
a.lb-promo:hover{border-color:var(--lp-gold);transform:translateY(-2px)}

.lb-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;margin:0 0 18px;scroll-snap-type:x proximity}
.lb-rail::-webkit-scrollbar{display:none}
.lb-tile{flex:0 0 auto;min-width:156px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;border-radius:14px;background:var(--lb-card);border:1.5px solid var(--lp-line);color:var(--lp-ink);text-align:left;scroll-snap-align:start;transition:border-color .18s,background-color .18s,transform .14s var(--lp-out)}
.lb-tile:hover{border-color:var(--lp-line-2)}
.lb-tile:active{transform:scale(.97)}
.lb-tile .tm{display:flex;align-items:center;gap:6px}
.lb-tile .tm i{font:800 12px/1 var(--lp-font);font-style:normal;letter-spacing:.04em;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lb-card-2);border:1px solid var(--lp-line-2)}
.lb-tile .tm em{font:800 10px var(--lp-font);font-style:normal;color:var(--lp-ink-3);text-transform:uppercase}
.lb-tile .st{font:800 11px var(--lp-font);letter-spacing:.06em;color:var(--lp-ink-2)}
.lb-tile .st.live{color:var(--lp-green-hi)}
.lb-tile .fm{font:700 10px var(--lp-font);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ink-3)}
.lb-tile .fm:empty{display:none}
.lb-tile.on{border-color:var(--lp-gold);background:linear-gradient(180deg,rgba(var(--lp-acc-rgb),.12),transparent),var(--lb-card);box-shadow:0 0 0 3px rgba(var(--lp-acc-rgb),.14)}
.lb-tile.on .tm i{border-color:rgba(var(--lp-acc-rgb),.6);color:var(--lp-gold-text)}

.lb-filter{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 12px}
.lb-filter .lb-sub{font:700 12px var(--lp-font);color:var(--lp-ink-3)}
.lb-pills{padding:0}
.lb-pills button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--lp-line);background:var(--lb-card);color:var(--lp-ink-2);font:800 12.5px var(--lp-font);letter-spacing:.02em}
.lb-pills button span{font:800 10.5px var(--lp-font);padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--lp-ink-3)}
.lb-pills button[aria-pressed="true"]{background:var(--lp-ink);color:var(--lp-bg);border-color:var(--lp-ink)}
.lb-pills button[aria-pressed="true"] span{background:rgba(0,0,0,.12);color:inherit}
.lb-locked{margin-bottom:14px;border-color:rgba(var(--lp-acc-rgb),.4)!important}

/* 4 ── Projection cards (PrizePicks-style) ────────────────────────────────── */
.lb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:12px}
.lp-player.pp{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 12px;border-radius:var(--lb-r);background:var(--lb-card);border:1px solid var(--lp-line);box-shadow:none}
.lp-player.pp:hover{border-color:var(--lp-line-2);transform:translateY(-2px)}
.pp .pp-role{position:absolute;top:10px;left:10px;font:800 9.5px var(--lp-font);letter-spacing:.12em;padding:4px 7px;border-radius:7px;background:var(--lb-card-2);color:var(--lp-ink-3)}
.pp .pp-pick{position:absolute;top:10px;right:10px;font:800 9.5px var(--lp-font);letter-spacing:.08em;padding:4px 7px;border-radius:7px;background:var(--lp-foil);color:var(--lp-gold-ink)}
.pp.picked.under .pp-pick{background:var(--lp-under);color:#0B0B10}
.pp .lp-avatar{width:66px;height:66px;border-radius:50%;font-size:20px;margin:6px 0 10px;box-shadow:0 0 0 3px var(--lb-card),0 0 0 4px var(--lp-line-2)}
.pp .pp-team{font:800 10.5px var(--lp-font);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-ink-3)}
.pp .pp-name{display:block;margin:3px 0 2px;font:800 16.5px/1.15 var(--lp-font);letter-spacing:-.005em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp .pp-opp{font:600 12px var(--lp-font);color:var(--lp-ink-3);min-height:16px}
.pp .pp-opp .live{color:var(--lp-green-hi);font-weight:800}
.pp .pp-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 10px;padding:8px 14px;border-radius:12px;background:var(--lb-card-2);width:100%}
.pp .pp-line .n{font:800 32px/1 var(--lp-head);letter-spacing:-.01em}
.pp .pp-line small{font:800 9.5px/1.15 var(--lp-font);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-ink-3);text-align:left}
.pp-form{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;font:600 11px var(--lp-font);color:var(--lp-ink-3);text-align:left}
.pp-form b{color:var(--lp-ink-2)}
.pp-form .bars{position:relative;display:flex;align-items:flex-end;gap:3px;width:56px;height:26px;flex-shrink:0}
.pp-form .bars i{flex:1;border-radius:2px 2px 0 0;background:var(--lp-line-2)}
.pp-form .bars i.up{background:var(--lp-gold)}
.pp-form .bars .ln{position:absolute;left:-2px;right:-2px;height:0;border-top:1.5px dashed var(--lp-ink-3);opacity:.8}
.pp .lp-ou{width:100%;gap:6px;margin-top:auto}
.pp .lp-ou button{min-height:42px;border-radius:10px;font-size:12px;letter-spacing:.08em;border:1px solid var(--lp-line-2);background:var(--lb-card-2)}
.pp .lp-ou .under:hover{border-color:var(--lp-under);color:var(--lp-under)}
.pp .lp-ou .under[aria-pressed="true"]{background:var(--lp-under);color:#0B0B10}
.lp-player.pp.picked{border-color:var(--lp-gold);box-shadow:0 0 0 2px rgba(var(--lp-acc-rgb),.25)}
.lp-player.pp.picked.under{border-color:var(--lp-under);box-shadow:0 0 0 2px rgba(var(--lp-under-rgb),.25)}

/* 5 ── Lineup / slip ───────────────────────────────────────────────────────── */
.lb-cols{grid-template-columns:minmax(0,1fr) 360px;gap:22px}
.lb-lineup{padding:20px}
.lb-lineup .head-h{font-size:1.6rem}
.lb-lineup .lp-slot{display:flex;align-items:center;gap:10px}
.lb-lineup .lp-slot .lp-avatar.sm{width:34px;height:34px;border-radius:50%;font-size:12px;flex-shrink:0}
.lb-lineup .lp-slot.empty{font-size:12.5px}
.lb-payout{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(var(--lp-acc-rgb),.45);background:rgba(var(--lp-acc-rgb),.06);font:700 12px var(--lp-font);color:var(--lp-on-night-3)}
.lb-payout>span{grid-column:1/-1;font:800 10px var(--lp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-on-night-2)}
.lb-payout b{display:block;font:800 22px/1 var(--lp-head);color:var(--lp-gold-hi)}
.lb-lineup p.hint{margin:10px 0 0;text-align:center;font-size:11.5px}

/* 6 ── Traditional (index.php) on the same board ─────────────────────────── */
/* The legacy header / bottom bar are kept in the DOM (their scripts still run) but replaced
   visually by the shared .lp-top header, so Pick 3, Traditional and the shop share one shell. */
body.lb-unified{
  --pitch:var(--lp-bg); --pitch-2:var(--lp-bg-2); --card:var(--lp-surface); --card-2:var(--lp-surface-2); --card-border:var(--lp-line-2);
  --line:var(--lp-line); --line-strong:var(--lp-line-2); --ink:var(--lp-ink); --ink-dim:var(--lp-ink-2); --ink-mute:var(--lp-ink-3);
  --brass:var(--lp-gold); --brass-2:var(--lp-gold-hi); --brass-deep:var(--lp-gold-deep); --brass-rgb:var(--lp-acc-rgb);
  --sky:var(--lp-under); --sky-rgb:var(--lp-under-rgb); --green:var(--lp-green-hi); --red:var(--lp-red);
  background:var(--lp-bg)!important;color:var(--lp-ink);font-family:var(--lp-font)}
body.lb-unified>header.topbar,body.lb-unified>.disclaimer-bar,body.lb-unified>.bottom-nav{display:none!important}
body.lb-unified .lp-top .lb-bell-slot{display:contents}
body.lb-unified .lp-top .bell-wrap{position:relative}
body.lb-unified .lp-top .bell-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--lp-night-line);background:rgba(255,255,255,.04);color:var(--lp-on-night);cursor:pointer}
body.lb-unified .lp-top .bell-btn svg{width:19px;height:19px}
body.lb-unified .lp-top .bell-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lp-red);color:#fff;font:800 10px/18px var(--lp-font);text-align:center}
body.lb-unified .lp-top .notif-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(340px,86vw);z-index:90;background:var(--lp-night-3);border:1px solid var(--lp-night-line);border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.5);padding:12px;color:var(--lp-on-night)}
body.lb-unified :is(h1,h2,h3,h4,.display){font-family:var(--lp-head);letter-spacing:.01em}
body.lb-unified .wrap{max-width:var(--lp-max);padding-left:var(--lp-gut);padding-right:var(--lp-gut)}
body.lb-unified .eyebrow{font:800 11px var(--lp-font);letter-spacing:.2em;text-transform:uppercase;color:var(--lp-gold-text)}
body.lb-unified .muted{color:var(--lp-ink-3)}
body.lb-unified .btn{font-family:var(--lp-font);font-weight:800;border-radius:12px}
body.lb-unified .btn-primary{background:var(--lp-foil)!important;color:var(--lp-gold-ink)!important;border:0!important;box-shadow:0 10px 24px -10px rgba(var(--lp-acc-rgb),.7)}
body.lb-unified .btn-outline,body.lb-unified .btn-ghost{background:var(--lp-surface-2)!important;color:var(--lp-ink)!important;border:1px solid var(--lp-line-2)!important}
body.lb-unified .card,body.lb-unified .premium-panel{background:var(--lb-card)!important;border:1px solid var(--lp-line)!important;border-radius:var(--lb-r)!important;box-shadow:none!important}
body.lb-unified .lb-trad-bar{padding-top:24px}

/* Home = Traditional board: tournaments become a league rail, matches become game tiles */
body.lb-unified #home .section{padding-top:8px;padding-bottom:18px}
body.lb-unified #home .carousel-head h2{font:800 26px/1 var(--lp-head);text-transform:uppercase;margin:4px 0 0}
body.lb-unified #home .carousel-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
body.lb-unified .carousel-arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--lp-line-2);background:var(--lb-card);color:var(--lp-ink);display:inline-grid;place-items:center;cursor:pointer}
body.lb-unified .carousel-arrow svg{width:16px;height:16px}
body.lb-unified .carousel-track{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 2px 6px}
body.lb-unified .carousel-track::-webkit-scrollbar{display:none}
body.lb-unified .stripe-card{flex:0 0 auto;scroll-snap-align:start;cursor:pointer;border-radius:var(--lb-r)!important;background:var(--lb-card)!important;border:1.5px solid var(--lp-line)!important;box-shadow:none!important;overflow:hidden;transition:border-color .18s,transform .18s var(--lp-out)}
body.lb-unified .stripe-card:hover{border-color:rgba(var(--lp-acc-rgb),.6)!important;transform:translateY(-2px)}
body.lb-unified .stripe-card::before,body.lb-unified .stripe-card::after,body.lb-unified .stripe-vs::before,body.lb-unified .stripe-vs::after{display:none!important}
/* league rail */
body.lb-unified .tourn-card{flex-basis:auto;width:236px;display:flex;align-items:center;gap:12px;padding:12px 14px}
body.lb-unified .tourn-card .stripe-vs{position:relative;width:44px;height:44px;flex-shrink:0;background:none!important;padding:0;border:0;min-height:0}
body.lb-unified .tourn-card .stripe-vs>div{position:static!important;inset:auto!important}
body.lb-unified .tourn-card .team-crest{width:44px!important;height:44px!important;border-radius:50%;display:grid;place-items:center;background:var(--lb-card-2)!important;border:1.5px solid rgba(var(--league-rgb,var(--lp-acc-rgb)),.55)!important;box-shadow:none!important}
body.lb-unified .tourn-card .team-crest svg{width:22px;height:22px}
body.lb-unified .tourn-card .stripe-status,body.lb-unified .tourn-card .league-badge{display:none}
body.lb-unified .tourn-card .stripe-body{padding:0;min-width:0}
body.lb-unified .tourn-card .stripe-body h4{margin:0;font:800 13.5px/1.2 var(--lp-font)!important;letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lb-unified .tourn-card .venue-line{display:none}
/* league filter chips + status tabs = board pills */
body.lb-unified .chip-row,body.lb-unified .status-tabs,body.lb-unified .player-filter-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin:0;border:0}
body.lb-unified .chip-row::-webkit-scrollbar,body.lb-unified .status-tabs::-webkit-scrollbar,body.lb-unified .player-filter-row::-webkit-scrollbar{display:none}
body.lb-unified .chip,body.lb-unified .status-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--lp-line)!important;background:var(--lb-card)!important;color:var(--lp-ink-2)!important;font:800 12.5px var(--lp-font)!important;letter-spacing:.02em;text-transform:none;cursor:pointer;box-shadow:none!important}
body.lb-unified .chip.active,body.lb-unified .status-tab.active{background:var(--lp-ink)!important;color:var(--lp-bg)!important;border-color:var(--lp-ink)!important}
body.lb-unified .status-tab .tab-count{font:800 10.5px var(--lp-font);padding:2px 7px;border-radius:99px;background:rgba(127,127,127,.18);color:inherit}
body.lb-unified .status-tabs{margin-top:2px}
/* match tiles */
body.lb-unified #matchCarousel .stripe-card{width:272px;display:flex;flex-direction:column}
body.lb-unified #matchCarousel .stripe-vs{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;height:auto;min-height:0;padding:30px 14px 14px;background:linear-gradient(180deg,rgba(var(--league-rgb,var(--lp-acc-rgb)),.10),transparent)!important;border:0}
body.lb-unified #matchCarousel .stripe-vs .side{position:static!important;transform:none!important;display:block}
body.lb-unified #matchCarousel .team-crest{width:52px!important;height:52px!important;border-radius:50%;display:grid;place-items:center;font:800 12.5px var(--lp-font)!important;letter-spacing:.03em;background:var(--lb-card-2)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line-2)!important;box-shadow:none!important}
body.lb-unified #matchCarousel .vs-mark{position:static!important;transform:none!important;font:800 11px var(--lp-font)!important;color:var(--lp-ink-3)!important;letter-spacing:.1em}
body.lb-unified #matchCarousel .stripe-status{position:absolute;top:10px;right:10px;left:auto}
body.lb-unified #matchCarousel .league-badge{position:absolute;top:10px;left:10px;right:auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 9.5px var(--lp-font)!important;letter-spacing:.08em;padding:4px 8px;border-radius:7px;background:var(--lb-card-2)!important;border:0!important;color:var(--lp-ink-3)!important}
body.lb-unified .status-badge{font:800 9.5px var(--lp-font)!important;letter-spacing:.1em;padding:4px 8px;border-radius:7px;background:var(--lb-card-2)!important;border:0!important;color:var(--lp-ink-2)!important}
body.lb-unified .status-badge.status-live{background:rgba(34,197,110,.16)!important;color:var(--lp-green-hi)!important}
body.lb-unified #matchCarousel .stripe-body{padding:2px 16px 16px;text-align:center;display:flex;flex-direction:column;gap:3px;flex:1}
body.lb-unified #matchCarousel .teams-line{font:800 14px/1.25 var(--lp-font);color:var(--lp-ink)}
body.lb-unified #matchCarousel .venue-line{font:600 12px var(--lp-font);color:var(--lp-ink-3)}
body.lb-unified #matchCarousel .venue-line:last-child{margin-top:auto!important;padding-top:10px;font-weight:800!important;color:var(--lp-gold-text)!important}
body.lb-unified #matchCarousel .venue-line:last-child::before{content:"Build XI · ";color:var(--lp-ink-2)}
body.lb-unified .empty-state{padding:34px 20px;text-align:center;border:1px dashed var(--lp-line-2);border-radius:var(--lb-r);background:var(--lb-card)}
body.lb-unified .empty-state h3{font:800 20px var(--lp-head);text-transform:uppercase;margin:0 0 6px}
/* promo stack under the board → three compact promo cards like Pick 3 */
body.lb-unified .promo-stack{max-width:var(--lp-max);margin:8px auto 0;padding:0 var(--lp-gut);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.lb-unified .promo-stack>.wrap{padding:0!important;max-width:none;margin:0}
body.lb-unified .promo-stack>.wrap>.eyebrow{display:none}
body.lb-unified .mystery-box-promo{margin:0!important;height:100%;display:flex;gap:14px;align-items:flex-start;padding:16px!important;border-radius:var(--lb-r)!important;background:var(--lb-card)!important;border:1px solid var(--lp-line)!important;box-shadow:none!important}
body.lb-unified .mystery-box-promo-art{width:46px!important;height:46px!important;min-width:46px;flex-shrink:0;border-radius:12px!important;font-size:22px!important;display:grid;place-items:center;background:var(--lb-card-2)!important;box-shadow:none!important}
body.lb-unified .mystery-box-promo-art img{width:100%;height:100%;object-fit:contain}
body.lb-unified .mystery-box-promo-art svg{width:24px;height:24px;color:var(--lp-gold-text)}
body.lb-unified .mystery-box-promo-copy h2{font:800 18px/1.1 var(--lp-head)!important;text-transform:uppercase;margin:2px 0 0!important}
body.lb-unified .mystery-box-promo-copy p{font-size:12.5px!important;line-height:1.45;margin-top:5px!important}
body.lb-unified .mystery-box-promo-copy .eyebrow{font-size:10px}
body.lb-unified .mystery-box-promo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px}
body.lb-unified .mystery-box-promo-actions .btn{padding:8px 14px;font-size:12px;min-height:0}
/* team builder deck = same projection cards as Pick 3 */
body.lb-unified .deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
body.lb-unified .prop-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 12px;border-radius:var(--lb-r)!important;background:var(--lb-card)!important;border:1px solid var(--lp-line)!important;box-shadow:none!important;cursor:pointer;transition:border-color .18s,transform .18s var(--lp-out)}
body.lb-unified .prop-card:hover{border-color:var(--lp-line-2)!important;transform:translateY(-2px)}
body.lb-unified .prop-card .prop-top{display:contents}
body.lb-unified .prop-card .prop-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:6px 0 10px;font:800 19px var(--lp-head);color:var(--lp-gold-ink);background:var(--lp-foil);box-shadow:0 0 0 3px var(--lb-card),0 0 0 4px var(--lp-line-2)}
body.lb-unified .prop-card .prop-credit{position:absolute;top:10px;right:10px;font:800 10px var(--lp-font);letter-spacing:.06em;padding:4px 7px;border-radius:7px;background:var(--lb-card-2);color:var(--lp-gold-text)}
body.lb-unified .prop-card .prop-name{font:800 15.5px/1.15 var(--lp-font);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lb-unified .prop-card .prop-meta{display:flex;gap:6px;align-items:center;justify-content:center;margin:6px 0 12px;font:700 11px var(--lp-font);color:var(--lp-ink-3);letter-spacing:.06em}
body.lb-unified .prop-card .role-chip{position:absolute;top:10px;left:10px;font:800 9.5px var(--lp-font);letter-spacing:.12em;padding:4px 7px;border-radius:7px;background:var(--lb-card-2)!important;color:var(--lp-ink-3)!important;border:0!important}
body.lb-unified .prop-card .prop-add{margin-top:auto;width:100%;min-height:40px;border-radius:10px;border:1px solid var(--lp-line-2);background:var(--lb-card-2);color:var(--lp-ink);font:800 12px var(--lp-font);letter-spacing:.06em;cursor:pointer}
body.lb-unified .prop-card.in-xi{border-color:var(--lp-gold)!important;box-shadow:0 0 0 2px rgba(var(--lp-acc-rgb),.25)!important}
body.lb-unified .prop-card.in-xi .prop-add{background:var(--lp-foil);color:var(--lp-gold-ink);border-color:transparent}
body.lb-unified .prop-card.locked{opacity:.45;cursor:not-allowed}
/* XI slip tray = lineup dock */
body.lb-unified .slip-bar{background:color-mix(in srgb,var(--lp-night) 94%,transparent)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--lp-night-line)!important;box-shadow:0 -20px 40px rgba(0,0,0,.35)!important}
body.lb-unified .slip-chip{border-radius:50%!important;background:var(--lb-card-2)!important;border:1px dashed var(--lp-line-2)!important;color:var(--lp-ink)}
body.lb-unified .slip-chip.filled{background:var(--lp-foil)!important;color:var(--lp-gold-ink)!important;border:0!important;font-weight:800}
body.lb-unified .slip-summary b{font:800 22px var(--lp-head);color:var(--lp-gold-hi)}
body.lb-unified .sheet-card,body.lb-unified .modal-card{background:var(--lp-night-3)!important;color:var(--lp-on-night);border:1px solid var(--lp-night-line)!important;border-radius:20px!important}
/* match detail */
body.lb-unified .match-header .team-crest{border-radius:50%;background:var(--lb-card-2)!important;color:var(--lp-ink)!important;border:1.5px solid var(--lp-line-2)!important;box-shadow:none!important}
body.lb-unified .section-head h2{font:800 24px/1.05 var(--lp-head)!important;text-transform:uppercase}
body.lb-unified .team-pill,body.lb-unified .contest-card{background:var(--lb-card)!important;border:1px solid var(--lp-line)!important;border-radius:14px!important}
body.lb-unified footer,body.lb-unified .site-footer{background:var(--lp-night)!important;border-top:1px solid var(--lp-night-line)}

/* 7 ── Career / ranks polish (shared module, every page) ─────────────────── */
.lb-board .lp-rank-hero,.lb-unified .lp-rank-hero{border-radius:20px}
.lb-board .lp-stat,.lb-unified .lp-stat,.lb-board .lp-badge,.lb-unified .lp-badge{border-radius:14px;background:var(--lb-card);border-color:var(--lp-line)}

/* 8 ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1180px){.lb-cols{grid-template-columns:minmax(0,1fr) 320px}}
@media (max-width:1080px){
  .lb-cols{grid-template-columns:1fr}
  .lb-promos{grid-template-columns:1fr 1fr}.lb-promos .lb-promo:last-child{display:none}
  body.lb-unified .promo-stack{grid-template-columns:1fr}
}
@media (max-width:760px){
  .lb-boardbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}
  .lb-boardtitle{text-align:left;order:-1}
  .lb-boardtitle h1 span{display:block;margin:4px 0 0}
  .lb-switch{display:grid;width:100%}
  .lb-switch-opt{padding:9px 10px;gap:8px}
  .lb-switch-opt svg{width:24px;height:24px}
  .lb-switch-opt b{font-size:14px}
  .lb-switch-opt small{font-size:10px;white-space:normal}
  .lb-promos{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
  .lb-promos::-webkit-scrollbar{display:none}
  .lb-promos .lb-promo{flex:0 0 78%;scroll-snap-align:start}
  .lb-promos .lb-promo:last-child{display:flex}
  .lb-grid,body.lb-unified .deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lp-player.pp,body.lb-unified .prop-card{padding:14px 10px 10px}
  .pp .lp-avatar,body.lb-unified .prop-card .prop-avatar{width:54px;height:54px;font-size:17px}
  .pp .pp-name{font-size:15px}
  .pp .pp-line{padding:6px 8px;gap:6px}
  .pp .pp-line .n{font-size:27px}
  .pp-form{gap:7px;font-size:10px}.pp-form .bars{width:42px;height:22px}
  .pp .lp-ou button{min-height:40px;font-size:11px;letter-spacing:.04em}
  .lb-filter .lb-sub{display:none}
  body.lb-unified .tourn-card{width:200px}
  body.lb-unified #matchCarousel .stripe-card{width:240px}
}
@media (max-width:380px){.lb-switch-opt small{display:none}}
.lb-lineup #lock-btn[disabled]{background:rgba(255,255,255,.06);color:var(--lp-on-night-3);box-shadow:none;opacity:1}

/* index.php: give the shared header + shared modules the same resets lb11-pro.css gives .lp-body pages
   (zero specificity, so every component rule still wins) */
:where(body.lb-unified) :where(.lp-top,#lpCareerRoot,.lp-card,.lb-boardbar,.lp-modal) :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:where(body.lb-unified) :where(.lp-top,#lpCareerRoot,.lb-boardbar) :where(a){color:inherit}
:where(body.lb-unified) :where(.lp-top,#lpCareerRoot,.lb-boardbar) *{box-sizing:border-box}
body.lb-unified [hidden],.lp-top [hidden]{display:none!important}
body.lb-unified .lp-top{font:500 15px/1.55 var(--lp-font)}
@media (max-width:1500px){body.lb-unified #lpRankChip{display:none}}
@media (max-width:1240px){body.lb-unified .lp-brand b{display:none}}
body.lb-unified #matchCarousel .stripe-vs .side{width:auto!important;padding:0!important;background:none!important;clip-path:none!important;flex:0 0 auto}
body.lb-unified #matchCarousel .stripe-vs .vs-mark{width:auto!important;text-shadow:none!important}
body.lb-unified footer :is(b,strong,h3,h4,.footer-brand,.footer-brand-name){font-family:var(--lp-head)}
body.lb-unified #matchCarousel .league-badge,body.lb-unified #matchCarousel .stripe-status{bottom:auto!important;height:auto!important}
body.lb-unified #home .carousel-head[style*="margin-top:16px"]{margin:-46px 0 10px!important;pointer-events:none}
body.lb-unified #home .carousel-head[style*="margin-top:16px"] .carousel-arrows{pointer-events:auto}
@media (max-width:900px){
  body.lb-unified{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.lb-unified .slip-bar{bottom:calc(64px + env(safe-area-inset-bottom))!important}
  body.lb-unified #home .carousel-head[style*="margin-top:16px"]{display:none!important}
}
body.lb-unified :is(.team-crest,.big-team .score,.mono,.slip-chip,.stripe-vs .side){font-family:var(--lp-font)}
body.lb-unified .big-team .score{font-weight:800}
html[data-theme="light"] .pp .lp-ou .under[aria-pressed="true"],html[data-theme="light"] .pp.picked.under .pp-pick{color:#fff}
.lb-hero-wrap{margin:0 0 18px}
#lpLive{margin-bottom:16px}

/* Game mode cards (original Arena design) on top of both boards */
.lb-boardbar{display:block}
.lb-boardbar .lb-modes{margin:0}
.lb-modes .lp-mode{color:inherit}
.lb-modes .lp-mode .go{white-space:nowrap}
body.lb-unified .lb-modes .lp-mode b{font-family:var(--lp-head)}
body.lb-unified #liveHeroWrap:empty{display:none}
body.lb-unified #liveHeroWrap{padding-top:0!important;margin-bottom:6px}
/* match detail header = same look as the live score card */
body.lb-unified .match-header{position:relative;overflow:hidden;background:radial-gradient(90% 120% at 50% 0%,rgba(var(--lp-acc-rgb),.12),transparent 60%),linear-gradient(180deg,var(--lp-surface),var(--lp-bg-2))!important}
body.lb-unified .match-header .big-team .team-crest{width:72px!important;height:72px!important;border-radius:18px!important;font:800 22px var(--lp-head)!important;background:var(--lp-foil)!important;color:var(--lp-gold-ink)!important;border:0!important;box-shadow:0 14px 30px -12px rgba(var(--lp-acc-rgb),.7)!important}
body.lb-unified .match-header .big-team .team-crest.silver{background:linear-gradient(160deg,#fff,#C7CDD9)!important;color:#0B0B10!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.6)!important}
body.lb-unified .match-header .big-team .fullname{font:800 14px var(--lp-font);color:var(--lp-ink-2);margin-top:8px}
body.lb-unified .match-header .big-team .score{font:800 clamp(28px,3.4vw,44px)/1 var(--lp-head)!important;color:var(--lp-gold-hi)!important;margin-top:8px}
body.lb-unified .match-header .big-vs{background:none!important;box-shadow:none!important;color:var(--lp-ink-3)!important;font:800 26px var(--lp-head)!important;letter-spacing:.1em}
@media (max-width:760px){.lb-modes{grid-template-columns:1fr 1fr!important;gap:8px!important}.lb-modes .lp-mode{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.lb-modes .lp-mode .ic{width:40px;height:40px}.lb-modes .lp-mode b{font-size:15px!important}.lb-modes .lp-mode span span{display:none}.lb-modes .lp-mode .go{margin-left:0}}
body.lb-unified .slip-bar.hidden{transform:translateY(calc(100% + 90px))!important;visibility:hidden;transition:transform .25s,visibility 0s .25s}
/* Your production lb11-arena/skins CSS gives every sticky header a backdrop blur. On .lp-top that turns the header into
   the containing block of the phone tab bar, so the bar jumped to the top. The blur already lives on .lp-top::before. */
body.lb-unified .lp-top{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important}
/* Match page header = always the dark live-score panel (same as the live card), in light and dark mode */
body.lb-unified .match-header{background:radial-gradient(90% 120% at 50% 0%,rgba(var(--lp-acc-rgb),.16),transparent 60%),linear-gradient(180deg,var(--lp-night-3),var(--lp-night))!important;border-color:var(--lp-night-line)!important;color:var(--lp-on-night)}
body.lb-unified .match-header .big-team .fullname{color:var(--lp-on-night-2)!important}
body.lb-unified .match-header .muted,body.lb-unified .match-header .match-header-top{color:var(--lp-on-night-3)!important}
body.lb-unified .match-header .btn-outline{background:rgba(255,255,255,.06)!important;color:var(--lp-on-night)!important;border-color:var(--lp-night-line)!important}

/* Signed-in user chip + account menu (all pages) */
.lb-user{position:relative}
.lb-user-btn{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 5px;border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);color:var(--lp-on-night);font:800 13px var(--lp-font);cursor:pointer}
.lb-user-btn svg{width:14px;height:14px;color:var(--lp-on-night-3)}
.lb-user-av{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--lp-foil);color:var(--lp-gold-ink);font:800 12px var(--lp-font)}
.lb-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-user-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:95;min-width:220px;padding:8px;border-radius:14px;background:var(--lp-night-3);border:1px solid var(--lp-night-line);box-shadow:0 24px 50px rgba(0,0,0,.5);display:grid;gap:2px}
.lb-user-head{padding:8px 10px 10px;border-bottom:1px solid var(--lp-night-line);margin-bottom:4px}
.lb-user-head b{display:block;font:800 14px var(--lp-font);color:var(--lp-on-night)}
.lb-user-head small{display:block;font:600 12px var(--lp-font);color:var(--lp-on-night-3)}
.lb-user-menu a,.lb-user-menu button{display:block;width:100%;text-align:left;padding:10px;border-radius:9px;border:0;background:none;color:var(--lp-on-night-2);font:700 13px var(--lp-font);text-decoration:none;cursor:pointer}
.lb-user-menu a:hover,.lb-user-menu button:hover{background:rgba(255,255,255,.06);color:var(--lp-on-night)}
.lb-user-menu .lb-logout{color:#FF6B5E}
@media (max-width:900px){.lb-user-name{display:none}.lb-user-btn{padding:0 6px 0 4px;height:38px}.lb-user-btn svg{display:none}}