/* Beat League page: dark game theme, same family as the hub */
.lg-page { background:#12082e; color:#fff; --ink:#fff; --ink2:#cfc4ff; }
.lg-page h1,.lg-page h2,.lg-page h3 { color:#fff; }
.lg-page .nav .links a.on { border-color:var(--lime); }
.lg-hero { position:relative; overflow:hidden; isolation:isolate; text-align:center; padding:130px 0 80px; background:radial-gradient(70% 60% at 50% 0%,#7a3df0 0%,transparent 62%),radial-gradient(50% 50% at 90% 40%,#d6389a 0%,transparent 60%),linear-gradient(180deg,#2c1480 0%,#2a1670 100%); }
.lg-hero .wrap { position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; }
.lg-hero h1 { font-size:clamp(3.2rem,10vw,7rem); line-height:.92; color:#fff; text-shadow:0 5px 0 #34107f,0 0 40px rgba(150,100,255,.6); }
.lg-hero h1 em { font-style:normal; color:#ffd84a; text-shadow:0 5px 0 #8a5a00,0 0 40px rgba(255,216,74,.55); background:none; -webkit-text-fill-color:#ffd84a; }
.lg-hero .kicker { background:rgba(255,255,255,.12); color:#fff; box-shadow:none; border:1px solid rgba(255,255,255,.25); }
.lg-hero .lead { color:#eadfff; }
.lg-when { display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 26px; font:600 .95rem/1 Fredoka,sans-serif; }
.lg-when span { background:rgba(10,4,40,.55); border:2px solid rgba(180,150,255,.4); padding:9px 16px; border-radius:999px; }
.lg-when .lg-live { color:#4efa50; border-color:#4efa50; }
.lg-hero .gf { z-index:2; }
.lg-hero .e1 { width:clamp(110px,15vw,230px); left:6%; top:20%; } .lg-hero .e2 { width:clamp(100px,14vw,210px); right:5%; top:16%; animation-delay:-2s; }
.lg-hero .e3 { width:clamp(90px,11vw,170px); left:14%; bottom:8%; animation-delay:-1s; } .lg-hero .e4 { width:clamp(90px,11vw,170px); right:13%; bottom:9%; animation-delay:-3s; transform:rotate(8deg); }
@media (max-width:760px) { .lg-hero { padding:110px 0 60px; } .lg-hero .e1 { width:90px; left:2%; top:13%; } .lg-hero .e2 { width:84px; right:2%; top:12%; } .lg-hero .e3 { width:76px; left:3%; bottom:3%; } .lg-hero .e4 { width:76px; right:3%; bottom:3%; } }
.lg-sec { background:linear-gradient(180deg,#2a1670 0%,#1e0f5a 100%); padding:clamp(56px,8vw,96px) 0; }
.lg-sec:nth-of-type(even) { background:linear-gradient(180deg,#1e0f5a 0%,#190a47 100%); }
.lg-sec h2 { text-shadow:0 4px 0 #34107f,0 0 28px rgba(150,100,255,.55); } .lg-sec .sub { color:#cfc4ff; }
/* me */
.lg-me { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:16px; }
.lg-mecard,.lg-stat { background:linear-gradient(180deg,#3a1c98,#26126a); border:3px solid #7a52ee; border-radius:26px; padding:18px 20px; box-shadow:0 7px 0 #0f0630; }
.lg-stat { display:flex; flex-direction:column; justify-content:center; gap:6px; text-align:center; } .lg-stat b { font:700 clamp(2rem,4vw,2.8rem)/1 Fredoka,sans-serif; } .lg-stat.gold b { color:#ffd84a; text-shadow:0 3px 0 #8a5a00; }
.lg-mecard .rl,.lg-stat .rl { color:#cfc4ff; } .lg-mecard .row { margin-top:8px; flex-wrap:nowrap; } .lg-mecard .hint { color:#cfc4ff; }
.lg-page input { background:rgba(10,4,40,.55); border:3px solid #6d45e6; color:#fff; border-radius:999px; padding:12px 16px; font:inherit; min-width:0; flex:1; } .lg-page input:focus { outline:none; border-color:var(--lime); }
@media (max-width:860px) { .lg-me { grid-template-columns:1fr 1fr 1fr; } .lg-mecard { grid-column:1/-1; } .lg-stat { padding:14px 8px; } }
/* podium + list */
.lg-podium { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:16px; align-items:end; max-width:760px; margin:40px auto 24px; }
.lg-pod { text-align:center; border:3px solid #7a52ee; border-radius:26px 26px 12px 12px; padding:16px 10px 14px; background:linear-gradient(180deg,#3a1c98,#26126a); box-shadow:0 7px 0 #0f0630; }
.lg-pod.p1 { padding-top:26px; background:linear-gradient(180deg,#8a5cf0,#4a2aa8); border-color:#ffd84a; min-height:190px; } .lg-pod.p2 { min-height:150px; } .lg-pod.p3 { min-height:130px; }
.lg-pod i { display:block; font-size:2.2rem; font-style:normal; } .lg-pod b { display:block; font:700 1.05rem/1.2 Fredoka,sans-serif; margin:6px 0 2px; word-break:break-word; } .lg-pod span { color:#ffd84a; font:700 1.3rem/1 Fredoka,sans-serif; }
.lg-pod.empty { opacity:.5; }
.lg-list { max-width:760px; margin:0 auto; background:linear-gradient(180deg,#3a1c98,#26126a); border:3px solid #7a52ee; border-radius:26px; padding:8px 20px; box-shadow:0 7px 0 #0f0630; }
.lg-list li { border-bottom:1px solid rgba(255,255,255,.12); } .lg-list li:last-child { border:0; } .lg-list li.me { background:rgba(78,250,80,.14); margin:0 -12px; padding-left:12px; padding-right:12px; border-radius:12px; }
.lg-list li span:last-child { color:#ffd84a; }
/* prizes */
.lg-prizes { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:20px; margin-top:44px; align-items:stretch; }
.lg-prize { position:relative; text-align:center; background:linear-gradient(180deg,#3a1c98,#26126a); border:3px solid #7a52ee; border-radius:30px; padding:34px 20px 24px; box-shadow:0 8px 0 #0f0630,0 24px 44px -14px rgba(0,0,0,.6); }
.lg-prize.p1 { border-color:#ffd84a; background:linear-gradient(180deg,#6a3cd8,#3a1c98); box-shadow:0 8px 0 #0f0630,0 0 50px rgba(255,216,74,.35); }
.lg-prize img { height:150px; width:auto; margin:6px auto 10px; filter:drop-shadow(0 12px 14px rgba(0,0,0,.5)); } .lg-prize.p1 img { height:190px; }
.lg-prize h3 { font-size:1.4rem; } .lg-prize p { color:#d9cffb; font-size:.95rem; margin-top:6px; }
.lg-badge { position:absolute; left:50%; top:-16px; transform:translateX(-50%); white-space:nowrap; background:linear-gradient(180deg,#fff2b8,#ffd84a); color:#4a3100; border:3px solid #34107f; box-shadow:0 4px 0 #2a0f6b; border-radius:999px; padding:8px 16px; font:700 .85rem/1 Fredoka,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:860px) { .lg-prizes { grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto; gap:34px; } }
/* wheel */
.lg-wheelbox { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,60px); align-items:center; max-width:900px; margin:40px auto 0; }
.lg-wheelwrap { position:relative; width:min(100%,380px); aspect-ratio:1; margin:0 auto; }
.lg-wheel { width:100%; height:100%; display:block; transition:transform 5s cubic-bezier(.12,.7,.1,1); filter:drop-shadow(0 18px 24px rgba(0,0,0,.55)); }
.lg-pointer { position:absolute; left:50%; top:-14px; z-index:3; width:0; height:0; transform:translateX(-50%); border-left:16px solid transparent; border-right:16px solid transparent; border-top:34px solid #ff3d8a; filter:drop-shadow(0 4px 0 #34107f); }
.lg-hub { position:absolute; left:50%; top:50%; z-index:2; width:16%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd84a 60%,#c98a12); border:4px solid #34107f; box-shadow:0 4px 0 #2a0f6b; }
.lg-wheelside { text-align:center; } .lg-spins { font:600 1.1rem/1 Fredoka,sans-serif; color:#cfc4ff; margin-bottom:16px; }
.lg-wheelside .hint { color:#cfc4ff; margin-top:14px; min-height:2.6em; } .lg-wheelside .hint.win { color:#caff6a; font:700 1.15rem/1.3 Fredoka,sans-serif; }
.lg-wins { margin-top:18px; text-align:left; background:rgba(255,216,74,.12); border:2px dashed #ffd84a; border-radius:20px; padding:14px 16px; font-size:.92rem; } .lg-wins b { color:#ffd84a; }
@media (max-width:760px) { .lg-wheelbox { grid-template-columns:1fr; } }
/* recap + rules */
.lg-recap { display:grid; gap:16px; max-width:760px; margin:36px auto 0; }
.lg-week { background:linear-gradient(180deg,#3a1c98,#26126a); border:3px solid #7a52ee; border-radius:24px; padding:16px 20px; box-shadow:0 6px 0 #0f0630; } .lg-week h3 { font-size:1rem; color:#cfc4ff; margin-bottom:8px; letter-spacing:.06em; }
.lg-week div { display:flex; justify-content:space-between; gap:12px; padding:5px 0; font-weight:500; } .lg-week div b:last-child { color:#ffd84a; font-family:Fredoka,sans-serif; }
.lg-rules { max-width:820px; } .lg-ol { margin:34px 0 18px; padding-left:1.4em; display:grid; gap:14px; color:#e6defd; } .lg-ol li { padding-left:4px; } .lg-ol b { color:#fff; } .lg-ol a { color:#caff6a; text-decoration:underline; } .lg-rules .hint { color:#b9a8f0; }
.lg-rules h2 { text-align:left; }
.lg-page footer { background:linear-gradient(180deg,#12082e 0%,#0b0422 100%); }

.lg-ol li { display:list-item !important; gap:0; border:0 !important; padding:0 0 0 4px !important; font-weight:400; }
.lg-ol li::before { display:none !important; }
html { scroll-behavior:auto; }