/* ══════════════════════════════════════════════════════════════════════
   LuckyBharat11 · PRO design system  (desktop-first, 2026-09-29)
   Cricket-broadcast + enterprise-sports + championship.
   Palette: warm ivory · near-black · championship gold · deep gold · sports green.

   Every class is prefixed  lp-  and every token  --lp-  so this file can sit
   next to the legacy skins (lb11-skins / arena / cosmic) without collisions.
   Modules are independent: delete a block and the rest keeps working.
   ══════════════════════════════════════════════════════════════════════ */
/* ══════════ TOKENS — 5 skins × light/dark ═════════════════════════════════════
   html[data-skin="arena|gold|red|cosmic|green"] + html[data-theme="dark|light"].
   Same keys the main site already uses (localStorage lb11-skin / lb11-theme).
   A developer re-colours a skin by editing ONLY its two blocks below.
   --lp-gold* is historical naming: it is the skin's ACCENT (blue, gold, red, lime, green).
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --lp-green:#12A05A; --lp-green-hi:#22C56E; --lp-red:#E0413A; --lp-blue:var(--lp-under);
  --lp-under-hi:color-mix(in srgb,var(--lp-under) 68%,#fff);
  --lp-foil:linear-gradient(115deg,var(--lp-gold-hi) 0%,var(--lp-gold) 46%,color-mix(in srgb,var(--lp-gold) 74%,var(--lp-gold-deep)) 100%);
  --lp-r:8px; --lp-r-lg:14px; --lp-r-xl:20px;
  --lp-out:cubic-bezier(.23,1,.32,1); --lp-inout:cubic-bezier(.77,0,.175,1); --lp-ease:var(--lp-out);
  --lp-font:'Manrope','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --lp-head:'Big Shoulders Display','Barlow Condensed','Arial Narrow','Roboto Condensed','DejaVu Sans Condensed','Noto Sans Devanagari','Manrope',system-ui,sans-serif;
  --lp-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --lp-max:1360px; --lp-gut:clamp(16px,3.2vw,40px);
}
html[data-skin="arena"][data-theme="dark"]{
  --lp-night:#070B14; --lp-night-2:#0B1220; --lp-night-3:#111A2E; --lp-night-line:#1E2B47;
  --lp-on-night:#EAF0FF; --lp-on-night-2:#B4C0DB; --lp-on-night-3:#8494B6; --lp-glow2-rgb:61,139,255;
  --lp-gold:#3D8BFF; --lp-gold-hi:#8CC0FF; --lp-gold-deep:#1B4FB8; --lp-gold-ink:#041028; --lp-gold-text:#8CC0FF;
  --lp-acc-rgb:61,139,255; --lp-acc2-rgb:140,192,255; --lp-under:#B08CFF; --lp-under-rgb:176,140,255;
  --lp-bg:#070B14; --lp-bg-2:#0B1220; --lp-surface:#0F1729; --lp-surface-2:#16213A; --lp-line:#1E2B47; --lp-line-2:#2D3E63;
  --lp-ink:#EEF3FF; --lp-ink-2:#B4C0DB; --lp-ink-3:#8090B2; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="arena"][data-theme="light"]{
  --lp-night:#070B14; --lp-night-2:#0B1220; --lp-night-3:#111A2E; --lp-night-line:#1E2B47;
  --lp-on-night:#EAF0FF; --lp-on-night-2:#B4C0DB; --lp-on-night-3:#8494B6; --lp-glow2-rgb:61,139,255;
  --lp-gold:#1F5FE0; --lp-gold-hi:#6BA1FF; --lp-gold-deep:#123C97; --lp-gold-ink:#FFFFFF; --lp-gold-text:#1B4FB8;
  --lp-acc-rgb:31,95,224; --lp-acc2-rgb:107,161,255; --lp-under:#7A4FE0; --lp-under-rgb:122,79,224;
  --lp-bg:#EDF1F9; --lp-bg-2:#E3E9F5; --lp-surface:#FFFFFF; --lp-surface-2:#F4F7FD; --lp-line:#D9E1F1; --lp-line-2:#C1CDE6;
  --lp-ink:#0A1226; --lp-ink-2:#37436A; --lp-ink-3:#5D6B94; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="gold"][data-theme="dark"]{
  --lp-night:#0B0A07; --lp-night-2:#12100B; --lp-night-3:#1A170F; --lp-night-line:#2A2618;
  --lp-on-night:#F6F1E4; --lp-on-night-2:#CFC6AC; --lp-on-night-3:#A39A7E; --lp-glow2-rgb:212,175,55;
  --lp-gold:#D4AF37; --lp-gold-hi:#F4D876; --lp-gold-deep:#8F6F1F; --lp-gold-ink:#1E1602; --lp-gold-text:#F4D876;
  --lp-acc-rgb:212,175,55; --lp-acc2-rgb:244,216,118; --lp-under:#C7CDD9; --lp-under-rgb:199,205,217;
  --lp-bg:#0B0A07; --lp-bg-2:#12100B; --lp-surface:#14120C; --lp-surface-2:#1D1A10; --lp-line:#2A2618; --lp-line-2:#3A3520;
  --lp-ink:#F6F1E4; --lp-ink-2:#CFC6AC; --lp-ink-3:#9A9077; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="gold"][data-theme="light"]{
  --lp-night:#0B0A07; --lp-night-2:#12100B; --lp-night-3:#1A170F; --lp-night-line:#2A2618;
  --lp-on-night:#F6F1E4; --lp-on-night-2:#CFC6AC; --lp-on-night-3:#A39A7E; --lp-glow2-rgb:212,175,55;
  --lp-gold:#C99A2E; --lp-gold-hi:#F3D677; --lp-gold-deep:#8E6A12; --lp-gold-ink:#231A02; --lp-gold-text:#8E6A12;
  --lp-acc-rgb:201,154,46; --lp-acc2-rgb:243,214,119; --lp-under:#5C5F66; --lp-under-rgb:92,95,102;
  --lp-bg:#F6F1E4; --lp-bg-2:#EFE8D6; --lp-surface:#FFFDF6; --lp-surface-2:#F8F3E5; --lp-line:#E4DBC3; --lp-line-2:#D3C7A6;
  --lp-ink:#12100A; --lp-ink-2:#4C4638; --lp-ink-3:#736B57; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="red"][data-theme="dark"]{
  --lp-night:#0C0809; --lp-night-2:#140D0F; --lp-night-3:#1D1216; --lp-night-line:#2E1A1F;
  --lp-on-night:#F9EFF1; --lp-on-night-2:#D8C2C7; --lp-on-night-3:#A58B92; --lp-glow2-rgb:224,38,61;
  --lp-gold:#E0263D; --lp-gold-hi:#FF6B7A; --lp-gold-deep:#8C0F22; --lp-gold-ink:#FFFFFF; --lp-gold-text:#FF6B7A;
  --lp-acc-rgb:224,38,61; --lp-acc2-rgb:255,107,122; --lp-under:#C7CDD9; --lp-under-rgb:199,205,217;
  --lp-bg:#0C0809; --lp-bg-2:#140D0F; --lp-surface:#150E10; --lp-surface-2:#1F1518; --lp-line:#2E1A1F; --lp-line-2:#43272D;
  --lp-ink:#FBF1F3; --lp-ink-2:#D8C2C7; --lp-ink-3:#A58B92; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="red"][data-theme="light"]{
  --lp-night:#0C0809; --lp-night-2:#140D0F; --lp-night-3:#1D1216; --lp-night-line:#2E1A1F;
  --lp-on-night:#F9EFF1; --lp-on-night-2:#D8C2C7; --lp-on-night-3:#A58B92; --lp-glow2-rgb:224,38,61;
  --lp-gold:#C41230; --lp-gold-hi:#E63950; --lp-gold-deep:#7A0A1D; --lp-gold-ink:#FFFFFF; --lp-gold-text:#B0102B;
  --lp-acc-rgb:196,18,48; --lp-acc2-rgb:230,57,80; --lp-under:#4B5563; --lp-under-rgb:75,85,99;
  --lp-bg:#F8F1F1; --lp-bg-2:#F0E5E6; --lp-surface:#FFFFFF; --lp-surface-2:#FBF4F4; --lp-line:#EBDDDF; --lp-line-2:#DBC4C8;
  --lp-ink:#1B0D10; --lp-ink-2:#4E3A3F; --lp-ink-3:#77626A; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="cosmic"][data-theme="dark"]{
  --lp-night:#07051A; --lp-night-2:#0C0A24; --lp-night-3:#141033; --lp-night-line:#2A2358;
  --lp-on-night:#F3F0FF; --lp-on-night-2:#CFC9F0; --lp-on-night-3:#978FC4; --lp-glow2-rgb:168,85,247;
  --lp-gold:#B7FF32; --lp-gold-hi:#D9FF8E; --lp-gold-deep:#6D9E10; --lp-gold-ink:#10200A; --lp-gold-text:#D9FF8E;
  --lp-acc-rgb:183,255,50; --lp-acc2-rgb:217,255,142; --lp-under:#38D7FF; --lp-under-rgb:56,215,255;
  --lp-bg:#07051A; --lp-bg-2:#0C0A24; --lp-surface:#120E2C; --lp-surface-2:#1B1640; --lp-line:#2A2358; --lp-line-2:#3F3580;
  --lp-ink:#F5F2FF; --lp-ink-2:#D3CEF3; --lp-ink-3:#9C96C8; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="cosmic"][data-theme="light"]{
  --lp-night:#07051A; --lp-night-2:#0C0A24; --lp-night-3:#141033; --lp-night-line:#2A2358;
  --lp-on-night:#F3F0FF; --lp-on-night-2:#CFC9F0; --lp-on-night-3:#978FC4; --lp-glow2-rgb:168,85,247;
  --lp-gold:#7C3AED; --lp-gold-hi:#A26BFF; --lp-gold-deep:#4C1D95; --lp-gold-ink:#FFFFFF; --lp-gold-text:#6D28D9;
  --lp-acc-rgb:124,58,237; --lp-acc2-rgb:162,107,255; --lp-under:#0891B2; --lp-under-rgb:8,145,178;
  --lp-bg:#F2EFFB; --lp-bg-2:#E9E3F8; --lp-surface:#FFFFFF; --lp-surface-2:#F0EBFB; --lp-line:#E0D8F6; --lp-line-2:#CBBFEE;
  --lp-ink:#180E36; --lp-ink-2:#453768; --lp-ink-3:#6B5B95; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="green"][data-theme="dark"]{
  --lp-night:#060E09; --lp-night-2:#0B1610; --lp-night-3:#12211A; --lp-night-line:#20362A;
  --lp-on-night:#ECF7F0; --lp-on-night-2:#B7CFC1; --lp-on-night-3:#84A092; --lp-glow2-rgb:34,197,94;
  --lp-gold:#22C55E; --lp-gold-hi:#6EE7A0; --lp-gold-deep:#0F5132; --lp-gold-ink:#04140A; --lp-gold-text:#6EE7A0;
  --lp-acc-rgb:34,197,94; --lp-acc2-rgb:110,231,160; --lp-under:#F5B942; --lp-under-rgb:245,185,66;
  --lp-bg:#060E09; --lp-bg-2:#0B1610; --lp-surface:#0E1A14; --lp-surface-2:#15271E; --lp-line:#20362A; --lp-line-2:#2E4E3C;
  --lp-ink:#F1FAF4; --lp-ink-2:#C5D9CC; --lp-ink-3:#8FA79A; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html[data-skin="green"][data-theme="light"]{
  --lp-night:#060E09; --lp-night-2:#0B1610; --lp-night-3:#12211A; --lp-night-line:#20362A;
  --lp-on-night:#ECF7F0; --lp-on-night-2:#B7CFC1; --lp-on-night-3:#84A092; --lp-glow2-rgb:34,197,94;
  --lp-gold:#15803D; --lp-gold-hi:#22C55E; --lp-gold-deep:#0B4A22; --lp-gold-ink:#FFFFFF; --lp-gold-text:#146B34;
  --lp-acc-rgb:21,128,61; --lp-acc2-rgb:34,197,94; --lp-under:#B7791F; --lp-under-rgb:183,121,31;
  --lp-bg:#F0F6F1; --lp-bg-2:#E6F0E8; --lp-surface:#FFFFFF; --lp-surface-2:#EAF3EC; --lp-line:#DCE9DF; --lp-line-2:#C3D8C8;
  --lp-ink:#0B1F13; --lp-ink-2:#33493A; --lp-ink-3:#5A7262; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
/* fallback when html has no data-skin: behave as arena */
html:not([data-skin])[data-theme="dark"]{
  --lp-night:#070B14; --lp-night-2:#0B1220; --lp-night-3:#111A2E; --lp-night-line:#1E2B47;
  --lp-on-night:#EAF0FF; --lp-on-night-2:#B4C0DB; --lp-on-night-3:#8494B6; --lp-glow2-rgb:61,139,255;
  --lp-gold:#3D8BFF; --lp-gold-hi:#8CC0FF; --lp-gold-deep:#1B4FB8; --lp-gold-ink:#041028; --lp-gold-text:#8CC0FF;
  --lp-acc-rgb:61,139,255; --lp-acc2-rgb:140,192,255; --lp-under:#B08CFF; --lp-under-rgb:176,140,255;
  --lp-bg:#070B14; --lp-bg-2:#0B1220; --lp-surface:#0F1729; --lp-surface-2:#16213A; --lp-line:#1E2B47; --lp-line-2:#2D3E63;
  --lp-ink:#EEF3FF; --lp-ink-2:#B4C0DB; --lp-ink-3:#8090B2; --lp-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 44px -18px rgba(0,0,0,.65); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html:not([data-skin])[data-theme="light"]{
  --lp-night:#070B14; --lp-night-2:#0B1220; --lp-night-3:#111A2E; --lp-night-line:#1E2B47;
  --lp-on-night:#EAF0FF; --lp-on-night-2:#B4C0DB; --lp-on-night-3:#8494B6; --lp-glow2-rgb:61,139,255;
  --lp-gold:#1F5FE0; --lp-gold-hi:#6BA1FF; --lp-gold-deep:#123C97; --lp-gold-ink:#FFFFFF; --lp-gold-text:#1B4FB8;
  --lp-acc-rgb:31,95,224; --lp-acc2-rgb:107,161,255; --lp-under:#7A4FE0; --lp-under-rgb:122,79,224;
  --lp-bg:#EDF1F9; --lp-bg-2:#E3E9F5; --lp-surface:#FFFFFF; --lp-surface-2:#F4F7FD; --lp-line:#D9E1F1; --lp-line-2:#C1CDE6;
  --lp-ink:#0A1226; --lp-ink-2:#37436A; --lp-ink-3:#5D6B94; --lp-shadow:0 1px 2px rgba(20,16,8,.05),0 10px 28px -12px rgba(20,16,8,.14); --lp-glow:0 0 0 1px rgba(var(--lp-acc-rgb),.28),0 10px 34px -8px rgba(var(--lp-acc-rgb),.35);
}
html:not([data-theme]):not([data-skin]){--lp-night:#070B14;--lp-gold:#3D8BFF;--lp-acc-rgb:61,139,255;--lp-acc2-rgb:140,192,255;--lp-under-rgb:176,140,255}

/* ── page shell ─────────────────────────────────────────────────────── */
.lp-body{margin:0;background:var(--lp-bg);color:var(--lp-ink);font:500 15px/1.55 var(--lp-font);-webkit-font-smoothing:antialiased;min-height:100vh}
.lp-body *{box-sizing:border-box}
.lp-body :where(a){color:inherit}
.lp-body :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.lp-body [hidden]{display:none!important}
.lp-wrap{width:100%;max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-gut)}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.lp-foil{background:var(--lp-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-muted{color:var(--lp-ink-3)}
.lp-body :focus-visible{outline:2.5px solid var(--lp-gold);outline-offset:2px;border-radius:8px}

/* ── top bar (always near-black: broadcast look) ────────────────────── */
.lp-top{position:sticky;top:0;z-index:60;background:var(--lp-night);color:var(--lp-on-night);border-bottom:1px solid var(--lp-night-line)}
.lp-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lp-foil);opacity:.9}
.lp-top-row{display:flex;align-items:center;gap:28px;height:68px}
.lp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.lp-brand img{height:38px;width:auto;display:block}
.lp-brand b{display:block;font:800 15px/1.05 var(--lp-head);letter-spacing:.06em}
.lp-brand b i{font-style:normal;color:var(--lp-gold-hi)}
.lp-brand span{display:block;font:700 9.5px/1.2 var(--lp-font);letter-spacing:.2em;text-transform:uppercase;color:var(--lp-on-night-3);margin-top:3px}
.lp-nav{display:flex;align-items:stretch;gap:4px;height:100%;flex:1;min-width:0}
.lp-nav a{position:relative;display:flex;align-items:center;gap:8px;padding:0 16px;font:800 12px/1 var(--lp-font);letter-spacing:.13em;text-transform:uppercase;color:var(--lp-on-night-3);text-decoration:none;white-space:nowrap;transition:color .18s}
.lp-nav a svg{width:17px;height:17px;flex-shrink:0}
.lp-nav a:hover{color:#fff}
.lp-nav a[aria-current="page"]{color:var(--lp-gold-hi)}
.lp-nav a[aria-current="page"]::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--lp-foil)}
.lp-nav .lp-dot{width:7px;height:7px;border-radius:50%;background:var(--lp-green-hi);box-shadow:0 0 10px var(--lp-green-hi)}
.lp-top-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.lp-chip{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 14px 0 8px;border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);text-decoration:none;color:var(--lp-on-night)}
.lp-chip .lp-mini-crest{width:28px;height:28px}
.lp-chip small{display:block;font:700 9px/1 var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-on-night-3)}
.lp-chip b{display:block;font:800 14px/1.15 var(--lp-font)}
.lp-chip.gold b{color:var(--lp-gold-hi)}
.lp-chip.plain{padding:0 14px}
.lp-icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);display:grid;place-items:center;color:var(--lp-on-night-2);flex-shrink:0}
.lp-icon-btn svg{width:18px;height:18px}
.lp-icon-btn:hover{color:var(--lp-gold-hi);border-color:var(--lp-night-line)}
.lp-strip{background:linear-gradient(90deg,#0E8A4A,#0b7a41);color:#EAFBF1;font:800 11px/1 var(--lp-font);letter-spacing:.14em;text-transform:uppercase}
.lp-strip .lp-wrap{display:flex;align-items:center;justify-content:center;gap:10px;height:30px}
.lp-strip .sep{opacity:.5}
.lp-menu-btn{display:none}

/* ── buttons / tags / bars ──────────────────────────────────────────── */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:13px;font:800 13px/1 var(--lp-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .15s var(--lp-ease),box-shadow .2s,opacity .2s,background .2s;white-space:nowrap}
.lp-btn:active{transform:scale(.985)}
.lp-btn.gold{background:var(--lp-foil);color:var(--lp-gold-ink);box-shadow:0 10px 26px rgba(var(--lp-acc-rgb),.32)}
.lp-btn.gold:hover{box-shadow:0 14px 34px rgba(var(--lp-acc-rgb),.44)}
.lp-btn.dark{background:var(--lp-night);color:var(--lp-gold-hi);border:1px solid var(--lp-night-line)}
.lp-btn.ghost{background:transparent;border:1.5px solid var(--lp-line-2);color:var(--lp-ink)}
.lp-btn.ghost:hover{border-color:var(--lp-gold)}
.lp-btn.green{background:var(--lp-green);color:#fff}
.lp-btn.block{width:100%}
.lp-btn.sm{min-height:38px;padding:0 15px;font-size:11.5px;border-radius:11px}
.lp-btn[disabled],.lp-btn[aria-disabled="true"]{opacity:.42;pointer-events:none;box-shadow:none}
.lp-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font:800 10px/1.2 var(--lp-font);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--lp-line-2);color:var(--lp-ink-3);background:transparent}
.lp-tag.live{color:var(--lp-green);border-color:color-mix(in srgb,var(--lp-green) 50%,transparent)}
.lp-tag.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lp-green-hi);animation:lpPulse 1.6s infinite}
.lp-tag.win{color:#fff;background:var(--lp-green);border-color:transparent}
.lp-tag.miss{color:var(--lp-red);border-color:color-mix(in srgb,var(--lp-red) 45%,transparent)}
.lp-tag.gold{color:var(--lp-gold-ink);background:var(--lp-foil);border-color:transparent}
@keyframes lpPulse{50%{transform:scale(1.6);opacity:.5}}
.lp-bar{height:10px;border-radius:99px;background:color-mix(in srgb,var(--lp-ink) 9%,transparent);overflow:hidden;position:relative}
.lp-bar>i{display:block;height:100%;width:0;border-radius:99px;background:var(--lp-foil);transition:width 1s var(--lp-ease)}
.lp-bar.green>i{background:linear-gradient(90deg,#0b7a41,var(--lp-green-hi))}
.lp-bar.thin{height:6px}

/* ── cards / layout ─────────────────────────────────────────────────── */
.lp-main{padding:28px 0 72px}
.lp-card{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:var(--lp-r-lg);box-shadow:var(--lp-shadow)}
.lp-pad{padding:22px}
.lp-eyebrow{font:800 11px/1 var(--lp-font);letter-spacing:.2em;text-transform:uppercase;color:var(--lp-gold-text)}
.lp-h2{font:800 22px/1.15 var(--lp-head);letter-spacing:-.01em;margin:6px 0 0}
.lp-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:36px 0 16px}
.lp-sec-h h2{margin:6px 0 0;font:800 24px/1.1 var(--lp-head);letter-spacing:-.015em}
.lp-sec-h a{font:800 12px var(--lp-font);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-gold-text);text-decoration:none}
.lp-cols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.lp-cols.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-sticky{position:sticky;top:96px}
.lp-empty{padding:44px 24px;text-align:center;color:var(--lp-ink-3)}
.lp-empty b{display:block;color:var(--lp-ink);font:800 17px var(--lp-head);margin-bottom:6px}
.lp-skel{height:150px;border-radius:var(--lp-r-lg);background:linear-gradient(90deg,var(--lp-surface),var(--lp-surface-2),var(--lp-surface));background-size:200% 100%;animation:lpSk 1.3s linear infinite;margin:0 0 14px}
@keyframes lpSk{to{background-position:-200% 0}}

/* ── mode switch (Pick 3 vs Traditional stay separate) ──────────────── */
.lp-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.lp-mode{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--lp-r-lg);border:1.5px solid var(--lp-line);background:var(--lp-surface);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.lp-mode:hover{border-color:var(--lp-gold);transform:translateY(-2px)}
.lp-mode .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--lp-night);color:var(--lp-gold-hi);flex-shrink:0}
.lp-mode .ic svg{width:26px;height:26px}
.lp-mode b{display:block;font:800 15px/1.2 var(--lp-head);letter-spacing:.02em}
.lp-mode span{display:block;font-size:12.5px;color:var(--lp-ink-3);margin-top:3px}
.lp-mode[aria-current="true"]{border-color:var(--lp-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-gold) 22%,transparent),var(--lp-shadow);background:linear-gradient(135deg,var(--lp-surface),var(--lp-surface-2))}
.lp-mode .go{margin-left:auto;font:800 11px var(--lp-font);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-gold-text)}

/* ── hero band ──────────────────────────────────────────────────────── */
.lp-hero{position:relative;overflow:hidden;border-radius:var(--lp-r-xl);color:var(--lp-on-night);padding:44px 48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;
  background:radial-gradient(520px 320px at 8% 0%,rgba(var(--lp-acc-rgb),.22),transparent 70%),radial-gradient(420px 300px at 100% 100%,rgba(14,138,74,.20),transparent 70%),linear-gradient(140deg,var(--lp-night-2),var(--lp-night) 70%);
  border:1px solid var(--lp-night-line);box-shadow:0 26px 70px rgba(20,14,2,.30)}
.lp-hero::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 56px)}
.lp-hero>*{position:relative}
.lp-hero .lp-eyebrow{color:var(--lp-gold-hi);display:flex;align-items:center;gap:10px}
.lp-hero .lp-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--lp-green-hi);box-shadow:0 0 14px var(--lp-green-hi);animation:lpPulse 1.8s infinite}
.lp-hero h1{margin:14px 0 10px;font:800 clamp(2.3rem,4.1vw,3.7rem)/1.02 var(--lp-head);letter-spacing:-.03em}
.lp-hero h1 span{display:block}
.lp-hero .sub{font:700 clamp(1.05rem,1.5vw,1.3rem)/1.4 var(--lp-font);color:var(--lp-on-night-2);margin:0}
.lp-hero .rule{margin:18px 0 0;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:rgba(var(--lp-acc2-rgb),.10);border:1px solid rgba(var(--lp-acc2-rgb),.35);font:800 14px/1.3 var(--lp-font);color:var(--lp-gold-hi)}
.lp-hero .rule svg{width:22px;height:22px;flex-shrink:0}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0;padding:0;list-style:none}
.lp-steps li{padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.lp-steps i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--lp-foil);color:var(--lp-gold-ink);font:800 12px var(--lp-font);font-style:normal;margin-bottom:9px}
.lp-steps b{display:block;font:800 13.5px/1.2 var(--lp-font)}
.lp-steps span{display:block;font-size:12px;color:var(--lp-on-night-3);margin-top:3px}
.lp-hero-art{background:rgba(255,255,255,.045);border:1px solid rgba(var(--lp-acc2-rgb),.22);border-radius:20px;padding:20px 22px}
.lp-hero-art .cap{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:800 11px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-gold-hi)}
.lp-hero-art .pay{display:flex;gap:10px;margin-top:16px}
.lp-hero-art .pay div{flex:1;text-align:center;padding:11px 8px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(var(--lp-acc2-rgb),.18)}
.lp-hero-art .pay b{display:block;font:800 20px var(--lp-head);color:var(--lp-gold-hi)}
.lp-hero-art .pay span{font:700 10px var(--lp-font);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-on-night-3)}

/* ── race lanes: three horizontal result lines toward a finish line ─── */
.lp-lanes{display:flex;flex-direction:column;gap:12px}
.lp-lane{position:relative;padding:14px 16px 13px;border-radius:15px;background:var(--lp-surface-2);border:1px solid var(--lp-line)}
.lp-hero-art .lp-lane{background:rgba(0,0,0,.34);border-color:rgba(var(--lp-acc2-rgb),.16);color:var(--lp-on-night)}
.lp-lane-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.lp-lane-top .who{display:flex;align-items:center;gap:10px;min-width:0}
.lp-lane-top .no{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--lp-night);color:var(--lp-gold-hi);font:800 11px var(--lp-font);flex-shrink:0}
.lp-lane-top b{font:800 14px/1.2 var(--lp-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-lane-top .pick{font:800 11px var(--lp-font);letter-spacing:.08em;color:var(--lp-gold-text);white-space:nowrap}
.lp-hero-art .lp-lane-top .pick{color:var(--lp-gold-hi)}
.lp-track{position:relative;height:16px;border-radius:99px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--lp-ink) 10%,transparent) 0 8px,transparent 8px 16px);}
.lp-hero-art .lp-track{background:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 8px,transparent 8px 16px)}
.lp-track .run{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,rgba(var(--lp-acc-rgb),.35),var(--lp-gold));transition:width 1.1s var(--lp-ease)}
.lp-track .ball{position:absolute;top:50%;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7b6b,#c8362b 60%,#7a1610);box-shadow:0 2px 8px rgba(0,0,0,.4);transition:left 1.1s var(--lp-ease)}
.lp-track .fin{position:absolute;right:-2px;top:-7px;bottom:-7px;width:14px;border-radius:3px;background:repeating-conic-gradient(var(--lp-night) 0 25%,#fff 0 50%) 0 0/7px 7px;border:1px solid var(--lp-night);opacity:.92}
.lp-lane.done .run{background:linear-gradient(90deg,#0b7a41,var(--lp-green-hi))}
.lp-lane.done .ball{background:radial-gradient(circle at 35% 30%,#7dffb3,#0E8A4A 60%,#06502a)}
.lp-lane.stop .run{background:linear-gradient(90deg,rgba(200,54,43,.35),var(--lp-red))}
.lp-lane.stop::after{content:"STOPPED";position:absolute;right:16px;bottom:-9px;padding:3px 9px;border-radius:99px;background:var(--lp-red);color:#fff;font:800 9px var(--lp-font);letter-spacing:.14em}
.lp-lane.under .run{background:linear-gradient(90deg,rgba(var(--lp-under-rgb),.35),var(--lp-blue))}
.lp-lane.under .ball{background:radial-gradient(circle at 35% 30%,var(--lp-under-hi),var(--lp-under) 60%,#14318a)}
.lp-lane.done.under .run{background:linear-gradient(90deg,#0b7a41,var(--lp-green-hi))}
.lp-lane-foot{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font:700 12px var(--lp-font);color:var(--lp-ink-3)}
.lp-hero-art .lp-lane-foot{color:var(--lp-on-night-3)}
.lp-lane-foot b{color:var(--lp-ink)}
.lp-meter{display:flex;align-items:center;gap:8px}
.lp-meter i{flex:1;height:8px;border-radius:5px;background:color-mix(in srgb,var(--lp-ink) 12%,transparent)}
.lp-meter i.on{background:linear-gradient(90deg,#0b7a41,var(--lp-green-hi))}
.lp-meter i.bad{background:var(--lp-red)}
.lp-perfect{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:14px;background:linear-gradient(100deg,rgba(14,138,74,.16),rgba(var(--lp-acc-rgb),.14));border:1px solid color-mix(in srgb,var(--lp-green) 40%,transparent);font:800 14px var(--lp-font)}
.lp-perfect.no{background:var(--lp-surface-2);border-color:var(--lp-line)}

/* ── ticket (My Games) ──────────────────────────────────────────────── */
.lp-ticket{overflow:hidden;margin-bottom:22px}
.lp-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:var(--lp-night);color:var(--lp-on-night)}
.lp-ticket-head b{font:800 13px var(--lp-font);letter-spacing:.14em;text-transform:uppercase}
.lp-ticket-head small{display:block;font:700 11.5px var(--lp-font);color:var(--lp-on-night-3);letter-spacing:.04em;margin-top:3px;text-transform:none}
.lp-ticket-body{padding:20px 22px}
.lp-ticket-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 20px;font:700 12.5px var(--lp-font);color:var(--lp-ink-3)}
.lp-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}
.lp-tabs button,.lp-tabs a{padding:10px 18px;border-radius:99px;border:1.5px solid var(--lp-line);background:var(--lp-surface);font:800 12px var(--lp-font);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink-3);text-decoration:none}
.lp-tabs [aria-pressed="true"],.lp-tabs .on{background:var(--lp-night);color:var(--lp-gold-hi);border-color:var(--lp-night)}

/* ── players + Your Line panel ──────────────────────────────────────── */
.lp-match{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:16px}
.lp-match .vs{font:800 20px/1.15 var(--lp-head);letter-spacing:-.01em}
.lp-match .meta{font:700 12px var(--lp-font);color:var(--lp-ink-3);margin-top:4px;letter-spacing:.04em}
.lp-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}
.lp-chips::-webkit-scrollbar{display:none}
.lp-chips button{flex-shrink:0;padding:9px 16px;border-radius:99px;border:1.5px solid var(--lp-line);background:var(--lp-surface);font:800 12px var(--lp-font);letter-spacing:.05em;color:var(--lp-ink-2)}
.lp-chips button[aria-pressed="true"]{background:var(--lp-night);color:var(--lp-gold-hi);border-color:var(--lp-night)}
.lp-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.lp-player{position:relative;padding:18px;border-radius:var(--lp-r-lg);background:var(--lp-surface);border:1.5px solid var(--lp-line);box-shadow:var(--lp-shadow);transition:transform .18s var(--lp-ease),border-color .18s,box-shadow .18s}
.lp-player:hover{transform:translateY(-2px);border-color:var(--lp-line-2)}
.lp-player.picked{border-color:var(--lp-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-gold) 22%,transparent),var(--lp-shadow)}
.lp-player.picked.under{border-color:var(--lp-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-blue) 20%,transparent),var(--lp-shadow)}
.lp-p-top{display:flex;align-items:center;gap:14px}
.lp-avatar{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font:800 17px var(--lp-head);color:var(--lp-gold-ink);background:var(--lp-foil);object-fit:cover;flex-shrink:0;box-shadow:inset 0 1px rgba(255,255,255,.5)}
.lp-p-who{min-width:0;flex:1}
.lp-p-who b{display:block;font:800 16px/1.2 var(--lp-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-p-who span{display:block;margin-top:3px;font:700 11px var(--lp-font);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-p-line{text-align:right;flex-shrink:0}
.lp-p-line .n{font:800 30px/1 var(--lp-head);letter-spacing:-.02em}
.lp-p-line small{display:block;margin-top:3px;font:800 9px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-ou{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.lp-ou button{min-height:48px;border-radius:12px;border:1.5px solid var(--lp-line-2);background:var(--lp-surface-2);font:800 13px var(--lp-font);letter-spacing:.09em;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .16s var(--lp-ease)}
.lp-ou .over:hover{border-color:var(--lp-gold);color:var(--lp-gold-text)}
.lp-ou .under:hover{border-color:var(--lp-blue);color:var(--lp-blue)}
.lp-ou .over[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink);border-color:transparent;box-shadow:0 8px 22px rgba(var(--lp-acc-rgb),.3)}
.lp-ou .under[aria-pressed="true"]{background:var(--lp-blue);color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(var(--lp-under-rgb),.3)}
.lp-ou button[disabled]{opacity:.4;pointer-events:none}
.lp-recent{margin-top:12px;display:flex;gap:14px;flex-wrap:wrap;font:700 11.5px var(--lp-font);color:var(--lp-ink-3)}
.lp-recent b{color:var(--lp-ink-2)}

.lp-slip{padding:22px;border-radius:var(--lp-r-xl);background:var(--lp-night);color:var(--lp-on-night);border:1px solid var(--lp-night-line);box-shadow:0 22px 60px rgba(20,14,2,.30)}
.lp-slip h3{margin:0;font:800 13px var(--lp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-gold-hi);display:flex;justify-content:space-between;align-items:center}
.lp-slip .head-h{font:800 22px/1.15 var(--lp-head);margin:10px 0 4px;letter-spacing:-.01em}
.lp-slip p.hint{margin:0;font:600 13px/1.45 var(--lp-font);color:var(--lp-on-night-3)}
.lp-slots{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.lp-slot{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px dashed var(--lp-night-line);background:rgba(255,255,255,.03);min-height:62px;text-align:left;width:100%}
.lp-slot .no{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--lp-night-3);color:var(--lp-on-night-3);font:800 13px var(--lp-font);flex-shrink:0}
.lp-slot.on{border-style:solid;border-color:var(--lp-gold);background:rgba(var(--lp-acc2-rgb),.08)}
.lp-slot.on.under{border-color:var(--lp-under-hi);background:rgba(var(--lp-under-rgb),.14)}
.lp-slot.on .no{background:var(--lp-foil);color:var(--lp-gold-ink)}
.lp-slot b{display:block;font:800 14px/1.2 var(--lp-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-slot .side{display:block;font:800 11px var(--lp-font);letter-spacing:.09em;color:var(--lp-gold-hi);margin-top:2px}
.lp-slot.under .side{color:var(--lp-under-hi)}
.lp-slot .x{margin-left:auto;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font:800 15px var(--lp-font);flex-shrink:0}
.lp-slot.empty{color:var(--lp-on-night-3);font:700 13px var(--lp-font)}
.lp-slip .meter{margin:0 0 16px}
.lp-slip .meter i{background:rgba(255,255,255,.14)}
.lp-slip .meter i.on{background:var(--lp-foil)}
.lp-slip .pay{display:flex;gap:10px;margin:0 0 16px}
.lp-slip .pay div{flex:1;padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.lp-slip .pay b{display:block;font:800 17px var(--lp-head);color:var(--lp-gold-hi)}
.lp-slip .pay span{font:700 9.5px var(--lp-font);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-on-night-3)}
.lp-slip .ready{color:var(--lp-green-hi)}
.lp-slip .goal{margin-top:16px;padding-top:16px;border-top:1px solid var(--lp-night-line);font:600 12.5px/1.45 var(--lp-font);color:var(--lp-on-night-3)}
.lp-slip .goal b{color:var(--lp-on-night)}

/* ── crests + trophy road ───────────────────────────────────────────── */
.lp-crest{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;filter:drop-shadow(0 8px 14px rgba(60,44,8,.28))}
.lp-crest img,.lp-crest svg{width:100%;height:100%;object-fit:contain;display:block}
.lp-crest img{border-radius:24%;box-shadow:0 0 0 2px rgba(var(--lp-acc-rgb),.7),0 0 0 4px rgba(12,11,8,.9)}
.lp-crest.locked img,.lp-crest.locked svg{filter:saturate(.85) brightness(.55)}
.lp-crest.locked img{box-shadow:0 0 0 2px rgba(var(--lp-acc-rgb),.35),0 0 0 4px rgba(12,11,8,.7)}
.lp-crest.locked{filter:drop-shadow(0 4px 8px rgba(60,44,8,.18))}
.lp-crest .lk{position:absolute;right:6%;bottom:8%;width:26%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--lp-night);border:1.5px solid var(--lp-gold);color:var(--lp-gold-hi)}
.lp-crest .lk svg{width:58%;height:58%;filter:none}
.lp-crest.now{filter:drop-shadow(0 0 16px rgba(var(--lp-acc2-rgb),.75)) drop-shadow(0 10px 18px rgba(60,44,8,.3))}
.lp-crest.next{filter:drop-shadow(0 0 12px rgba(34,197,110,.55)) drop-shadow(0 6px 12px rgba(60,44,8,.25))}
.lp-mini-crest{display:block;flex-shrink:0}
.lp-rank-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:center;padding:34px 38px;border-radius:var(--lp-r-xl);color:var(--lp-on-night);border:1px solid var(--lp-night-line);
  background:radial-gradient(420px 300px at 12% 30%,rgba(var(--lp-acc-rgb),.30),transparent 70%),linear-gradient(140deg,var(--lp-night-2),var(--lp-night) 75%);box-shadow:0 26px 70px rgba(20,14,2,.30)}
.lp-rank-hero .no{font:800 12px var(--lp-font);letter-spacing:.26em;color:var(--lp-gold-hi)}
.lp-rank-hero h1{margin:6px 0 4px;font:800 clamp(2rem,3.4vw,3rem)/1.05 var(--lp-head);letter-spacing:-.025em}
.lp-rank-hero .xp{font:700 15px var(--lp-font);color:var(--lp-on-night-2)}
.lp-rank-hero .xp b{color:var(--lp-gold-hi)}
.lp-rank-hero .lp-bar{margin:18px 0 8px;height:12px;background:rgba(255,255,255,.14)}
.lp-rank-hero .to{font:700 13px var(--lp-font);color:var(--lp-on-night-3)}
.lp-rank-hero .two{display:flex;gap:26px;margin-top:20px;flex-wrap:wrap}
.lp-rank-hero .two div small{display:block;font:800 10px var(--lp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-on-night-3)}
.lp-rank-hero .two div b{font:800 22px var(--lp-head)}
.lp-road{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 12px}
.lp-road .step{position:relative;text-align:center;padding:14px 8px 12px;border-radius:16px;background:var(--lp-surface);border:1.5px solid var(--lp-line)}
.lp-road .step .lp-crest{max-width:88px;margin:0 auto}
.lp-road .step b{display:block;margin-top:8px;font:800 11.5px/1.2 var(--lp-font);letter-spacing:.02em}
.lp-road .step small{display:block;margin-top:2px;font:700 10.5px var(--lp-font);color:var(--lp-ink-3)}
.lp-road .step.done{border-color:color-mix(in srgb,var(--lp-gold) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--lp-gold) 10%,var(--lp-surface)),var(--lp-surface))}
.lp-road .step.now{border-color:var(--lp-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-gold) 30%,transparent),var(--lp-shadow);background:linear-gradient(180deg,color-mix(in srgb,var(--lp-gold) 18%,var(--lp-surface)),var(--lp-surface))}
.lp-road .step.goal{border:2px dashed var(--lp-green)}
.lp-road .step .flag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:99px;background:var(--lp-night);color:var(--lp-gold-hi);font:800 9px var(--lp-font);letter-spacing:.14em;white-space:nowrap}
.lp-road .step .flag.green{background:var(--lp-green);color:#fff}
.lp-road .step.lockd b{color:var(--lp-ink-2)}
.lp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-stat{padding:20px 22px}
.lp-stat small{display:block;font:800 10.5px var(--lp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-stat b{display:block;margin-top:8px;font:800 34px/1 var(--lp-head);letter-spacing:-.02em}
.lp-stat span{display:block;margin-top:6px;font:600 12.5px var(--lp-font);color:var(--lp-ink-3)}
.lp-stat .flame{color:#E0641B}

/* ── Rank 10 jersey (earned only) ───────────────────────────────────── */
.lp-jersey{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:center;padding:30px 34px;border-radius:var(--lp-r-xl);background:linear-gradient(135deg,var(--lp-surface),var(--lp-surface-2));border:2px solid color-mix(in srgb,var(--lp-gold) 55%,transparent);box-shadow:var(--lp-shadow)}
.lp-jersey .art{aspect-ratio:1;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(var(--lp-acc-rgb),.30),transparent 68%),var(--lp-night)}
.lp-jersey .art svg{width:74%;height:74%}
.lp-jersey h3{margin:8px 0 6px;font:800 26px/1.15 var(--lp-head);letter-spacing:-.015em}
.lp-jersey p{margin:0 0 16px;color:var(--lp-ink-2);font-size:14px}
.lp-jersey .figs{display:flex;justify-content:space-between;font:800 13px var(--lp-font);margin:0 0 8px}
.lp-jersey .figs b{color:var(--lp-gold-text)}
.lp-jersey .note{margin-top:14px;font:700 12px var(--lp-font);color:var(--lp-ink-3)}
.lp-earned{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:var(--lp-night);color:var(--lp-gold-hi);font:800 10px var(--lp-font);letter-spacing:.14em;text-transform:uppercase}

/* ── economy explainer ──────────────────────────────────────────────── */
.lp-econ{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp-econ>div{padding:22px 24px;border-radius:var(--lp-r-lg);border:1.5px solid var(--lp-line);background:var(--lp-surface)}
.lp-econ .xp{border-color:color-mix(in srgb,var(--lp-gold) 55%,transparent)}
.lp-econ .rp{border-color:color-mix(in srgb,var(--lp-green) 55%,transparent)}
.lp-econ b{display:block;font:800 16px var(--lp-head);margin:6px 0 4px}
.lp-econ p{margin:0;font-size:13.5px;color:var(--lp-ink-2)}

/* ── badges ─────────────────────────────────────────────────────────── */
.lp-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.lp-badge{padding:16px 12px;text-align:center;border-radius:16px;border:1.5px solid var(--lp-line);background:var(--lp-surface);width:100%}
.lp-badge img{width:64px;height:64px;object-fit:contain;margin:0 auto 8px;display:block}
.lp-badge b{display:block;font:800 12.5px/1.25 var(--lp-font)}
.lp-badge small{display:block;margin-top:4px;font:700 10.5px var(--lp-font);color:var(--lp-ink-3)}
.lp-badge.earned{border-color:color-mix(in srgb,var(--lp-gold) 60%,transparent);box-shadow:0 8px 22px rgba(var(--lp-acc-rgb),.16)}
.lp-badge.locked img{filter:saturate(.55) brightness(.75);opacity:.8}

/* ── rewards wallet / products ──────────────────────────────────────── */
.lp-wallet{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.lp-wallet>div{padding:24px 26px;border-radius:var(--lp-r-xl);border:1px solid var(--lp-line);background:var(--lp-surface);box-shadow:var(--lp-shadow)}
.lp-wallet .pts{color:var(--lp-on-night);border-color:var(--lp-night-line);background:radial-gradient(360px 220px at 0% 0%,rgba(14,138,74,.32),transparent 70%),linear-gradient(140deg,var(--lp-night-2),var(--lp-night))}
.lp-wallet small{display:block;font:800 10.5px var(--lp-font);letter-spacing:.18em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-wallet .pts small{color:var(--lp-on-night-3)}
.lp-wallet .big{display:block;margin-top:10px;font:800 clamp(2.4rem,4vw,3.6rem)/1 var(--lp-head);letter-spacing:-.03em}
.lp-wallet .pts .big{color:var(--lp-gold-hi)}
.lp-wallet .cap{margin-top:10px;font:600 13px/1.45 var(--lp-font);color:var(--lp-ink-3)}
.lp-wallet .pts .cap{color:var(--lp-on-night-3)}
.lp-timer{display:flex;gap:8px;margin-top:12px}
.lp-timer div{flex:1;text-align:center;padding:10px 4px;border-radius:12px;background:var(--lp-surface-2);border:1px solid var(--lp-line)}
.lp-timer b{display:block;font:800 22px/1 var(--lp-head)}
.lp-timer span{font:700 9px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-product{display:flex;flex-direction:column;overflow:hidden;padding:0}
.lp-product .pic{aspect-ratio:4/3;background:var(--lp-surface-2);display:grid;place-items:center;overflow:hidden;position:relative}
.lp-product .pic img{width:100%;height:100%;object-fit:cover}
.lp-product .pic .tagpos{position:absolute;left:14px;top:14px}
.lp-product .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.lp-product h3{margin:0;font:800 19px/1.2 var(--lp-head)}
.lp-product .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lp-product .price b{font:800 24px var(--lp-head)}
.lp-product .price b.pt{color:var(--lp-gold-text)}
.lp-product .price i{font:700 11px var(--lp-font);font-style:normal;letter-spacing:.12em;color:var(--lp-ink-3)}
.lp-product .need{font:700 13px var(--lp-font);color:var(--lp-ink-2)}
.lp-product .need b{color:var(--lp-gold-text)}
.lp-product .need.ok{color:var(--lp-green)}
.lp-product .inv{display:flex;justify-content:space-between;font:700 12px var(--lp-font);color:var(--lp-ink-3)}
.lp-sizes{display:flex;gap:8px;flex-wrap:wrap}
.lp-sizes button{min-width:46px;height:42px;padding:0 12px;border-radius:11px;border:1.5px solid var(--lp-line-2);background:var(--lp-surface-2);font:800 13px var(--lp-font)}
.lp-sizes button[aria-pressed="true"]{background:var(--lp-night);color:var(--lp-gold-hi);border-color:var(--lp-night)}
.lp-product .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.lp-note{font:600 12px/1.45 var(--lp-font);color:var(--lp-ink-3)}
.lp-orders{display:flex;flex-direction:column}
.lp-order{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--lp-line)}
.lp-order:last-child{border:0}
.lp-order .dotp{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--lp-night);color:var(--lp-gold-hi);flex-shrink:0}
.lp-order .dotp svg{width:19px;height:19px}
.lp-order b{display:block;font:800 14px var(--lp-font)}
.lp-order span{font:600 12px var(--lp-font);color:var(--lp-ink-3)}
.lp-order .st{margin-left:auto}

/* ── modal / toast / win ────────────────────────────────────────────── */
.lp-scrim{position:fixed;inset:0;z-index:90;background:rgba(8,7,4,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.lp-modal{width:min(440px,100%);max-height:92vh;overflow:auto;padding:28px;border-radius:var(--lp-r-xl);background:var(--lp-surface);border:1px solid var(--lp-line);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.lp-modal h3{margin:0 0 4px;font:800 24px var(--lp-head)}
.lp-field{display:block;margin:14px 0}
.lp-field span{display:block;margin-bottom:6px;font:800 10.5px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink-3)}
.lp-field input{width:100%;padding:14px 15px;border-radius:12px;border:1.5px solid var(--lp-line-2);background:var(--lp-surface-2);color:var(--lp-ink);font:600 15px var(--lp-font)}
.lp-err{margin:12px 0 0;padding:11px 14px;border-radius:11px;font:700 13px var(--lp-font);color:var(--lp-red);border:1px solid color-mix(in srgb,var(--lp-red) 40%,transparent);background:color-mix(in srgb,var(--lp-red) 9%,transparent)}
.lp-toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,14px);z-index:120;padding:13px 20px;border-radius:13px;background:var(--lp-night);color:var(--lp-gold-hi);border:1px solid var(--lp-night-line);font:800 13.5px var(--lp-font);opacity:0;pointer-events:none;transition:all .25s var(--lp-ease);max-width:calc(100% - 32px);text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.lp-toast.on{opacity:1;transform:translate(-50%,0)}
.lp-win{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:24px;overflow:auto;background:radial-gradient(700px 500px at 50% 35%,rgba(var(--lp-acc-rgb),.30),transparent 70%),rgba(6,5,2,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lp-win canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.lp-win-box{position:relative;width:min(620px,100%);padding:36px 38px;border-radius:30px;color:var(--lp-on-night);text-align:center;border:1px solid rgba(var(--lp-acc2-rgb),.45);background:linear-gradient(155deg,var(--lp-night-2),var(--lp-night));box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 80px rgba(var(--lp-acc-rgb),.18)}
.lp-win-box .trophy{width:96px;margin:-6px auto 10px}
.lp-win-box h2{margin:0 0 6px;font:800 clamp(2.3rem,5vw,3.4rem)/1 var(--lp-head);letter-spacing:-.03em}
.lp-win-box .sub{font:700 16px var(--lp-font);color:var(--lp-on-night-2);margin:0 0 20px}
.lp-win-box .lp-lane{background:rgba(255,255,255,.05);border-color:rgba(var(--lp-acc2-rgb),.18);text-align:left}
.lp-win-box .lp-lane-foot{color:var(--lp-on-night-3)}
.lp-win-box .lp-lane-foot b{color:var(--lp-on-night)}
.lp-win-box .earn{display:flex;gap:12px;margin:20px 0}
.lp-win-box .earn div{flex:1;padding:14px 8px;border-radius:14px;background:rgba(var(--lp-acc2-rgb),.09);border:1px solid rgba(var(--lp-acc2-rgb),.28)}
.lp-win-box .earn b{display:block;font:800 26px var(--lp-head);color:var(--lp-gold-hi)}
.lp-win-box .earn span{font:700 10px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-on-night-3)}
.lp-win-box .prog{text-align:left;margin:0 0 22px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05)}
.lp-win-box .prog .row{display:flex;justify-content:space-between;font:800 13px var(--lp-font);margin-bottom:8px}
.lp-win-box .prog .row+.lp-bar{margin-bottom:14px}
.lp-win-box .prog .lp-bar{background:rgba(255,255,255,.14)}
.lp-win-box .prog .foot{font:600 12px var(--lp-font);color:var(--lp-on-night-3)}

/* ── responsive ─────────────────────────────────────────────────────── */
@media (max-width:1280px){
  .lp-wrap{--lp-gut:24px}
  .lp-top-row{gap:14px}
  .lp-brand span{display:none}            /* header budget: brand + 5 nav items + wallet chips must fit ~1200px */
  .lp-nav a{padding:0 10px;letter-spacing:.08em;font-size:11.5px}
  .lp-top-right{gap:8px}
  .lp-chip{padding:0 12px 0 6px}
  .lp-chip small{display:none}
  .lp-cols{grid-template-columns:minmax(0,1fr) 360px;gap:22px}
  .lp-road{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lp-hero{padding:36px 36px}
}
@media (max-width:1080px){
  .lp-chip.hide-md{display:none}
  .lp-nav a svg{display:none}
  .lp-cols,.lp-cols.two,.lp-cols.three{grid-template-columns:1fr}
  .lp-sticky{position:static}
  .lp-hero{grid-template-columns:1fr}
  .lp-wallet{grid-template-columns:1fr}
  .lp-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-road{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lp-rank-hero{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:26px}
  .lp-jersey{grid-template-columns:150px minmax(0,1fr);gap:22px;padding:24px}
  /* the slip becomes a bottom dock so picking stays one-thumb on small screens */
  .lp-slip.dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;padding:14px 16px;border-radius:20px}
  .lp-slip.dock .head-h,.lp-slip.dock .hint,.lp-slip.dock .pay,.lp-slip.dock .goal{display:none}
  .lp-slip.dock .lp-slots{flex-direction:row;margin:10px 0}
  .lp-slip.dock .lp-slot{flex:1;min-height:52px;padding:8px 10px;flex-direction:column;align-items:flex-start;gap:2px}
  .lp-slip.dock .lp-slot .no{display:none}
  .lp-slip.dock .lp-slot .x{position:absolute;top:-8px;right:-6px;width:22px;height:22px}
  .lp-slip.dock .lp-slot{position:relative}
  body.lp-has-dock .lp-main{padding-bottom:230px}
}
@media (max-width:760px){
  .lp-wrap{--lp-gut:16px}
  .lp-top-row{height:60px;gap:10px}
  .lp-brand span{display:none}
  .lp-menu-btn{display:grid}
  .lp-nav{position:fixed;left:0;right:0;top:60px;height:auto;flex-direction:column;background:var(--lp-night);padding:8px 12px 16px;border-bottom:2px solid var(--lp-gold);display:none}
  .lp-nav.open{display:flex}
  .lp-nav a{padding:16px 10px;border-bottom:1px solid var(--lp-night-line)}
  .lp-nav a[aria-current="page"]::after{display:none}
  .lp-chip small{display:none}
  .lp-modes{grid-template-columns:1fr}
  .lp-hero{padding:26px 22px;gap:24px}
  .lp-steps{grid-template-columns:1fr}
  .lp-products,.lp-stats,.lp-econ{grid-template-columns:1fr}
  .lp-road{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-rank-hero,.lp-jersey{grid-template-columns:1fr;text-align:center;justify-items:center}
  .lp-rank-hero .lp-crest{max-width:170px}
  .lp-players{grid-template-columns:1fr}
  .lp-sec-h h2{font-size:20px}
}

/* the slip is a sticky side panel on desktop; below 1080px it only appears (as a dock) once a pick exists */
@media (max-width:1080px){ .lp-slip:not(.dock){display:none} }
@media (prefers-reduced-motion:reduce){.lp-body *,.lp-body *::before,.lp-body *::after{animation:none!important;transition:none!important}}


/* ══════════ ARENA LAYER — gaming × luxury enterprise (2026-09-29) ═══════════════
   Design rules used here (Emil Kowalski-style interaction craft + "impeccable" polish):
   · one strong ease-out curve (--lp-out); UI motion 120–240 ms; nothing animates from scale(0)
   · press feedback: buttons/cards scale(.97) on :active; hover lift only where hover exists
   · no `transition: all`; only transform / opacity / colour / shadow are animated
   · tinted neutrals (never pure #000/#fff), one accent per skin, semantic colours kept separate
   · numerals are tabular; display type is condensed, body type is readable at 15px
   · every animation is switched off under prefers-reduced-motion
   ══════════════════════════════════════════════════════════════════════════════ */
html{-webkit-text-size-adjust:100%;color-scheme:dark light}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
.lp-body{overflow-x:clip;font:500 15px/1.6 var(--lp-font);letter-spacing:0;position:relative;isolation:isolate}
.lp-body *{min-width:0}
.lp-body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 85% -8%,rgba(var(--lp-acc-rgb),.14),transparent 62%),
    radial-gradient(700px 480px at -6% 20%,rgba(var(--lp-glow2-rgb,var(--lp-acc-rgb)),.10),transparent 60%),
    linear-gradient(var(--lp-bg),var(--lp-bg))}
html[data-theme="dark"] .lp-body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0,transparent 72%)}
html[data-theme="light"] .lp-body::before{background:
    radial-gradient(900px 520px at 85% -8%,rgba(var(--lp-acc-rgb),.10),transparent 62%),
    linear-gradient(var(--lp-bg),var(--lp-bg))}
.lp-body :focus-visible{outline:2px solid var(--lp-gold);outline-offset:3px;border-radius:8px}
::selection{background:var(--lp-gold);color:var(--lp-gold-ink)}
.lp-body img{max-width:100%}

/* type — condensed display for headings & numerals, Manrope for reading */
.lp-num,.lp-stat b,.lp-wallet .big,.lp-product .price b,.lp-p-line .n,.lp-timer b,.lp-lc-score,.lp-hero-art .pay b,.lp-slip .pay b,.lp-win-box .earn b,.lp-rank-hero .two div b{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.lp-hero h1,.lp-rank-hero h1,.lp-sec-h h2,.lp-h2,.lp-jersey h3,.lp-modal h3,.lp-slip .head-h,.lp-win-box h2,.lp-match .vs,.lp-product h3,.lp-mode b,.lp-empty b,.lp-econ b,.lp-p-who b,.lp-brand b{font-family:var(--lp-head);font-weight:800;letter-spacing:.005em}
.lp-hero h1{font-size:clamp(2.6rem,5.6vw,5rem);line-height:.94;letter-spacing:-.005em;text-transform:uppercase}
.lp-hero h1 span:last-child,.lp-hero h1 .hl{background:var(--lp-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
:lang(hi) .lp-hero h1,:lang(hi) .lp-rank-hero h1{text-transform:none;line-height:1.12;letter-spacing:0}
.lp-rank-hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:.96;text-transform:uppercase}
.lp-sec-h h2{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1;text-transform:uppercase}
.lp-sec-h{margin:clamp(36px,5vw,64px) 0 20px;padding-bottom:14px;border-bottom:1px solid var(--lp-line)}
.lp-eyebrow{font:800 11px/1 var(--lp-font);letter-spacing:.2em;display:inline-flex;align-items:center;gap:10px}
.lp-eyebrow::before{content:"";width:18px;height:2px;background:var(--lp-foil);border-radius:2px}
.lp-hero .lp-eyebrow::before{display:none}
.lp-stat b,.lp-wallet .big{font-family:var(--lp-head);font-weight:800}
.lp-stat b{font-size:clamp(2.2rem,3.4vw,3rem)}
.lp-hero .sub{font:500 clamp(1rem,1.3vw,1.14rem)/1.55 var(--lp-font);color:var(--lp-on-night-2);max-width:44ch}

/* HUD corner brackets — decorative, never clip content or shadows */
.lp-hud{position:relative}
.lp-hud::before,.lp-hud::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;border:2px solid var(--lp-gold);opacity:.9;z-index:2}
.lp-hud::before{left:10px;top:10px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.lp-hud::after{right:10px;bottom:10px;border-left:0;border-top:0;border-radius:0 0 6px 0}

/* ── top bar ───────────────────────────────────────────────────────────── */
.lp-top{background:transparent;border-bottom:1px solid var(--lp-night-line);color:var(--lp-on-night)}
/* blur lives on a pseudo-element: backdrop-filter on .lp-top itself would trap the fixed mobile tab bar inside the header */
.lp-top::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--lp-night) 88%,transparent);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px)}
.lp-top::after{height:2px;opacity:1;background:var(--lp-foil)}
.lp-top-row{height:72px;gap:clamp(12px,2vw,28px)}
.lp-brand img{height:40px;filter:drop-shadow(0 2px 10px rgba(var(--lp-acc-rgb),.35))}
.lp-brand b{font-size:19px;letter-spacing:.04em;line-height:1}
.lp-brand span{color:var(--lp-on-night-3);letter-spacing:.18em}
.lp-nav a{font:800 11.5px/1 var(--lp-font);letter-spacing:.14em;padding:0 14px;color:var(--lp-on-night-3);transition:color .18s var(--lp-out)}
.lp-nav a svg{display:none}
@media (max-width:1560px){.lp-brand span{display:none}}
@media (max-width:1240px){#lpRankChip{display:none}.lp-nav a{padding:0 10px;letter-spacing:.1em}}
.lp-nav a[aria-current="page"]{color:var(--lp-gold-hi)}
.lp-nav a[aria-current="page"]::after{height:3px;border-radius:3px 3px 0 0;background:var(--lp-foil);left:12px;right:12px}
.lp-chip{border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);color:var(--lp-on-night)}
.lp-chip small{color:var(--lp-on-night-3)}
.lp-chip.gold b{color:var(--lp-gold-hi)}
.lp-icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);color:var(--lp-on-night-2);transition:transform .16s var(--lp-out),color .16s,border-color .16s}
.lp-icon-btn:active{transform:scale(.94)}
.lp-strip{background:linear-gradient(90deg,var(--lp-night-2),var(--lp-night),var(--lp-night-2));color:var(--lp-on-night-2);border-bottom:1px solid var(--lp-night-line);font:800 10.5px/1 var(--lp-font);letter-spacing:.16em}
.lp-strip .lp-wrap{height:32px;overflow:hidden;white-space:nowrap}
.lp-strip .sep{color:var(--lp-gold)}
.lp-strip .lp-wrap>*{flex-shrink:0}
@media (hover:hover) and (pointer:fine){
  .lp-nav a:hover{color:var(--lp-on-night)}
  .lp-icon-btn:hover{color:var(--lp-gold-hi);border-color:rgba(var(--lp-acc-rgb),.55)}
}

/* skin swatch picker + language toggle (top bar) */
.lp-skinbox{position:relative}
.lp-skin-dot{width:18px;height:18px;border-radius:50%;background:var(--lp-foil);box-shadow:0 0 0 2px var(--lp-night-2),0 0 0 3px rgba(var(--lp-acc-rgb),.7)}
.lp-skin-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:80;display:grid;gap:4px;min-width:196px;padding:8px;border-radius:14px;background:var(--lp-night-2);border:1px solid var(--lp-night-line);box-shadow:0 24px 60px -12px rgba(0,0,0,.7);
  transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;visibility:hidden;transition:opacity .16s var(--lp-out),transform .16s var(--lp-out),visibility 0s .16s}
.lp-skin-pop.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.lp-skin-pop button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--lp-on-night);font:700 13px var(--lp-font);text-align:left;transition:background .14s,transform .14s var(--lp-out)}
.lp-skin-pop button:active{transform:scale(.97)}
.lp-skin-pop button i{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.lp-skin-pop button[aria-checked="true"]{background:rgba(var(--lp-acc-rgb),.16);color:var(--lp-gold-hi)}
.lp-skin-pop button[aria-checked="true"]::after{content:"✓";margin-left:auto;font-weight:800}
.lp-skin-pop small{display:block;padding:6px 12px 2px;font:800 9.5px var(--lp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-on-night-3)}
@media (hover:hover){.lp-skin-pop button:hover{background:rgba(255,255,255,.06)}}
.lp-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 4px 4px}
.lp-mode-row button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:9px;border:1px solid var(--lp-night-line);color:var(--lp-on-night-2);font:800 12px var(--lp-font);transition:background-color .15s,transform .14s var(--lp-out)}
.lp-mode-row button svg{width:15px;height:15px}
.lp-mode-row button:active{transform:scale(.96)}
.lp-mode-row button[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink);border-color:transparent}
.lp-lang{display:inline-flex;padding:3px;border-radius:12px;border:1px solid var(--lp-night-line);background:var(--lp-night-2);height:42px;align-items:center;flex-shrink:0}
.lp-lang button{min-width:40px;height:34px;padding:0 10px;border-radius:9px;color:var(--lp-on-night-3);font:800 12px var(--lp-font);letter-spacing:.04em;transition:background .16s var(--lp-out),color .16s,transform .16s var(--lp-out)}
.lp-lang button:active{transform:scale(.95)}
.lp-lang button[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink)}

/* ── buttons ───────────────────────────────────────────────────────────── */
.lp-btn{min-height:50px;padding:0 26px;border-radius:12px;font:800 12.5px/1 var(--lp-font);letter-spacing:.12em;transition:transform .16s var(--lp-out),box-shadow .2s var(--lp-out),background-color .2s,border-color .2s,color .2s}
.lp-btn:active{transform:scale(.97)}
.lp-btn.gold{color:var(--lp-gold-ink);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 26px -8px rgba(var(--lp-acc-rgb),.6)}
.lp-btn.dark{background:var(--lp-night-2);color:var(--lp-gold-hi);border:1px solid var(--lp-night-line)}
.lp-btn.ghost{border:1.5px solid var(--lp-line-2);color:var(--lp-ink)}
.lp-btn.sm{min-height:40px;padding:0 16px;font-size:11px;border-radius:10px}
@media (hover:hover) and (pointer:fine){
  .lp-btn.gold:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 16px 34px -8px rgba(var(--lp-acc-rgb),.75);transform:translateY(-1px)}
  .lp-btn.ghost:hover{border-color:var(--lp-gold);color:var(--lp-gold-text)}
}
.lp-tag{border-radius:6px;font-weight:800;letter-spacing:.12em;font-size:9.5px;padding:5px 9px}
.lp-tabs button,.lp-tabs a,.lp-chips button{border-radius:10px;border:1.5px solid var(--lp-line);font:800 11.5px var(--lp-font);letter-spacing:.1em;transition:transform .16s var(--lp-out),background-color .16s,border-color .16s,color .16s}
.lp-tabs button:active,.lp-chips button:active{transform:scale(.96)}
.lp-tabs [aria-pressed="true"],.lp-tabs .on,.lp-chips button[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink);border-color:transparent}

/* ── surfaces ──────────────────────────────────────────────────────────── */
.lp-card,.lp-wallet>div,.lp-mode,.lp-badge,.lp-player,.lp-econ>div,.lp-road .step,.lp-match{background:var(--lp-surface);border:1px solid var(--lp-line);box-shadow:var(--lp-shadow)}
.lp-mode .ic{border-radius:14px;background:var(--lp-night);color:var(--lp-gold-hi);box-shadow:0 0 0 1px rgba(var(--lp-acc-rgb),.35)}
.lp-mode b{font-size:20px;text-transform:uppercase;color:var(--lp-ink)}
.lp-mode[aria-current="true"]{border-color:var(--lp-gold);box-shadow:0 0 0 3px rgba(var(--lp-acc-rgb),.18),var(--lp-shadow);background:linear-gradient(135deg,var(--lp-surface),var(--lp-surface-2))}
.lp-hero,.lp-rank-hero,.lp-win-box,.lp-slip,.lp-wallet .pts,.lp-ticket-head{color:var(--lp-on-night)}
.lp-hero,.lp-rank-hero{border:1px solid var(--lp-night-line);border-radius:var(--lp-r-xl);background:
  radial-gradient(800px 460px at 92% -10%,rgba(var(--lp-acc-rgb),.30),transparent 60%),
  radial-gradient(560px 380px at -6% 112%,rgba(var(--lp-glow2-rgb),.18),transparent 65%),
  linear-gradient(160deg,var(--lp-night-3),var(--lp-night) 62%);box-shadow:0 50px 100px -50px rgba(0,0,0,.75)}
.lp-hero{padding:clamp(28px,5vw,64px) clamp(22px,4.6vw,60px);gap:clamp(24px,4vw,56px)}
.lp-hero::before{opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(var(--lp-acc2-rgb),.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(var(--lp-acc2-rgb),.03) 0 1px,transparent 1px 72px)}
.lp-hero .rule{border-radius:10px;background:rgba(var(--lp-acc-rgb),.10);border:1px solid rgba(var(--lp-acc-rgb),.4);color:var(--lp-gold-hi);font:800 13px/1.35 var(--lp-font)}
.lp-hero-art{background:rgba(255,255,255,.035);border:1px solid var(--lp-night-line);border-radius:var(--lp-r-lg)}
.lp-hero-art .cap,.lp-hero-art .lp-lane-top .pick{color:var(--lp-gold-hi)}
.lp-hero-art .pay div,.lp-slip .pay div{background:rgba(0,0,0,.28);border:1px solid var(--lp-night-line);border-radius:10px}
.lp-hero-art .pay b,.lp-slip .pay b{font-family:var(--lp-head);font-weight:800;font-size:1.9rem;color:var(--lp-gold-hi)}
.lp-hero-art .pay span,.lp-slip .pay span,.lp-wallet .pts small,.lp-hero-art .lp-lane-foot,.lp-ticket-head small,.lp-brand span{color:var(--lp-on-night-3)}
.lp-steps li{background:rgba(255,255,255,.04);border:1px solid var(--lp-night-line);border-radius:12px}
.lp-steps span,.lp-slip p.hint,.lp-slip .goal,.lp-rank-hero .to,.lp-wallet .pts .cap{color:var(--lp-on-night-3)}
.lp-steps i,.lp-slot.on .no{color:var(--lp-gold-ink)}
.lp-hero .sub,.lp-win-box .sub,.lp-rank-hero .xp{color:var(--lp-on-night-2)}
.lp-slip{border-radius:var(--lp-r-xl);background:linear-gradient(170deg,var(--lp-night-3),var(--lp-night));border:1px solid var(--lp-night-line);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);padding:24px}
.lp-slip h3,.lp-hero .lp-eyebrow{color:var(--lp-gold-hi)}
.lp-slip .head-h{font-size:1.9rem;line-height:1;text-transform:uppercase;margin:12px 0 6px}
.lp-slip .goal{border-top:1px solid var(--lp-night-line)}
.lp-slip .goal b,.lp-rank-hero .two div b{color:var(--lp-on-night)}
.lp-slot{border-radius:12px;border:1.5px dashed var(--lp-night-line);background:rgba(255,255,255,.025);transition:border-color .2s var(--lp-out),background-color .2s var(--lp-out),transform .16s var(--lp-out)}
.lp-slot .no{background:var(--lp-night-3);color:var(--lp-on-night-3);border-radius:8px}
.lp-slot.on{border-color:var(--lp-gold);background:rgba(var(--lp-acc-rgb),.10)}
.lp-slot.on.under{border-color:var(--lp-under);background:rgba(var(--lp-under-rgb),.14)}
.lp-slot .side{color:var(--lp-gold-hi)} .lp-slot.under .side{color:var(--lp-under-hi)}
.lp-slot.empty{color:var(--lp-on-night-3)}
.lp-slot .x{background:rgba(255,255,255,.1);transition:background-color .15s,transform .15s var(--lp-out)}
.lp-slot .x:active{transform:scale(.9)}
.lp-lane{background:var(--lp-surface-2);border:1px solid var(--lp-line);border-radius:12px}
.lp-hero-art .lp-lane,.lp-win-box .lp-lane{background:rgba(0,0,0,.30);border-color:var(--lp-night-line);color:var(--lp-on-night)}
.lp-track .run{background:linear-gradient(90deg,rgba(var(--lp-acc-rgb),.35),var(--lp-gold))}
.lp-lane.under .run{background:linear-gradient(90deg,rgba(var(--lp-under-rgb),.35),var(--lp-under))}
.lp-lane.under .ball{background:radial-gradient(circle at 35% 30%,var(--lp-under-hi),var(--lp-under) 62%,color-mix(in srgb,var(--lp-under) 50%,#000))}
.lp-lane.done .run,.lp-lane.done.under .run{background:linear-gradient(90deg,#0b7a41,var(--lp-green-hi))}
.lp-track .fin{background:repeating-conic-gradient(var(--lp-night) 0 25%,#EDEFF5 0 50%) 0 0/7px 7px;border-color:var(--lp-night)}
.lp-lane-top .no{background:var(--lp-night);color:var(--lp-gold-hi);border-radius:8px}

/* player cards — big line, two decisive buttons (PrizePicks-style) */
.lp-players{grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:14px}
.lp-player{border-radius:var(--lp-r-lg);border-width:1px;padding:16px 16px 14px;transition:transform .2s var(--lp-out),border-color .2s,box-shadow .2s var(--lp-out)}
.lp-player:active{transform:scale(.985)}
.lp-p-line .n{font-weight:800;line-height:.9}
.lp-p-who b{font-size:19px;line-height:1.05;letter-spacing:.01em;text-transform:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-p-who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em}
.lp-p-line small{white-space:nowrap;letter-spacing:.1em}
.lp-p-line .n{font-size:34px}
.lp-player .lp-crest,.lp-player [class*="av"]{border-radius:12px}
.lp-player.picked{border-color:var(--lp-gold);box-shadow:0 0 0 3px rgba(var(--lp-acc-rgb),.18),var(--lp-shadow)}
.lp-player.picked.under{border-color:var(--lp-under);box-shadow:0 0 0 3px rgba(var(--lp-under-rgb),.2),var(--lp-shadow)}
.lp-ou button{min-height:50px;border-radius:10px;border:1.5px solid var(--lp-line-2);background:var(--lp-surface-2);color:var(--lp-ink);font:800 12.5px var(--lp-font);letter-spacing:.12em;transition:transform .14s var(--lp-out),background-color .18s,border-color .18s,color .18s,box-shadow .2s var(--lp-out)}
.lp-ou button:active{transform:scale(.96)}
.lp-ou .over[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink);box-shadow:0 10px 22px -8px rgba(var(--lp-acc-rgb),.65)}
.lp-ou .under[aria-pressed="true"]{background:var(--lp-under);color:#fff;box-shadow:0 10px 22px -8px rgba(var(--lp-under-rgb),.6)}
html[data-skin="gold"] .lp-ou .under[aria-pressed="true"],html[data-skin="red"] .lp-ou .under[aria-pressed="true"],html[data-skin="green"] .lp-ou .under[aria-pressed="true"]{color:#0B0C10}
@media (hover:hover) and (pointer:fine){
  .lp-player:hover,.lp-mode:hover,.lp-product:hover,.lp-badge:hover,.lp-stat:hover{transform:translateY(-3px);border-color:rgba(var(--lp-acc-rgb),.6)}
  .lp-ou .over:hover{border-color:var(--lp-gold);color:var(--lp-gold-text)}
  .lp-ou .under:hover{border-color:var(--lp-under);color:var(--lp-ink)}
}
.lp-player,.lp-mode,.lp-product,.lp-badge,.lp-stat{transition:transform .22s var(--lp-out),border-color .2s,box-shadow .22s var(--lp-out)}

/* wallet, stats, road, jersey */
.lp-wallet>div{border-radius:var(--lp-r-xl)}
.lp-wallet .pts{background:radial-gradient(420px 260px at 0% 0%,rgba(var(--lp-acc-rgb),.24),transparent 70%),linear-gradient(150deg,var(--lp-night-3),var(--lp-night));border-color:var(--lp-night-line)}
.lp-wallet .big{font-size:clamp(2.8rem,4.4vw,4.2rem)}
.lp-wallet .pts .big{color:var(--lp-gold-hi)}
.lp-road .step{border-radius:14px}
.lp-road .step.done{border-color:rgba(var(--lp-acc-rgb),.5);background:linear-gradient(180deg,rgba(var(--lp-acc-rgb),.10),var(--lp-surface))}
.lp-road .step.now{border-color:var(--lp-gold);box-shadow:0 0 0 3px rgba(var(--lp-acc-rgb),.25),var(--lp-shadow);background:linear-gradient(180deg,rgba(var(--lp-acc-rgb),.18),var(--lp-surface))}
.lp-road .step .flag,.lp-earned{background:var(--lp-night);color:var(--lp-gold-hi)}
.lp-jersey{border-radius:var(--lp-r-xl);border:1px solid var(--lp-line-2);background:linear-gradient(135deg,var(--lp-surface),var(--lp-surface-2));padding:clamp(20px,3vw,36px);gap:clamp(18px,3vw,40px);grid-template-columns:minmax(0,300px) minmax(0,1fr);box-shadow:var(--lp-shadow)}
.lp-jersey h3{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;text-transform:uppercase}
.lp-jersey .art{aspect-ratio:1;border-radius:var(--lp-r-lg);background:radial-gradient(circle at 50% 38%,rgba(var(--lp-acc-rgb),.28),transparent 66%),radial-gradient(circle at 50% 30%,#EEF1F7,#CBD2E0);display:block;position:relative;overflow:hidden}
.lp-jersey .art img{position:absolute;inset:6% 6% 8%;width:88%;height:86%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(10,16,32,.35));transition:opacity .3s var(--lp-out),transform .5s var(--lp-out)}
.lp-jersey .art img.back{opacity:0}
.lp-jersey .art.flip img.front{opacity:0}
.lp-jersey .art.flip img.back{opacity:1}
.lp-jersey .art .jv{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:4px;padding:3px;border-radius:9px;background:rgba(9,12,22,.72);z-index:2}
.lp-jersey .art .jv button{padding:6px 12px;border-radius:7px;font:800 10.5px var(--lp-font);letter-spacing:.1em;color:#C9D1E6;transition:background-color .16s,transform .14s var(--lp-out)}
.lp-jersey .art .jv button:active{transform:scale(.95)}
.lp-jersey .art .jv button[aria-pressed="true"]{background:var(--lp-foil);color:var(--lp-gold-ink)}
.lp-product .pic{aspect-ratio:1/1;background:radial-gradient(circle at 50% 32%,rgba(var(--lp-acc-rgb),.12),transparent 70%),var(--lp-surface-2)}
.lp-product .pic img{object-fit:cover;transition:transform .6s var(--lp-out)}
.lp-product .pic img.contain{object-fit:contain}
@media (hover:hover) and (pointer:fine){.lp-product:hover .pic img{transform:scale(1.04)}}
.lp-product h3{font-size:1.5rem;text-transform:uppercase;line-height:1}
.lp-product .price b{font-size:2rem}
.lp-timer div{background:var(--lp-surface-2);border-radius:10px}
.lp-timer b{font-family:var(--lp-head);font-size:1.7rem}
.lp-field input{border-radius:10px;border:1.5px solid var(--lp-line-2);background:var(--lp-surface-2);color:var(--lp-ink);transition:border-color .18s,box-shadow .18s}
.lp-field input:focus{outline:0;border-color:var(--lp-gold);box-shadow:0 0 0 4px rgba(var(--lp-acc-rgb),.18)}
.lp-modal{border-radius:var(--lp-r-xl);background:var(--lp-surface);border:1px solid var(--lp-line);color:var(--lp-ink)}
.lp-toast{background:var(--lp-night);color:var(--lp-gold-hi);border:1px solid var(--lp-night-line);border-radius:12px;transition:opacity .2s var(--lp-out),transform .24s var(--lp-out)}
.lp-win{background:radial-gradient(700px 500px at 50% 35%,rgba(var(--lp-acc-rgb),.32),transparent 70%),rgba(4,6,12,.94)}
.lp-win-box{background:linear-gradient(155deg,var(--lp-night-3),var(--lp-night));border:1px solid rgba(var(--lp-acc-rgb),.5);border-radius:24px}
.lp-win-box h2{text-transform:uppercase;font-size:clamp(2.6rem,6vw,4rem)}
.lp-win-box .earn div{background:rgba(var(--lp-acc-rgb),.10);border:1px solid rgba(var(--lp-acc-rgb),.3)}
.lp-win-box .earn b,.lp-win-box .earn span{color:var(--lp-gold-hi)} .lp-win-box .earn span{color:var(--lp-on-night-3)}
.lp-perfect{border-radius:12px;background:linear-gradient(100deg,rgba(18,160,90,.16),rgba(var(--lp-acc-rgb),.12))}

/* ── LIVE SCORE card (Roanuz feed → LB11.liveCard) ─────────────────────── */
.lp-live{position:relative;display:block;border-radius:var(--lp-r-xl);overflow:hidden;color:var(--lp-on-night);text-decoration:none;cursor:pointer;
  background:radial-gradient(700px 320px at 50% -30%,rgba(var(--lp-acc-rgb),.34),transparent 62%),radial-gradient(500px 300px at 100% 120%,rgba(var(--lp-glow2-rgb),.2),transparent 60%),linear-gradient(165deg,var(--lp-night-3),var(--lp-night));
  border:1px solid var(--lp-night-line);box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(var(--lp-acc-rgb),.12);transition:transform .22s var(--lp-out),box-shadow .22s var(--lp-out)}
.lp-live:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){.lp-live:hover{transform:translateY(-3px);box-shadow:0 50px 100px -40px rgba(0,0,0,.85),0 0 0 1px rgba(var(--lp-acc-rgb),.5)}}
.lp-live::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
.lp-lc-in{position:relative;padding:clamp(18px,3vw,34px) clamp(16px,3vw,40px) clamp(18px,2.6vw,30px)}
.lp-lc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(14px,2.4vw,26px)}
.lp-lc-st{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 10px;border-radius:8px;font:800 11px/1 var(--lp-font);letter-spacing:.18em;text-transform:uppercase;background:rgba(0,0,0,.35);border:1px solid var(--lp-night-line)}
.lp-lc-st i{width:8px;height:8px;border-radius:50%;background:var(--lp-red);box-shadow:0 0 0 0 rgba(224,65,58,.7);animation:lpLive 1.6s var(--lp-out) infinite}
.lp-live.upcoming .lp-lc-st i{background:var(--lp-gold);animation:none}
.lp-live.done .lp-lc-st i{background:var(--lp-on-night-3);animation:none}
.lp-lc-st.live{color:#FF8A82}
@keyframes lpLive{0%{box-shadow:0 0 0 0 rgba(224,65,58,.6)}70%,100%{box-shadow:0 0 0 9px rgba(224,65,58,0)}}
.lp-lc-fmt{font:700 11px var(--lp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-on-night-3);text-align:right}
.lp-lc-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(8px,2vw,28px)}
.lp-lc-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lp-lc-crest{width:clamp(48px,7vw,72px);aspect-ratio:1;border-radius:18px;display:grid;place-items:center;font:800 clamp(1.1rem,2.2vw,1.6rem) var(--lp-head);letter-spacing:.04em;color:var(--lp-gold-ink);background:var(--lp-foil);box-shadow:0 10px 26px -8px rgba(var(--lp-acc-rgb),.6),inset 0 1px 0 rgba(255,255,255,.4)}
.lp-lc-team.b .lp-lc-crest{background:linear-gradient(135deg,#F1F3F8,#AEB7CA);color:#10131C;box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 1px 0 #fff}
.lp-lc-name{font:800 13px/1.2 var(--lp-font);letter-spacing:.04em;color:var(--lp-on-night-2);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-lc-led{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 8px;border-radius:12px;background:rgba(0,0,0,.42);border:1px solid var(--lp-night-line);box-shadow:inset 0 2px 10px rgba(0,0,0,.6),inset 0 0 26px rgba(var(--lp-acc-rgb),.10);min-width:min(100%,148px)}
.lp-lc-score{font:800 clamp(2rem,4.6vw,3.3rem)/1 var(--lp-head);letter-spacing:.02em;color:var(--lp-gold-hi);text-shadow:0 0 18px rgba(var(--lp-acc-rgb),.55)}
.lp-lc-score small{white-space:nowrap;font:700 .38em var(--lp-mono);letter-spacing:0;color:var(--lp-on-night-3);text-shadow:none;margin-left:6px}
.lp-lc-crr{font:700 10.5px var(--lp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-under-hi)}
.lp-lc-vs{align-self:center;font:800 clamp(1.1rem,2.4vw,1.5rem) var(--lp-head);letter-spacing:.2em;color:var(--lp-on-night-3)}
.lp-lc-balls{display:flex;justify-content:center;gap:7px;margin-top:clamp(14px,2vw,22px)}
.lp-lc-balls b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--lp-font);background:rgba(255,255,255,.07);border:1px solid var(--lp-night-line);color:var(--lp-on-night-2);animation:lpBall .3s var(--lp-out) both;animation-delay:calc(var(--i,0)*40ms)}
.lp-lc-balls b.w{background:var(--lp-red);border-color:transparent;color:#fff}
.lp-lc-balls b.f{background:var(--lp-gold);border-color:transparent;color:var(--lp-gold-ink)}
.lp-lc-balls b.s{background:var(--lp-under);border-color:transparent;color:#0B0C10}
@keyframes lpBall{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lp-lc-note{margin-top:14px;text-align:center;font:700 13px/1.4 var(--lp-font);color:var(--lp-on-night-2)}
.lp-lc-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:clamp(14px,2vw,22px);padding-top:14px;border-top:1px solid var(--lp-night-line);font:700 12.5px var(--lp-font);color:var(--lp-on-night-3)}
.lp-lc-foot b{color:var(--lp-gold-hi)}
.lp-lc-foot .lp-btn{min-height:44px;padding:0 20px}
.lp-lc-stale{font:700 11px var(--lp-font);color:var(--lp-on-night-3)}
.lp-lc-tick{animation:lpTick .5s var(--lp-out)}
@keyframes lpTick{0%{transform:translateY(-6px);opacity:.3}100%{transform:none;opacity:1}}
.lp-livegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.lp-live.mini .lp-lc-in{padding:16px}
.lp-live.mini .lp-lc-teams{grid-template-columns:1fr auto 1fr}
.lp-live.mini .lp-lc-score{font-size:1.9rem}
.lp-live.mini .lp-lc-crest{width:44px;border-radius:12px;font-size:1rem}
.lp-live.mini .lp-lc-balls,.lp-live.mini .lp-lc-note{display:none}

/* ── mobile app shell: bottom tab bar (phones AND tablets ≤900 — one mobile design for every device) ── */
@media (max-width:900px){
  :root{--lp-tab-h:64px}
  .lp-top-row{height:60px;gap:8px}
  .lp-menu-btn{display:none!important}
  .lp-brand b{font-size:16px} .lp-brand img{height:32px} .lp-brand span{display:none}
  .lp-chip.hide-md,#lpRankChip,#lpTheme{display:none}
  .lp-top-right{gap:6px}
  .lp-chip.gold small{display:none}
  .lp-nav,.lp-nav.open{display:flex!important;position:fixed;left:0;right:0;top:auto;bottom:0;height:calc(var(--lp-tab-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);flex-direction:row;align-items:stretch;gap:0;z-index:70;
    background:color-mix(in srgb,var(--lp-night) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--lp-night-line);border-bottom:0}
  .lp-nav a{flex:1;flex-direction:column;justify-content:center;gap:5px;padding:8px 2px 6px;border:0;font-size:9.5px;letter-spacing:.08em;text-align:center;min-width:0}
  .lp-nav a svg{display:block;width:22px;height:22px}
  .lp-nav a span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
  .lp-nav a[aria-current="page"]::after{left:26%;right:26%;top:0;bottom:auto;height:3px;border-radius:0 0 3px 3px}
  .lp-nav a:active{transform:scale(.94)}
  .lp-nav .lp-dot{position:absolute;top:9px;right:calc(50% - 20px)}
  .lp-main{padding-bottom:calc(var(--lp-tab-h) + 28px + env(safe-area-inset-bottom))}
  .lp-slip.dock{bottom:calc(var(--lp-tab-h) + 10px + env(safe-area-inset-bottom))}
  body.lp-has-dock .lp-main{padding-bottom:calc(var(--lp-tab-h) + 240px)}
  .lp-strip .lp-wrap{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .lp-strip .lp-wrap::-webkit-scrollbar{display:none}
  .lp-lang,.lp-icon-btn{height:38px} .lp-icon-btn{width:38px}
  .lp-lang button{min-width:34px;height:30px;padding:0 8px}
  .lp-skin-pop{right:-8px}
}
@media (max-width:560px){.lp-brand b{display:none}.lp-brand img{height:34px}}
@media (max-width:760px){
  .lp-hero{padding:26px 20px;border-radius:18px}
  .lp-hero h1{font-size:clamp(2.4rem,13vw,3.4rem)}
  .lp-modes{gap:10px}
  .lp-mode{padding:14px 16px}
  .lp-jersey{grid-template-columns:1fr;text-align:left}
  .lp-lc-in{padding:16px 14px}
  .lp-lc-score{font-size:1.75rem;white-space:nowrap}
  .lp-lc-score small{display:block;margin:2px 0 0;font-size:.42em}
  .lp-lc-led{padding:8px 10px 6px;min-width:0;width:100%}
  .lp-lc-balls b{width:26px;height:26px}
  .lp-wrap{padding-left:16px;padding-right:16px}
}
@media (min-width:761px) and (max-width:1080px){.lp-lc-teams{gap:14px}}
@media (prefers-reduced-motion:reduce){
  .lp-body *,.lp-body *::before,.lp-body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media print{.lp-top,.lp-strip,.lp-nav{display:none!important}}

/* sealed (not yet unlocked) ranks: a coloured trophy, never a grey preview */
.lp-crest.sealed{filter:drop-shadow(0 6px 12px rgba(212,167,44,.28))}
.lp-crest.sealed .tro{display:block;width:78%;aspect-ratio:1;padding:12%;border-radius:24%;background:radial-gradient(circle at 30% 20%,rgba(243,214,119,.22),rgba(212,167,44,.06) 60%),var(--lp-surface-2);box-shadow:0 0 0 2px rgba(212,167,44,.5),0 0 0 4px rgba(12,11,8,.6)}
.lp-crest.sealed .tro svg{width:100%;height:100%;opacity:.9}
.lp-road .step.sealed b{color:var(--lp-ink-2)}
.lp-road .step.nextup .lp-crest.sealed{filter:drop-shadow(0 0 12px rgba(34,197,110,.5))}
.lp-road .step.nextup .lp-crest.sealed .tro{box-shadow:0 0 0 2px rgba(34,197,110,.7),0 0 0 4px rgba(12,11,8,.6)}