/* ==========================================================================
   LB11 THEME — 5 colours × light/dark for EVERY page (game, Pick 3, Shop,
   jersey designer, prize claim). Shared tokens (--lb-*) are set from
   html[data-skin][data-theme] by assets/js/lb11-theme.js; each page maps its
   own variables onto them below. Change a palette here → every page follows.
   Motion: 150–220ms ease-out, press = scale(.97), nothing scales from 0,
   prefers-reduced-motion switches it off (Emil Kowalski's rules).
========================================================================== */
:root{--lb-ease:cubic-bezier(.23,1,.32,1);--lb-r:18px}
html[data-skin="arena"][data-theme="dark"],html:not([data-skin])[data-theme="dark"]{--lb-bg:#10131c;--lb-bg-2:#0b0e17;--lb-surface:#1c1f29;--lb-surface-2:#272a34;--lb-surface-3:#32343f;--lb-line:#2a2d38;--lb-ink:#e0e2ef;--lb-ink-2:#d8c3ad;--lb-ink-3:#a08e7a;--lb-accent:#f59e0b;--lb-accent-2:#ffc174;--lb-accent-ink:#ffc174;--lb-on-accent:#472a00;--lb-accent-rgb:245,158,11;--lb-second:#6366f1;--lb-shadow:0 8px 24px rgba(0,0,0,.45);--lb-glow:0 4px 16px rgba(245,158,11,.32);--lb-accent-soft:rgba(245,158,11,.13);--lb-header:rgba(16,19,28,.9);color-scheme:dark}
html[data-skin="arena"][data-theme="light"],html:not([data-skin])[data-theme="light"]{--lb-bg:#f8fafc;--lb-bg-2:#f1f5f9;--lb-surface:#ffffff;--lb-surface-2:#f8fafc;--lb-surface-3:#eef2f7;--lb-line:#e2e8f0;--lb-ink:#0f172a;--lb-ink-2:#475569;--lb-ink-3:#64748b;--lb-accent:#f59e0b;--lb-accent-2:#fbbf24;--lb-accent-ink:#b45309;--lb-on-accent:#1c1203;--lb-accent-rgb:217,119,6;--lb-second:#4f46e5;--lb-shadow:0 4px 16px rgba(15,23,42,.07);--lb-glow:0 4px 16px rgba(217,119,6,.32);--lb-accent-soft:rgba(217,119,6,.13);--lb-header:rgba(248,250,252,.9);color-scheme:light}
html[data-skin="gold"][data-theme="dark"]{--lb-bg:#0d0c09;--lb-bg-2:#080705;--lb-surface:#19170f;--lb-surface-2:#242116;--lb-surface-3:#2f2b1e;--lb-line:#332e1f;--lb-ink:#f4efe1;--lb-ink-2:#d6cdb4;--lb-ink-3:#9c927a;--lb-accent:#e3b341;--lb-accent-2:#f5d77a;--lb-accent-ink:#f5d77a;--lb-on-accent:#2a1d00;--lb-accent-rgb:227,179,65;--lb-second:#c0c4cc;--lb-shadow:0 8px 24px rgba(0,0,0,.45);--lb-glow:0 4px 16px rgba(227,179,65,.32);--lb-accent-soft:rgba(227,179,65,.13);--lb-header:rgba(13,12,9,.9);color-scheme:dark}
html[data-skin="gold"][data-theme="light"]{--lb-bg:#fbfaf7;--lb-bg-2:#f3f1ec;--lb-surface:#ffffff;--lb-surface-2:#f7f5ef;--lb-surface-3:#efebe1;--lb-line:#e7e3d9;--lb-ink:#15130e;--lb-ink-2:#3d3a32;--lb-ink-3:#777264;--lb-accent:#e0a526;--lb-accent-2:#f2c94c;--lb-accent-ink:#8a6508;--lb-on-accent:#1a1200;--lb-accent-rgb:184,134,11;--lb-second:#5c5f66;--lb-shadow:0 4px 16px rgba(15,23,42,.07);--lb-glow:0 4px 16px rgba(184,134,11,.32);--lb-accent-soft:rgba(184,134,11,.13);--lb-header:rgba(251,250,247,.9);color-scheme:light}
html[data-skin="red"][data-theme="dark"]{--lb-bg:#120a0d;--lb-bg-2:#0b0608;--lb-surface:#1d1116;--lb-surface-2:#28171e;--lb-surface-3:#331e27;--lb-line:#3a222c;--lb-ink:#f5e9ec;--lb-ink-2:#e0c4cb;--lb-ink-3:#a8848d;--lb-accent:#e11d48;--lb-accent-2:#fb7185;--lb-accent-ink:#fb7185;--lb-on-accent:#ffffff;--lb-accent-rgb:225,29,72;--lb-second:#f59e0b;--lb-shadow:0 8px 24px rgba(0,0,0,.45);--lb-glow:0 4px 16px rgba(225,29,72,.32);--lb-accent-soft:rgba(225,29,72,.13);--lb-header:rgba(18,10,13,.9);color-scheme:dark}
html[data-skin="red"][data-theme="light"]{--lb-bg:#fff8f8;--lb-bg-2:#fdf0f1;--lb-surface:#ffffff;--lb-surface-2:#fff5f6;--lb-surface-3:#fde8eb;--lb-line:#f4d5da;--lb-ink:#1f0a10;--lb-ink-2:#5b3a42;--lb-ink-3:#8a6770;--lb-accent:#e11d48;--lb-accent-2:#f43f5e;--lb-accent-ink:#be123c;--lb-on-accent:#ffffff;--lb-accent-rgb:225,29,72;--lb-second:#d97706;--lb-shadow:0 4px 16px rgba(15,23,42,.07);--lb-glow:0 4px 16px rgba(225,29,72,.32);--lb-accent-soft:rgba(225,29,72,.13);--lb-header:rgba(255,248,248,.9);color-scheme:light}
html[data-skin="cosmic"][data-theme="dark"]{--lb-bg:#07051a;--lb-bg-2:#040312;--lb-surface:#151030;--lb-surface-2:#1d1740;--lb-surface-3:#272052;--lb-line:#2a2358;--lb-ink:#ffffff;--lb-ink-2:#dcd9f5;--lb-ink-3:#9c96c4;--lb-accent:#b7ff32;--lb-accent-2:#d9ff8e;--lb-accent-ink:#d9ff8e;--lb-on-accent:#0a1400;--lb-accent-rgb:183,255,50;--lb-second:#a855f7;--lb-shadow:0 8px 24px rgba(0,0,0,.45);--lb-glow:0 4px 16px rgba(183,255,50,.32);--lb-accent-soft:rgba(183,255,50,.13);--lb-header:rgba(7,5,26,.9);color-scheme:dark}
html[data-skin="cosmic"][data-theme="light"]{--lb-bg:#f7f5ff;--lb-bg-2:#efebff;--lb-surface:#ffffff;--lb-surface-2:#f8f6ff;--lb-surface-3:#ede9fe;--lb-line:#e2dcfb;--lb-ink:#160f33;--lb-ink-2:#463d72;--lb-ink-3:#7b72a8;--lb-accent:#7c3aed;--lb-accent-2:#a855f7;--lb-accent-ink:#6d28d9;--lb-on-accent:#ffffff;--lb-accent-rgb:124,58,237;--lb-second:#65a30d;--lb-shadow:0 4px 16px rgba(15,23,42,.07);--lb-glow:0 4px 16px rgba(124,58,237,.32);--lb-accent-soft:rgba(124,58,237,.13);--lb-header:rgba(247,245,255,.9);color-scheme:light}
html[data-skin="green"][data-theme="dark"]{--lb-bg:#06120c;--lb-bg-2:#030a06;--lb-surface:#0f1f18;--lb-surface-2:#162a21;--lb-surface-3:#1d352a;--lb-line:#1f3a2d;--lb-ink:#e8f5ee;--lb-ink-2:#bfdccd;--lb-ink-3:#7fa593;--lb-accent:#22c55e;--lb-accent-2:#86efac;--lb-accent-ink:#86efac;--lb-on-accent:#03170b;--lb-accent-rgb:34,197,94;--lb-second:#0ea5e9;--lb-shadow:0 8px 24px rgba(0,0,0,.45);--lb-glow:0 4px 16px rgba(34,197,94,.32);--lb-accent-soft:rgba(34,197,94,.13);--lb-header:rgba(6,18,12,.9);color-scheme:dark}
html[data-skin="green"][data-theme="light"]{--lb-bg:#f5fbf7;--lb-bg-2:#eaf6ef;--lb-surface:#ffffff;--lb-surface-2:#f6fbf8;--lb-surface-3:#e7f4ec;--lb-line:#d5ebdd;--lb-ink:#0b1f14;--lb-ink-2:#33513f;--lb-ink-3:#5f7d6b;--lb-accent:#16a34a;--lb-accent-2:#22c55e;--lb-accent-ink:#15803d;--lb-on-accent:#ffffff;--lb-accent-rgb:22,163,74;--lb-second:#0284c7;--lb-shadow:0 4px 16px rgba(15,23,42,.07);--lb-glow:0 4px 16px rgba(22,163,74,.32);--lb-accent-soft:rgba(22,163,74,.13);--lb-header:rgba(245,251,247,.9);color-scheme:light}

/* ---------- Shared picker (assets/js/lb11-theme.js) ---------- */
.lb-picker{position:relative;display:inline-flex}
.lb-picker-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--lb-line);background:var(--lb-surface-2);color:var(--lb-ink);font:700 12px/1 system-ui,sans-serif;cursor:pointer;transition:transform .15s var(--lb-ease),background-color .2s}
.lb-picker-btn:active{transform:scale(.97)}
.lb-sw{width:24px;height:24px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.lb-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:300;width:236px;padding:12px;border-radius:16px;background:var(--lb-surface);border:1px solid var(--lb-line);box-shadow:0 18px 40px rgba(0,0,0,.28);transform-origin:top right;animation:lbPopIn .18s var(--lb-ease)}
.lb-pop[hidden]{display:none}
@keyframes lbPopIn{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
.lb-pop-h{font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lb-ink-3);margin:2px 2px 8px}
.lb-sws{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:12px}
.lb-sw-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;border:0;border-radius:10px;background:none;color:var(--lb-ink-2);font:700 10px system-ui,sans-serif;cursor:pointer}
.lb-sw-btn .lb-sw{width:30px;height:30px;transition:transform .15s var(--lb-ease)}
.lb-sw-btn.on .lb-sw{box-shadow:0 0 0 2px var(--lb-surface),0 0 0 4px var(--lb-accent)}
.lb-sw-btn:active .lb-sw{transform:scale(.94)}
.lb-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--lb-surface-3)}
.lb-seg button{height:34px;border:0;border-radius:9px;background:none;color:var(--lb-ink-2);font:700 12px system-ui,sans-serif;cursor:pointer}
.lb-seg button.on{background:var(--lb-surface);color:var(--lb-ink);box-shadow:0 2px 6px rgba(0,0,0,.12)}
@media (max-width:420px){.lb-picker-lbl{display:none}.lb-picker-btn{padding:0 6px}}

/* ---------- index.php (classic game): every skin maps to the shared palette ---------- */
html.lb11-index[data-skin][data-theme]{
  --pitch:var(--lb-bg);--pitch-2:var(--lb-bg-2);--card:var(--lb-surface);--card-2:var(--lb-surface-2);--card-border:var(--lb-line);
  --line:var(--lb-line);--line-strong:var(--lb-surface-3);--ink:var(--lb-ink);--ink-dim:var(--lb-ink-2);--ink-mute:var(--lb-ink-3);
  --brass:var(--lb-accent);--brass-2:var(--lb-accent-ink);--brass-deep:var(--lb-accent-ink);--brass-rgb:var(--lb-accent-rgb);
  --sky:var(--lb-second);--shadow-md:var(--lb-shadow);--shadow-lg:var(--lb-shadow);
  --glow-gold:0 0 0 1px rgba(var(--lb-accent-rgb),.25),0 8px 26px rgba(var(--lb-accent-rgb),.16);
  --glow-gold-strong:0 0 0 1.5px rgba(var(--lb-accent-rgb),.5),0 0 34px rgba(var(--lb-accent-rgb),.24);
  --field-lines:rgba(var(--lb-accent-rgb),.035)}
/* lb11-cosmic.css forces a black body, white text, dark cards and lime
   !important buttons in every theme — neutralised for all skins. */
html.lb11-index body.lb11-cosmic{background:var(--lb-bg);background-image:radial-gradient(900px 600px at 100% -10%,rgba(var(--lb-accent-rgb),.10),transparent 60%);color:var(--lb-ink)}
html.lb11-index[data-theme="light"] body.lb11-cosmic{background-image:none}
html.lb11-index .lb11-cosmic .card,html.lb11-index .lb11-cosmic .panel,html.lb11-index .lb11-cosmic .section-card{background:var(--lb-surface);border:1px solid var(--lb-line);color:var(--lb-ink)}
html.lb11-index .lb11-cosmic .btn-primary,html.lb11-index .lb11-cosmic .cta{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)!important}
html.lb11-index .lb11-cosmic .muted{color:var(--lb-ink-3)!important}
html.lb11-index .lb11-cosmic .stripe-body h4{color:var(--lb-ink)}
html.lb11-index header,html.lb11-index .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* ---------- pick3.php ---------- */
html.lb11-pick3[data-theme]{--bg:var(--lb-bg);--card:var(--lb-surface);--card-2:var(--lb-surface-2);--line:var(--lb-line);--line-2:var(--lb-surface-3);--ink:var(--lb-ink);--ink-2:var(--lb-ink-2);--ink-3:var(--lb-ink-3);--gold:var(--lb-accent);--gold-hi:var(--lb-accent-ink)}
html.lb11-pick3 body{background:var(--lb-bg)}
html.lb11-pick3 header{background:var(--lb-header);border-bottom-color:var(--lb-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.lb11-pick3 .brand b{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
html.lb11-pick3 .card,html.lb11-pick3 .match,html.lb11-pick3 .player,html.lb11-pick3 .ticket-shell{background:var(--lb-surface)!important;border:1px solid var(--lb-line)!important;box-shadow:var(--lb-shadow)!important;color:var(--lb-ink)}
html.lb11-pick3 .chip,html.lb11-pick3 .icon-btn,html.lb11-pick3 .filters button{background:var(--lb-surface-2)!important;border-color:var(--lb-line)!important;color:var(--lb-ink-2)!important}
html.lb11-pick3 .filters button[aria-pressed="true"],html.lb11-pick3 .filters button.on{background:var(--lb-accent)!important;border-color:var(--lb-accent)!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)}
html.lb11-pick3 nav.tabs{background:var(--lb-header)!important;border-top:1px solid var(--lb-line)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.lb11-pick3 .premium-hero,html.lb11-pick3 .tray,html.lb11-pick3 .win-box{--ink:#fff;--ink-2:#e6e3f0;--ink-3:#b3aec7;--line:rgba(255,255,255,.14);color:#fff;background:radial-gradient(340px 220px at 100% 0%,rgba(var(--lb-accent-rgb),.30),transparent 70%),radial-gradient(300px 200px at 0% 100%,color-mix(in srgb,var(--lb-second) 40%,transparent),transparent 70%),linear-gradient(160deg,#1a1c26,#0a0b12)!important;border:1px solid rgba(var(--lb-accent-rgb),.28)!important}
html.lb11-pick3 .premium-hero h1 span{background:linear-gradient(90deg,var(--lb-accent-2),var(--lb-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
html.lb11-pick3 .btn.gold,html.lb11-pick3 #lock-btn{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)}
html.lb11-pick3 .player button[data-side][aria-pressed="true"].over{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;border-color:var(--lb-accent)!important}
html.lb11-pick3 .player button[data-side][aria-pressed="true"].under{background:var(--lb-second)!important;color:#fff!important;border-color:var(--lb-second)!important}
html.lb11-pick3 .p-val .n{background:linear-gradient(var(--lb-accent-ink),var(--lb-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
html.lb11-pick3 .scrim{background:rgba(0,0,0,.5)}

/* ---------- shop/index.php ---------- */
html.lb11-shop[data-theme]{--bg:var(--lb-bg);--s-lowest:var(--lb-bg-2);--s-low:var(--lb-surface-2);--s:var(--lb-surface);--s-high:var(--lb-surface-2);--s-highest:var(--lb-surface-3);--ink:var(--lb-ink);--ink-2:var(--lb-ink-2);--ink-3:var(--lb-ink-3);--line:var(--lb-line);--gold:var(--lb-accent-ink);--gold-fill:var(--lb-accent);--on-gold:var(--lb-on-accent);--gold-soft:var(--lb-accent-soft);--header:var(--lb-header);--glow:var(--lb-glow);--inr-bg:var(--lb-ink);--inr-ink:var(--lb-bg)}
html.lb11-shop .btn-gold{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important}
html.lb11-shop .play{background:linear-gradient(90deg,var(--lb-second),var(--lb-surface-2) 70%)!important;color:var(--lb-ink)}
html.lb11-shop[data-theme="light"] .play{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)}
html.lb11-shop .play .btn{background:var(--lb-accent)!important;color:var(--lb-on-accent)!important}
html.lb11-shop[data-theme="light"] .play .btn{background:var(--lb-surface)!important;color:var(--lb-ink)!important}
html.lb11-shop .filter.on{background:var(--lb-accent);color:var(--lb-on-accent)}

/* ---------- t-shirt/index.php (jersey designer) ---------- */
html.lb11-designer[data-theme]{--bg:var(--lb-bg);--bg-tint:var(--lb-bg-2);--surface:var(--lb-surface);--surface-2:var(--lb-surface-2);--border:var(--lb-line);--border-strong:var(--lb-surface-3);--text:var(--lb-ink);--text-muted:var(--lb-ink-2);--text-faint:var(--lb-ink-3);--gold:var(--lb-accent-ink);--gold-strong:var(--lb-accent);--field:var(--lb-surface-2);--ring:rgba(var(--lb-accent-rgb),.3);--cta-a:var(--lb-accent-2);--cta-b:var(--lb-accent);--cta-fg:var(--lb-on-accent)}
html.lb11-designer .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* ---------- prize/claim.php ---------- */
html.lb11-claim body{background:var(--lb-bg)!important;color:var(--lb-ink)!important;background-image:radial-gradient(800px 500px at 100% -10%,rgba(var(--lb-accent-rgb),.12),transparent 60%)!important}
html.lb11-claim[data-theme="light"] body{background-image:none!important}
html.lb11-claim .hero,html.lb11-claim .statebox,html.lb11-claim .card,html.lb11-claim .panel{background:var(--lb-surface)!important;border:1px solid var(--lb-line)!important;color:var(--lb-ink)!important;box-shadow:var(--lb-shadow)!important}
html.lb11-claim .hero:before{opacity:.35}
html.lb11-claim .kicker{color:var(--lb-accent-ink)!important}
html.lb11-claim .sub,html.lb11-claim .fine,html.lb11-claim .count small,html.lb11-claim .back{color:var(--lb-ink-2)!important}
html.lb11-claim .pill{background:var(--lb-surface-2)!important;border-color:var(--lb-line)!important;color:var(--lb-ink)!important}
html.lb11-claim .count{background:var(--lb-accent-soft)!important;border-color:rgba(var(--lb-accent-rgb),.3)!important}
html.lb11-claim .count strong{color:var(--lb-accent-ink)!important}
html.lb11-claim .choice{background:var(--lb-surface-2)!important;border-color:var(--lb-line)!important;color:var(--lb-ink)!important}
html.lb11-claim .choice.active{border-color:var(--lb-accent)!important;background:var(--lb-accent-soft)!important}
html.lb11-claim .input{background:var(--lb-surface-2)!important;border-color:var(--lb-line)!important;color:var(--lb-ink)!important}
html.lb11-claim .input:focus{border-color:var(--lb-accent)!important}
html.lb11-claim .claim{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)}
html.lb11-claim .flip{background:var(--lb-surface-2)!important;color:var(--lb-ink)!important;border-color:var(--lb-line)!important}

/* ---------- Shared: motion + iPhone/iPad safety ---------- */
html[data-skin] button,html[data-skin] .btn,html[data-skin] a.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html[data-skin] .btn:not(:disabled):active,html[data-skin] button:not(:disabled):active{transform:scale(.97)}
/* iOS zooms the page when an input's text is under 16px — never let it. */
@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ---------- One source of truth ----------
   lb11-skins.css (kept for compatibility) uses --sk-* tokens. Alias them to the
   --lb-* palette above so both files always render identical colours. */
html[data-skin][data-theme]{--sk-bg:var(--lb-bg);--sk-bg-2:var(--lb-bg-2);--sk-surface:var(--lb-surface);--sk-surface-2:var(--lb-surface-2);--sk-surface-3:var(--lb-surface-3);--sk-line:var(--lb-line);--sk-line-2:var(--lb-surface-3);--sk-ink:var(--lb-ink);--sk-ink-2:var(--lb-ink-2);--sk-ink-3:var(--lb-ink-3);--sk-accent:var(--lb-accent);--sk-accent-2:var(--lb-accent-2);--sk-accent-ink:var(--lb-accent-ink);--sk-accent-rgb:var(--lb-accent-rgb);--sk-on-accent:var(--lb-on-accent);--sk-alt:var(--lb-second);--sk-header:var(--lb-header);--sk-soft:var(--lb-accent-soft);--sk-glow:var(--lb-glow);--sk-grad:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))}
/* The home page uses the shared picker too; its old <select> stays in the DOM (scripts reference it) but is hidden. */
html.lb11-index #skinPicker,html.lb11-index .skin-picker select{display:none!important}

/* ==========================================================================
   CLASSIC GAME (index.php) — PrizePicks-style card system, same language as
   Pick 3: one showcase card per screen (dark, glowing, big numbers), light
   rows for choices, a floating slip for the entry, pill chips for state.
========================================================================== */
html.lb11-index{--pp-r:18px;--pp-r-sm:12px}
html.lb11-index .live-hero,html.lb11-index .match-header{
  --ink:#fff;--ink-dim:#e6e3f0;--ink-mute:#b3aec7;--line:rgba(255,255,255,.14);color:#fff;
  background:radial-gradient(420px 260px at 100% 0%,rgba(var(--lb-accent-rgb),.34),transparent 70%),radial-gradient(360px 240px at 0% 100%,color-mix(in srgb,var(--lb-second) 42%,transparent),transparent 70%),linear-gradient(160deg,#1a1c26,#0a0b12)!important;
  border:1px solid rgba(var(--lb-accent-rgb),.3)!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(0,0,0,.35)!important}
html.lb11-index .live-hero *,html.lb11-index .match-header *{border-color:rgba(255,255,255,.14)}
html.lb11-index .live-hero-score,html.lb11-index .match-header .score,html.lb11-index .match-team b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#fff}
html.lb11-index .live-hero-eyebrow{color:var(--lb-accent-2)!important;letter-spacing:.14em}
html.lb11-index .live-hero-cta,html.lb11-index .live-hero .btn{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)!important;border:0!important}
html.lb11-index .team-crest,html.lb11-index .team-crest-lg,html.lb11-index .team-crest-sm{background:rgba(255,255,255,.06);border:1.5px solid rgba(var(--lb-accent-rgb),.55);color:var(--lb-accent-2);font-variant-numeric:tabular-nums}

/* Match cards — clean, one accent stripe, status pill, lift on hover */
html.lb11-index .stripe-card,html.lb11-index .match-card{background:var(--lb-surface)!important;border:1px solid var(--lb-line)!important;border-radius:var(--pp-r)!important;box-shadow:var(--lb-shadow);transition:transform .2s var(--lb-ease),box-shadow .2s var(--lb-ease),border-color .2s}
html.lb11-index .stripe-card:hover,html.lb11-index .match-card:hover{transform:translateY(-2px);border-color:rgba(var(--lb-accent-rgb),.45)!important;box-shadow:0 0 0 1px rgba(var(--lb-accent-rgb),.3),var(--lb-shadow)}
html.lb11-index .stripe-card::before{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2),var(--lb-second))!important}
html.lb11-index .stripe-body h4{font-weight:800;letter-spacing:-.01em}
html.lb11-index .stripe-status{border-radius:999px!important;font-weight:800;letter-spacing:.08em}

/* Player pick rows — the PrizePicks list: avatar · name/role · big number · round add button */
html.lb11-index .player-row{background:var(--lb-surface)!important;border:1px solid var(--lb-line)!important;border-radius:var(--pp-r-sm)!important;margin-bottom:8px;padding:10px 12px!important;transition:border-color .15s,background-color .15s,transform .15s var(--lb-ease)}
html.lb11-index .player-row:active{transform:scale(.99)}
html.lb11-index .player-row.selected,html.lb11-index .player-row.is-selected,html.lb11-index .player-row[aria-selected="true"]{border-color:var(--lb-accent)!important;background:var(--lb-accent-soft)!important;box-shadow:inset 3px 0 0 var(--lb-accent)}
html.lb11-index .player-row .player-avatar{background:linear-gradient(135deg,var(--lb-accent),var(--lb-second));color:#fff;font-weight:800}
html.lb11-index .player-row .credit,html.lb11-index .player-row .pts,html.lb11-index .player-row [class*="credit"]{font-variant-numeric:tabular-nums;font-weight:800;color:var(--lb-accent-ink)}
html.lb11-index .role-chip{border-radius:999px!important;background:var(--lb-surface-2)!important;color:var(--lb-ink-2)!important;border:1px solid var(--lb-line)!important;font-weight:800;letter-spacing:.06em}
html.lb11-index .role-chip.active,html.lb11-index .role-chip.on,html.lb11-index .role-chip[aria-pressed="true"]{background:var(--lb-accent)!important;color:var(--lb-on-accent)!important;border-color:var(--lb-accent)!important}
html.lb11-index .credit-gauge i,html.lb11-index .credit-gauge .fill{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important}

/* Floating entry slip — dark showcase tray, like Pick 3 */
html.lb11-index .slip-bar{--ink:#fff;--ink-dim:#e6e3f0;--ink-mute:#b3aec7;color:#fff;background:linear-gradient(165deg,#1a1c26,#0a0b12)!important;border:1px solid rgba(var(--lb-accent-rgb),.32)!important;border-radius:20px!important;box-shadow:0 18px 44px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.lb11-index .slip-chip{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:10px!important}
html.lb11-index .slip-cta{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;box-shadow:var(--lb-glow)!important;border:0!important}

/* Result cards — My Teams / My Contests / contest list */
html.lb11-index .team-card,html.lb11-index .entry-card,html.lb11-index .contest-card{background:var(--lb-surface)!important;border:1px solid var(--lb-line)!important;border-radius:var(--pp-r)!important;box-shadow:var(--lb-shadow)!important}
html.lb11-index .team-card.done{border-style:solid!important;border-color:rgba(var(--lb-accent-rgb),.28)!important}
html.lb11-index .team-card .mono,html.lb11-index .entry-card .mono{font-variant-numeric:tabular-nums}
html.lb11-index .team-pill{border-radius:var(--pp-r-sm)!important;background:var(--lb-surface-2)!important;border:1px solid var(--lb-line)!important}
html.lb11-index .won-pill{background:rgba(34,197,94,.14)!important;color:#16a34a!important}
html.lb11-index[data-theme="dark"] .won-pill{color:#6ee7a8!important}
html.lb11-index .btn-red-jersey{background:linear-gradient(90deg,#e11d48,#fb7185)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(225,29,72,.35)!important}
html.lb11-index .claim-timer{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 9px;border-radius:999px;font:800 11px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;background:rgba(225,29,72,.12);color:#e11d48;white-space:nowrap}
html.lb11-index[data-theme="dark"] .claim-timer{color:#fb7185}

/* Phones: the signed-in header (toggle · bell · colour · rewards bar · rank ·
   logout) was 474px wide in a 390px screen — the page panned sideways on
   iPhone. The rewards bar also lives on the home page, so it steps out of the
   header here; Logout gets compact. */
@media (max-width:520px){
  html.lb11-index .util-actions .reward-progress{display:none!important}
  html.lb11-index .util-actions{gap:6px!important;min-width:0}
  html.lb11-index #logoutBtn{padding:0 10px!important;min-height:34px;font-size:12px}
  html.lb11-index .util-bar-inner{gap:8px;min-width:0}
}
html.lb11-index body{overflow-x:clip}

/* Showcase card must win over every skin's older component rules
   (some light skins painted it pale while text stayed white). */
html.lb11-index[data-skin][data-theme] .live-hero,
html.lb11-index[data-skin][data-theme] .match-header{
  background:radial-gradient(420px 260px at 100% 0%,rgba(var(--lb-accent-rgb),.34),transparent 70%),radial-gradient(360px 240px at 0% 100%,color-mix(in srgb,var(--lb-second) 42%,transparent),transparent 70%),linear-gradient(160deg,#1a1c26,#0a0b12)!important;color:#fff!important}
html.lb11-index[data-skin][data-theme] .live-hero-inner,
html.lb11-index[data-skin][data-theme] .live-hero .card{background:transparent!important;border:0!important;box-shadow:none!important}
html.lb11-index[data-skin][data-theme] .live-hero :is(h1,h2,h3,h4,b,strong,.live-hero-score,.live-hero-team,.live-hero-teams,.live-hero-vs,.live-hero-meta,span,div,small){color:inherit}
html.lb11-index[data-skin][data-theme] .live-hero .live-hero-meta,html.lb11-index[data-skin][data-theme] .live-hero small{color:#c9c5d8!important}
html.lb11-index[data-skin][data-theme] .live-hero .live-hero-score{color:#fff!important;background:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;font-family:inherit!important;letter-spacing:-.01em;font-size:clamp(19px,5.5vw,38px)!important;line-height:1.15}
html.lb11-index[data-skin][data-theme] .live-hero .live-hero-eyebrow{color:var(--lb-accent-2)!important}
html.lb11-index[data-skin][data-theme] .live-hero .live-hero-meta b,html.lb11-index[data-skin][data-theme] .live-hero .live-hero-meta a{color:var(--lb-accent-2)!important}

/* The glow layer inside the card washed light skins pale — one soft accent glow for every skin. */
html.lb11-index[data-skin][data-theme] .live-hero-glow{background:radial-gradient(520px 320px at 12% -10%,rgba(var(--lb-accent-rgb),.26),transparent 65%)!important;mix-blend-mode:normal!important;opacity:1!important}

/* Green's older skin boxed the scores; match the other skins. */
html.lb11-index[data-skin="green"][data-theme] .live-hero *:not(.team-crest):not(.btn):not(.live-dot-lg):not(.live-hero-glow):not(.live-hero-cta){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
/* Tablets in portrait (iPad 768–900px): the signed-in header still ran 26px wide. */
@media (min-width:521px) and (max-width:900px){
  html.lb11-index .util-actions .reward-progress{max-width:150px;min-width:0;overflow:hidden}
  html.lb11-index .util-actions .reward-progress *{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.lb11-index .util-actions{gap:8px!important;min-width:0}
}
/* Tablets: 8 tabs don't fit — swipeable tab row with a fade hint (no page overflow). */
@media (max-width:1100px){
  html.lb11-index .nav-strip-inner{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  html.lb11-index .nav-strip-inner::-webkit-scrollbar{display:none}
  html.lb11-index .nav-strip-inner>*{flex:0 0 auto}
  html.lb11-index .nav-strip{max-width:100vw;overflow:hidden}
}

/* ==========================================================================
   LANGUAGE — very visible हिंदी / EN toggle, first-visit chooser, and Hindi
   typography (Devanagari breaks with letter-spacing; needs a little more
   line height for the shirorekha and matras).
========================================================================== */
.lb-lang{display:inline-flex}
.lb-lang-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;height:40px;padding:0 12px;border-radius:12px;cursor:pointer;
  border:1.5px solid var(--lb-accent,#f59e0b);background:var(--lb-accent-soft,rgba(245,158,11,.13));color:var(--lb-accent-ink,#b45309);line-height:1;transition:transform .15s var(--lb-ease,ease-out),background-color .2s}
.lb-lang-btn:active{transform:scale(.96)}
.lb-lang-btn:hover{background:rgba(var(--lb-accent-rgb,245,158,11),.22)}
.lb-lang-main{font:800 15px/1 "Noto Sans Devanagari",system-ui,sans-serif}
.lb-lang-sub{font:700 8.5px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:3px}
.lb-lang-btn.is-hi .lb-lang-main{font-family:system-ui,sans-serif;letter-spacing:.04em}
@media (max-width:420px){.lb-lang-btn{min-width:48px;padding:0 8px;height:36px}.lb-lang-sub{display:none}}

#lb11-lang-sheet{position:fixed;inset:0;z-index:9999;display:grid;place-items:end center;background:rgba(5,6,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lbFade .2s ease-out}
#lb11-lang-sheet.out{opacity:0;transition:opacity .18s ease-out}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
.lb-ls-card{width:min(460px,100%);margin:0 0 env(safe-area-inset-bottom,0);padding:22px 18px 18px;border-radius:24px 24px 0 0;background:var(--lb-surface,#1c1f29);color:var(--lb-ink,#e0e2ef);border:1px solid var(--lb-line,#2a2d38);box-shadow:0 -18px 50px rgba(0,0,0,.35);animation:lbSheetUp .26s cubic-bezier(.23,1,.32,1)}
@media (min-width:700px){#lb11-lang-sheet{place-items:center}.lb-ls-card{border-radius:24px;margin:0}}
@keyframes lbSheetUp{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
.lb-ls-kicker{font:800 11px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lb-accent-ink,#ffc174)}
.lb-ls-card h2{font:800 24px/1.2 system-ui,sans-serif;margin:8px 0 16px}
.lb-ls-card h2 span{display:block;font:700 18px/1.5 "Noto Sans Devanagari",system-ui,sans-serif;color:var(--lb-ink-2,#d8c3ad);margin-top:2px}
.lb-ls-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;margin-bottom:10px;padding:14px 16px;border-radius:16px;cursor:pointer;text-align:left;
  background:var(--lb-surface-2,#272a34);border:1.5px solid var(--lb-line,#2a2d38);color:var(--lb-ink,#e0e2ef);transition:transform .15s cubic-bezier(.23,1,.32,1),border-color .2s}
.lb-ls-opt:active{transform:scale(.98)}
.lb-ls-opt:hover{border-color:var(--lb-accent,#f59e0b)}
.lb-ls-opt b{font:800 18px/1.3 system-ui,sans-serif}
.lb-ls-opt.hi b{font-family:"Noto Sans Devanagari",system-ui,sans-serif;font-size:22px}
.lb-ls-opt small{font:600 12.5px/1.45 "Noto Sans Devanagari",system-ui,sans-serif;color:var(--lb-ink-3,#a08e7a)}
.lb-ls-opt.hi{border-color:var(--lb-accent,#f59e0b);background:var(--lb-accent-soft,rgba(245,158,11,.13))}
.lb-ls-note{font:500 12px/1.5 system-ui,sans-serif;color:var(--lb-ink-3,#a08e7a);margin:6px 2px 0}

/* Hindi typography */
html.lb11-hi body{font-family:"Noto Sans Devanagari",var(--lb-font-latin,inherit),system-ui,sans-serif}
html.lb11-hi :is(h1,h2,h3,h4,h5,b,strong,button,.btn,label,small,span,p,a,div,li){letter-spacing:normal!important}
html.lb11-hi :is(h1,h2,h3,h4){line-height:1.35!important}
html.lb11-hi :is(p,li,small){line-height:1.6}
html.lb11-hi .ms,html.lb11-hi .material-symbols-outlined{font-family:"Material Symbols Outlined"!important}
/* Phones: the logo carries the brand; the text wordmark was squeezed to one letter
   once the हिंदी / EN button joined the header. */
@media (max-width:560px){html.lb11-index .brand-text{display:none!important}html.lb11-index .util-bar-inner{gap:6px}html.lb11-index .util-actions{gap:5px!important}}
@media (max-width:900px){html.lb11-index .brand-text{display:none!important}}

/* ==========================================================================
   PICK 3 — "understand in 3 seconds": 3 short lines → 1·2·3 steps → role
   filter → player cards. Icons use the site icon font (consistent on every
   phone, follows the colour theme) instead of emoji.
========================================================================== */
html.lb11-pick3 .ms{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:18px;line-height:1;display:inline-block;width:1em;overflow:hidden;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 1,"wght" 500;vertical-align:-3px;flex:0 0 auto}
html.lb11-pick3 .p3-how{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
html.lb11-pick3 .p3-how li{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.02rem;line-height:1.3;color:#fff}
html.lb11-pick3 .p3-how li .ms{width:30px;height:30px;font-size:17px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--lb-accent-rgb),.18);color:var(--lb-accent-2)}
html.lb11-pick3 .p3-how li:last-child span:last-child{color:var(--lb-accent-2)}
html.lb11-pick3 .p3-trust{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 11px;border-radius:999px;background:rgba(34,197,94,.14);color:#86efac;font-weight:700;font-size:.78rem}
html.lb11-pick3 .p3-trust .ms{font-size:15px}
html.lb11-pick3 .p3-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:none}
html.lb11-pick3 .p3-steps li{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 10px 11px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-align:left}
html.lb11-pick3 .p3-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.72rem;background:rgba(255,255,255,.14);color:#fff;margin-bottom:4px}
html.lb11-pick3 .p3-steps b{font-size:.92rem;font-weight:900;color:#fff;line-height:1.2}
html.lb11-pick3 .p3-steps span{font-size:.74rem;font-weight:700;color:#c9c5d8}
html.lb11-pick3 .p3-steps li.win{background:linear-gradient(160deg,rgba(var(--lb-accent-rgb),.28),rgba(var(--lb-accent-rgb),.10));border-color:rgba(var(--lb-accent-rgb),.55)}
html.lb11-pick3 .p3-steps li.win i{background:var(--lb-accent);color:var(--lb-on-accent)}
html.lb11-pick3 .p3-steps li.win span{color:var(--lb-accent-2)}
html.lb11-pick3 .p3-steps li:not(:last-child)::after{content:"›";position:absolute;right:-8px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4);font-weight:900;z-index:1}
html.lb11-pick3 .hero-rule{display:none}
html.lb11-pick3 .p3-filter-h{display:flex;align-items:center;gap:6px;margin:18px 2px 8px;font-weight:800;font-size:.84rem;color:var(--lb-ink)}
html.lb11-pick3 .p3-filter-h .ms{color:var(--lb-accent-ink)}
html.lb11-pick3 .p3-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px}
html.lb11-pick3 .p3-filters::-webkit-scrollbar{display:none}
html.lb11-pick3 .p3-filters button{display:inline-flex!important;align-items:center;gap:6px;flex:0 0 auto;min-height:44px;padding:0 15px!important;border-radius:999px!important;font-weight:800!important;font-size:.88rem!important;
  background:var(--lb-surface-2)!important;color:var(--lb-ink)!important;border:1.5px solid var(--lb-surface-3)!important;box-shadow:none!important;transition:transform .15s var(--lb-ease),background-color .2s,border-color .2s}
html.lb11-pick3[data-theme="light"] .p3-filters button{background:#fff!important;border-color:var(--lb-line)!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important}
html.lb11-pick3 .p3-filters button .ms{color:var(--lb-accent-ink)}
html.lb11-pick3 .p3-filters button[aria-pressed="true"]{background:linear-gradient(90deg,var(--lb-accent),var(--lb-accent-2))!important;color:var(--lb-on-accent)!important;border-color:transparent!important;box-shadow:0 6px 18px rgba(var(--lb-accent-rgb),.42)!important}
html.lb11-pick3 .p3-filters button[aria-pressed="true"] .ms{color:var(--lb-on-accent)}
html.lb11-pick3 .p3-filters button:active{transform:scale(.97)}
@media (max-width:380px){html.lb11-pick3 .p3-steps b{font-size:.84rem}html.lb11-pick3 .p3-steps li{padding:10px 8px}}