/* ═══ TEAM PICKER MODAL ═══ */
.team-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.team-picker-modal{background:#1a1a2e;border:1px solid rgba(200,168,75,.3);border-radius:12px;padding:20px;max-width:420px;width:100%;max-height:80vh;overflow-y:auto}
.team-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.team-picker-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 4px;cursor:pointer;text-align:center;transition:border-color .2s}
.team-picker-btn:hover{border-color:rgba(200,168,75,.5);background:rgba(255,255,255,.08)}

/* ═══ PREMIUM NAME GLOW EFFECTS ═══ */
.name-glow-gold{color:#F4D03F;text-shadow:0 0 4px rgba(244,208,63,.4),0 0 8px rgba(244,208,63,.2),0 0 16px rgba(244,208,63,.1)}
.name-glow-red{color:#E07060;text-shadow:0 0 4px rgba(255,80,60,.5),0 0 8px rgba(255,80,60,.25),0 0 16px rgba(255,60,40,.15)}
.name-glow-green{color:#5DCC70;text-shadow:0 0 4px rgba(93,204,112,.5),0 0 8px rgba(93,204,112,.25),0 0 16px rgba(93,204,112,.15)}
.name-glow-blue{color:#3B82F6;text-shadow:0 0 4px rgba(59,130,246,.5),0 0 8px rgba(59,130,246,.3),0 0 16px rgba(59,130,246,.15)}
.name-glow-purple{color:#A855F7;text-shadow:0 0 4px rgba(168,85,247,.5),0 0 8px rgba(168,85,247,.3),0 0 16px rgba(168,85,247,.15)}

/* Rainbow Flow name */
@keyframes rainbowFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.name-glow-rainbow{
  background:linear-gradient(90deg,#ff6b6b,#ffa500,#F4D03F,#5DCC70,#40c8ff,#b060ff,#ff60a0,#ff6b6b);
  background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:rainbowFlow 2s linear infinite;
  filter:drop-shadow(0 0 4px rgba(255,100,100,.3)) drop-shadow(0 0 4px rgba(100,200,255,.3))
}

/* Stadium Glow name (limited) - kept for backward compat */
@keyframes stadiumPulse{
  0%,100%{text-shadow:0 0 4px rgba(93,204,112,.3),0 0 8px rgba(93,204,112,.15)}
  50%{text-shadow:0 0 8px rgba(93,204,112,.6),0 0 16px rgba(93,204,112,.3),0 0 24px rgba(93,204,112,.1)}
}
.name-glow-stadium{color:#5DCC70;animation:stadiumPulse 1.5s ease-in-out infinite}

/* Confetti Rain row effect (limited) */
@keyframes confettiDrop1{0%{background-position:8% -10%,25% -30%,42% -50%,60% -20%,78% -40%,92% -60%}100%{background-position:8% 110%,25% 90%,42% 70%,60% 100%,78% 80%,92% 60%}}
@keyframes confettiDrop2{0%{background-position:15% -40%,35% -60%,52% -15%,70% -45%,85% -25%,5% -55%}100%{background-position:15% 80%,35% 60%,52% 105%,70% 75%,85% 95%,5% 65%}}
@keyframes confettiGlow{
  0%,100%{box-shadow:0 0 4px rgba(244,208,63,.1),0 0 8px rgba(93,204,112,.08);border-color:rgba(244,208,63,.2)}
  50%{box-shadow:0 0 8px rgba(244,208,63,.2),0 0 14px rgba(93,204,112,.12);border-color:rgba(244,208,63,.35)}
}
.row-confetti{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(244,208,63,.2);border-radius:4px;
  animation:confettiGlow 3s ease-in-out infinite;
  background:
    radial-gradient(circle 2.5px at center,rgba(255,107,107,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(244,208,63,.7) 0%,transparent 100%),
    radial-gradient(circle 2.5px at center,rgba(93,204,112,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(64,200,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2.5px at center,rgba(176,96,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(255,255,255,.6) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(255,96,160,.7) 0%,transparent 100%),
    radial-gradient(circle 2.5px at center,rgba(255,165,0,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(64,255,144,.7) 0%,transparent 100%),
    radial-gradient(circle 2.5px at center,rgba(244,208,63,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at center,rgba(255,107,107,.6) 0%,transparent 100%),
    radial-gradient(circle 2.5px at center,rgba(64,200,255,.6) 0%,transparent 100%);
  background-size:4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px;
  background-repeat:no-repeat;
  animation:confettiDrop1 2s linear infinite,confettiDrop2 2.7s linear infinite,confettiGlow 3s ease-in-out infinite
}

/* Trophy Row effect (limited) */
@keyframes trophyGlow{
  0%,100%{box-shadow:0 0 6px rgba(244,208,63,.15),0 0 12px rgba(244,208,63,.08);border-color:rgba(244,208,63,.25)}
  50%{box-shadow:0 0 10px rgba(244,208,63,.35),0 0 20px rgba(244,208,63,.15),0 0 30px rgba(244,208,63,.08);border-color:rgba(244,208,63,.5)}
}
@keyframes trophySweep{0%{background-position:-200% 50%}100%{background-position:200% 50%}}
.row-trophy{
  animation:trophyGlow 2s ease-in-out infinite,trophySweep 2.5s linear infinite;
  border:1.5px solid rgba(244,208,63,.25);border-radius:4px;
  background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(244,208,63,.06) 30%,rgba(244,208,63,.12) 40%,rgba(255,255,255,.08) 50%,rgba(244,208,63,.12) 60%,rgba(244,208,63,.06) 70%,transparent 80%,transparent 100%);
  background-size:200% 100%
}

/* Holographic row effect */
@keyframes holoShift{
  0%{border-color:rgba(255,100,150,.4);box-shadow:0 0 8px rgba(255,100,150,.2),0 0 16px rgba(255,100,150,.08)}
  20%{border-color:rgba(100,200,255,.4);box-shadow:0 0 8px rgba(100,200,255,.25),0 0 16px rgba(100,200,255,.1)}
  40%{border-color:rgba(100,255,180,.4);box-shadow:0 0 8px rgba(100,255,180,.2),0 0 16px rgba(100,255,180,.08)}
  60%{border-color:rgba(244,208,63,.4);box-shadow:0 0 8px rgba(244,208,63,.25),0 0 16px rgba(244,208,63,.1)}
  80%{border-color:rgba(180,100,255,.4);box-shadow:0 0 8px rgba(180,100,255,.25),0 0 16px rgba(180,100,255,.1)}
  100%{border-color:rgba(255,100,150,.4);box-shadow:0 0 8px rgba(255,100,150,.2),0 0 16px rgba(255,100,150,.08)}
}
@keyframes holoSweep{0%{background-position:-200% 50%}100%{background-position:200% 50%}}
.row-holo{
  animation:holoShift 3s linear infinite,holoSweep 2.5s linear infinite;
  border:1.5px solid rgba(255,100,150,.4);border-radius:4px;
  background:
    linear-gradient(90deg,transparent 0%,transparent 25%,rgba(255,100,150,.06) 30%,rgba(100,200,255,.08) 38%,rgba(100,255,180,.06) 46%,rgba(244,208,63,.08) 54%,rgba(180,100,255,.06) 62%,transparent 70%,transparent 100%),
    radial-gradient(circle 2px at 12% 35%,rgba(255,200,255,.5) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 35% 65%,rgba(200,255,220,.4) 0%,transparent 100%),
    radial-gradient(circle 2px at 58% 25%,rgba(200,220,255,.5) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 82% 55%,rgba(255,220,200,.4) 0%,transparent 100%),
    radial-gradient(circle 2px at 95% 40%,rgba(220,200,255,.45) 0%,transparent 100%);
  background-size:200% 100%,auto,auto,auto,auto,auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat
}

/* ═══ ROW EFFECT: GOLDEN GLOW ═══ */
@keyframes rowGlow{
  0%,100%{box-shadow:0 0 6px rgba(244,208,63,.15),0 0 12px rgba(244,208,63,.08),inset 0 0 8px rgba(244,208,63,.06);border-color:rgba(244,208,63,.25)}
  50%{box-shadow:0 0 10px rgba(244,208,63,.35),0 0 20px rgba(244,208,63,.15),0 0 30px rgba(244,208,63,.05),inset 0 0 12px rgba(244,208,63,.1);border-color:rgba(244,208,63,.5)}
}
@keyframes goldSweep{0%{background-position:-200% 50%}100%{background-position:200% 50%}}
.row-glow{
  animation:rowGlow 2.5s ease-in-out infinite,goldSweep 3s linear infinite;
  border:1.5px solid rgba(244,208,63,.25);border-radius:4px;
  background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(244,208,63,.08) 40%,rgba(244,208,63,.15) 50%,rgba(244,208,63,.08) 60%,transparent 70%,transparent 100%);
  background-size:200% 100%
}

/* ═══ ROW EFFECT: FIRE BORDER ═══ */
@keyframes fireBorder{
  0%{border-color:#c0392b;box-shadow:0 0 4px rgba(192,57,43,.3),0 0 10px rgba(192,57,43,.15)}
  25%{border-color:#e74c3c;box-shadow:0 0 6px rgba(255,100,0,.4),0 0 12px rgba(255,100,0,.2)}
  50%{border-color:#ff8c00;box-shadow:0 0 8px rgba(255,140,0,.4),0 0 14px rgba(255,140,0,.2)}
  75%{border-color:#ff6347;box-shadow:0 0 6px rgba(255,99,71,.4),0 0 12px rgba(255,99,71,.2)}
  100%{border-color:#c0392b;box-shadow:0 0 4px rgba(192,57,43,.3),0 0 10px rgba(192,57,43,.15)}
}
@keyframes flames1{
  0%,100%{background-size:6px 55%,8px 70%,5px 45%,9px 80%,7px 55%,6px 65%,8px 50%,5px 60%,7px 45%,10px 85%}
  33%{background-size:7px 70%,6px 50%,8px 65%,7px 55%,9px 75%,5px 45%,7px 70%,8px 45%,6px 68%,8px 60%}
  66%{background-size:5px 55%,9px 75%,7px 50%,8px 70%,6px 45%,8px 78%,5px 55%,7px 72%,9px 50%,7px 75%}
}
@keyframes flameFlicker{0%,100%{opacity:.9}20%{opacity:1}40%{opacity:.8}60%{opacity:1}80%{opacity:.85}}
.row-fire{
  background:
    radial-gradient(ellipse at 5% 100%,#ff6a00 0%,rgba(255,80,0,.6) 30%,rgba(255,0,0,.2) 60%,transparent 80%),
    radial-gradient(ellipse at 15% 100%,#ffcc00 0%,rgba(255,140,0,.5) 25%,rgba(255,60,0,.15) 55%,transparent 75%),
    radial-gradient(ellipse at 25% 100%,#ff4500 0%,rgba(255,69,0,.5) 30%,rgba(255,0,0,.1) 60%,transparent 80%),
    radial-gradient(ellipse at 38% 100%,#ffaa00 0%,rgba(255,160,0,.6) 20%,rgba(255,80,0,.2) 50%,transparent 75%),
    radial-gradient(ellipse at 50% 100%,#ff6a00 0%,rgba(255,100,0,.5) 30%,rgba(255,40,0,.15) 55%,transparent 80%),
    radial-gradient(ellipse at 62% 100%,#ffcc00 0%,rgba(255,180,0,.5) 25%,rgba(255,80,0,.1) 55%,transparent 75%),
    radial-gradient(ellipse at 72% 100%,#ff4500 0%,rgba(255,60,0,.5) 30%,rgba(255,0,0,.15) 60%,transparent 80%),
    radial-gradient(ellipse at 82% 100%,#ff8c00 0%,rgba(255,120,0,.5) 25%,rgba(255,60,0,.1) 55%,transparent 75%),
    radial-gradient(ellipse at 90% 100%,#ff6a00 0%,rgba(255,80,0,.4) 30%,rgba(255,0,0,.1) 60%,transparent 80%),
    radial-gradient(ellipse at 97% 100%,#ffaa00 0%,rgba(255,160,0,.6) 20%,rgba(255,80,0,.2) 50%,transparent 75%);
  background-repeat:no-repeat;
  background-size:6px 55%,8px 70%,5px 45%,9px 80%,7px 55%,6px 65%,8px 50%,5px 60%,7px 45%,10px 85%;
  background-position:5% 100%,15% 100%,25% 100%,38% 100%,50% 100%,62% 100%,72% 100%,82% 100%,90% 100%,97% 100%;
  animation:fireBorder 2s ease infinite,flames1 .8s ease-in-out infinite,flameFlicker .15s linear infinite;
  border:1.5px solid #c0392b;border-radius:4px
}

/* ═══ ROW EFFECT: DIAMOND SPARKLE ═══ */
@keyframes diamondShimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes diamondPrism{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes diamondRowGlow{
  0%,100%{box-shadow:0 0 8px rgba(100,180,255,.25),0 0 16px rgba(100,180,255,.1);border-color:rgba(100,200,255,.35)}
  25%{box-shadow:0 0 10px rgba(180,100,255,.3),0 0 18px rgba(180,100,255,.12);border-color:rgba(180,130,255,.4)}
  50%{box-shadow:0 0 12px rgba(100,200,255,.4),0 0 22px rgba(100,200,255,.18),0 0 32px rgba(100,200,255,.06);border-color:rgba(100,220,255,.55)}
  75%{box-shadow:0 0 10px rgba(130,180,255,.3),0 0 18px rgba(200,130,255,.12);border-color:rgba(150,180,255,.4)}
}
@keyframes sparklePoints{
  0%,100%{opacity:.25}
  50%{opacity:.85}
}
.row-diamond{
  animation:diamondRowGlow 3s ease-in-out infinite,sparklePoints 1.5s ease-in-out infinite;
  border:1.5px solid rgba(100,200,255,.35);border-radius:4px;
  background:
    radial-gradient(circle 2.5px at 8% 25%,rgba(255,255,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 22% 65%,rgba(100,180,255,.6) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 40% 20%,rgba(255,100,255,.55) 0%,transparent 100%),
    radial-gradient(circle 2px at 55% 75%,rgba(150,80,255,.55) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 70% 30%,rgba(255,255,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 85% 60%,rgba(80,220,255,.55) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 95% 35%,rgba(255,180,80,.5) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 15% 45%,rgba(255,80,180,.5) 0%,transparent 100%),
    radial-gradient(circle 2px at 48% 50%,rgba(80,255,180,.45) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 78% 70%,rgba(255,160,80,.5) 0%,transparent 100%)
}
.row-diamond .diamond-sparkles{display:none}
.row-diamond .diamond-sparkles2{display:none}
.row-diamond .diamond-name{
  background:linear-gradient(90deg,
    var(--wh) 0%,var(--wh) 8%,
    #40c8ff 14%,#b060ff 19%,#fff 24%,#40d0ff 29%,#ff60a0 33%,#fff 37%,#6090ff 42%,
    var(--wh) 50%,
    #60c8ff 58%,#b060ff 62%,#fff 66%,#ff9040 71%,#40ff90 75%,#fff 79%,#40b8ff 84%,
    var(--wh) 92%,var(--wh) 100%);
  background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:diamondShimmer 2.5s linear infinite;
  filter:drop-shadow(0 0 6px rgba(80,180,255,.5)) drop-shadow(0 0 12px rgba(160,80,255,.25))
}


/* ═══ CREATOR TAUNT ═══ */
@keyframes creatorGlow{0%,100%{text-shadow:0 0 4px rgba(244,208,63,.3)}50%{text-shadow:0 0 8px rgba(244,208,63,.6),0 0 12px rgba(244,208,63,.2)}}
.creator-taunt{color:#F4D03F;font-style:italic;font-size:9px;margin-top:1px;animation:creatorGlow 2s ease-in-out infinite;font-family:Oswald,sans-serif;letter-spacing:.5px}

/* ═══ STYLED TAUNTS ═══ */
@keyframes tauntPulse{0%,100%{opacity:.7}50%{opacity:1}}
.taunt-styled{font-size:9px;font-style:italic;margin-top:1px;font-family:Oswald,sans-serif;letter-spacing:.5px;animation:tauntPulse 3s ease-in-out infinite}
.taunt-luck{color:#E07060;text-shadow:0 0 6px rgba(224,112,96,.2)}
.taunt-called{color:#5DCC70;text-shadow:0 0 6px rgba(93,204,112,.2)}
.taunt-easy{color:#60c8ff;text-shadow:0 0 6px rgba(96,200,255,.2)}
.taunt-streak{color:#ff8c00;text-shadow:0 0 6px rgba(255,140,0,.2)}
.taunt-rent{color:#A855F7;text-shadow:0 0 6px rgba(168,85,247,.2)}
.taunt-wasthere{color:#5DCC70;text-shadow:0 0 6px rgba(93,204,112,.2)}

/* ═══ ANIMATED FLAIR ═══ */
@keyframes flairBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.flair-animated{display:inline-block;animation:flairBounce 2s ease-in-out infinite}
@media(min-width:768px){.flair-animated>.team-badge[width="24"]{width:30px;height:30px}}

/* ═══ WHEEL-EXCLUSIVE COSMETICS ═══ */
@keyframes platinumShift{0%,100%{text-shadow:0 0 6px rgba(200,210,230,.4),0 0 12px rgba(200,210,230,.15)}50%{text-shadow:0 0 10px rgba(220,230,255,.6),0 0 18px rgba(200,210,230,.25)}}
.name-glow-platinum{color:#C8D6E5;animation:platinumShift 2s ease-in-out infinite}
@keyframes neonPinkPulse{0%,100%{text-shadow:0 0 4px rgba(255,96,160,.4),0 0 8px rgba(255,96,160,.2)}50%{text-shadow:0 0 8px rgba(255,96,160,.6),0 0 14px rgba(255,96,160,.3)}}
.name-glow-neonpink{color:#FF60A0;animation:neonPinkPulse 1.8s ease-in-out infinite}

/* ═══ ULTRA-RARE ROW EFFECTS (WHEEL EXCLUSIVE) ═══ */

/* Aurora Borealis */
@keyframes auroraSweep{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes auroraWave2{0%{background-position:200% 60%}100%{background-position:0% 40%}}
@keyframes auroraGlow{0%,100%{box-shadow:0 0 8px rgba(93,204,112,.2),0 0 16px rgba(80,180,255,.1);border-color:rgba(93,204,112,.35)}33%{box-shadow:0 0 12px rgba(80,180,255,.3),0 0 20px rgba(168,85,247,.15);border-color:rgba(80,180,255,.45)}66%{box-shadow:0 0 10px rgba(168,85,247,.25),0 0 18px rgba(93,204,112,.12);border-color:rgba(168,85,247,.4)}}
.row-aurora{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(93,204,112,.35);border-radius:4px;
  background:linear-gradient(90deg,transparent 0%,rgba(93,204,112,.08) 12%,rgba(80,180,255,.1) 25%,rgba(168,85,247,.08) 38%,rgba(93,204,112,.06) 50%,rgba(80,180,255,.1) 62%,rgba(168,85,247,.08) 75%,rgba(93,204,112,.06) 88%,transparent 100%);
  background-size:200% 100%;
  animation:auroraSweep 3.5s linear infinite,auroraGlow 4s ease-in-out infinite;
}
.row-aurora::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.06) 10%,rgba(80,180,255,.1) 20%,rgba(93,204,112,.08) 35%,rgba(255,180,255,.06) 45%,rgba(80,180,255,.08) 55%,rgba(93,204,112,.1) 70%,rgba(168,85,247,.06) 85%,transparent 100%);
  background-size:200% 100%;
  animation:auroraWave2 5s linear infinite;
  opacity:.7}
.row-aurora::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60px 100% at 15% 0%,rgba(93,204,112,.12) 0%,transparent 70%),
    radial-gradient(ellipse 50px 100% at 35% 100%,rgba(80,180,255,.1) 0%,transparent 70%),
    radial-gradient(ellipse 70px 100% at 55% 0%,rgba(168,85,247,.1) 0%,transparent 70%),
    radial-gradient(ellipse 45px 100% at 75% 100%,rgba(93,204,112,.12) 0%,transparent 70%),
    radial-gradient(ellipse 55px 100% at 90% 0%,rgba(80,180,255,.1) 0%,transparent 70%);
  animation:auroraSweep 7s linear infinite;
  opacity:.5}

/* Lightning Storm */
@keyframes lightningSweep{0%{background-position:200% 50%}100%{background-position:-200% 50%}}
@keyframes lightningFlash{0%,88%,100%{box-shadow:0 0 4px rgba(80,180,255,.15);border-color:rgba(80,180,255,.25)}91%{box-shadow:0 0 25px rgba(180,220,255,.6),0 0 50px rgba(80,180,255,.3);border-color:rgba(200,230,255,.8)}94%{box-shadow:0 0 4px rgba(80,180,255,.1);border-color:rgba(80,180,255,.2)}97%{box-shadow:0 0 18px rgba(180,220,255,.5),0 0 35px rgba(80,180,255,.2);border-color:rgba(200,230,255,.7)}}
@keyframes boltStrike{0%,84%,100%{opacity:0}86%{opacity:1}88%{opacity:0}90%{opacity:.8}92%{opacity:0}94%{opacity:.5}96%{opacity:0}}
@keyframes boltStrike2{0%,54%,100%{opacity:0}56%{opacity:1}58%{opacity:0}60%{opacity:.7}62%{opacity:0}}
@keyframes rowFlash{0%,84%,96%,100%{background-color:transparent}88%{background-color:rgba(180,220,255,.06)}}
.row-lightning{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(80,180,255,.25);border-radius:4px;
  background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(80,180,255,.06) 40%,rgba(200,230,255,.1) 50%,rgba(80,180,255,.06) 60%,transparent 70%,transparent 100%);
  background-size:200% 100%;
  animation:lightningSweep 2s linear infinite,lightningFlash 4s ease-in-out infinite,rowFlash 4s ease-in-out infinite;
}
.row-lightning::before{content:'';position:absolute;top:0;left:72%;width:16px;height:100%;pointer-events:none;z-index:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 42'%3E%3Cpath d='M10 0L6 16L11 16L4 42L8 24L3 24L8 0Z' fill='rgba(200,230,255,0.9)' stroke='rgba(80,180,255,0.6)' stroke-width='0.5'/%3E%3C/svg%3E") no-repeat center/contain;
  filter:drop-shadow(0 0 4px rgba(180,220,255,.8)) drop-shadow(0 0 8px rgba(80,180,255,.4));
  animation:boltStrike 4s ease-in-out infinite}
.row-lightning::after{content:'';position:absolute;top:0;left:28%;width:14px;height:100%;pointer-events:none;z-index:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 42'%3E%3Cpath d='M9 0L5 14L9 14L3 42L7 22L3 22L7 0Z' fill='rgba(200,230,255,0.85)' stroke='rgba(80,180,255,0.5)' stroke-width='0.5'/%3E%3C/svg%3E") no-repeat center/contain;
  filter:drop-shadow(0 0 4px rgba(180,220,255,.8));
  animation:boltStrike2 6s ease-in-out infinite}

/* Shadow Flame */
@keyframes shadowFlame{0%,100%{border-color:rgba(128,0,128,.3);box-shadow:0 0 4px rgba(128,0,128,.2),0 0 10px rgba(128,0,128,.1)}25%{border-color:rgba(168,85,247,.4);box-shadow:0 0 6px rgba(168,85,247,.3),0 0 12px rgba(168,85,247,.15)}50%{border-color:rgba(200,0,200,.35);box-shadow:0 0 8px rgba(200,0,200,.3),0 0 14px rgba(200,0,200,.15)}75%{border-color:rgba(148,60,200,.35);box-shadow:0 0 6px rgba(148,60,200,.3),0 0 12px rgba(148,60,200,.15)}}
@keyframes sFlicker1{0%,100%{background-size:8px 55%,6px 70%,9px 45%,7px 80%,10px 55%,6px 65%,8px 50%,10px 60%,7px 45%,9px 50%}25%{background-size:8px 70%,6px 50%,9px 80%,7px 45%,10px 70%,6px 85%,8px 40%,10px 75%,7px 60%,9px 40%}50%{background-size:8px 40%,6px 85%,9px 60%,7px 50%,10px 85%,6px 40%,8px 75%,10px 45%,7px 80%,9px 70%}75%{background-size:8px 80%,6px 40%,9px 50%,7px 70%,10px 45%,6px 75%,8px 60%,10px 85%,7px 35%,9px 65%}}
.row-shadowflame{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(128,0,128,.3);border-radius:4px;
  animation:shadowFlame 2s ease-in-out infinite,sFlicker1 1.3s ease-in-out infinite;
  background:
    radial-gradient(ellipse at 5% 100%,rgba(168,85,247,.8) 0%,rgba(128,0,128,.4) 40%,transparent 80%),
    radial-gradient(ellipse at 15% 100%,rgba(200,0,200,.6) 0%,rgba(148,60,200,.3) 35%,transparent 75%),
    radial-gradient(ellipse at 25% 100%,rgba(128,0,128,.7) 0%,rgba(168,85,247,.4) 30%,transparent 70%),
    radial-gradient(ellipse at 38% 100%,rgba(200,0,200,.6) 0%,rgba(148,60,200,.3) 35%,transparent 75%),
    radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.8) 0%,rgba(128,0,128,.4) 30%,transparent 70%),
    radial-gradient(ellipse at 62% 100%,rgba(148,60,200,.7) 0%,rgba(200,0,200,.3) 35%,transparent 75%),
    radial-gradient(ellipse at 72% 100%,rgba(128,0,128,.6) 0%,rgba(168,85,247,.3) 30%,transparent 70%),
    radial-gradient(ellipse at 82% 100%,rgba(200,0,200,.7) 0%,rgba(128,0,128,.4) 25%,transparent 70%),
    radial-gradient(ellipse at 92% 100%,rgba(168,85,247,.8) 0%,rgba(148,60,200,.4) 35%,transparent 75%),
    radial-gradient(ellipse at 97% 100%,rgba(128,0,128,.7) 0%,rgba(200,0,200,.3) 30%,transparent 70%);
  background-repeat:no-repeat;
  background-position:5% 100%,15% 100%,25% 100%,38% 100%,50% 100%,62% 100%,72% 100%,82% 100%,92% 100%,97% 100%;
  background-size:8px 55%,6px 70%,9px 45%,7px 80%,10px 55%,6px 65%,8px 50%,10px 60%,7px 45%,9px 50%;
}

/* Crystal Ice */
@keyframes iceShimmer{0%{background-position:-200% 50%}100%{background-position:200% 50%}}
@keyframes iceGlow{0%,100%{box-shadow:0 0 8px rgba(180,220,255,.2),0 0 14px rgba(180,220,255,.1);border-color:rgba(180,220,255,.3)}50%{box-shadow:0 0 14px rgba(200,240,255,.35),0 0 24px rgba(180,220,255,.18);border-color:rgba(220,245,255,.5)}}
@keyframes snowDrift1{0%{background-position:100% 10%,90% 50%,80% 80%,70% 20%,60% 60%,50% 90%,40% 30%,30% 70%,20% 40%,10% 75%,5% 15%,95% 55%}100%{background-position:-20% 30%,-10% 70%,0% 15%,-10% 55%,-20% 85%,-30% 25%,-20% 65%,-10% 45%,0% 80%,-10% 20%,-25% 50%,-15% 35%}}
@keyframes snowDrift2{0%{background-position:95% 40%,85% 75%,75% 15%,65% 55%,55% 85%,45% 25%,35% 60%,25% 90%,15% 35%,5% 65%}100%{background-position:-15% 60%,-5% 20%,5% 45%,-5% 80%,-15% 30%,-25% 70%,-15% 15%,-5% 50%,5% 75%,-5% 40%}}
.row-ice{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(180,220,255,.3);border-radius:4px;
  background:linear-gradient(90deg,rgba(150,200,240,.04) 0%,rgba(180,220,255,.06) 15%,rgba(200,240,255,.1) 30%,rgba(255,255,255,.08) 45%,rgba(200,240,255,.1) 60%,rgba(180,220,255,.06) 75%,rgba(150,200,240,.04) 100%);
  background-size:200% 100%;
  animation:iceShimmer 3s linear infinite,iceGlow 3s ease-in-out infinite;
}
.row-ice::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle 2.5px at center,rgba(255,255,255,.8) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(220,245,255,.7) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(255,255,255,.6) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(200,235,255,.7) 0%,transparent 70%),
    radial-gradient(circle 2.5px at center,rgba(255,255,255,.75) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(220,240,255,.65) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(255,255,255,.7) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(200,230,255,.6) 0%,transparent 70%),
    radial-gradient(circle 2.5px at center,rgba(255,255,255,.8) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(220,245,255,.65) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(255,255,255,.7) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(200,235,255,.6) 0%,transparent 70%);
  background-size:4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px;
  background-repeat:no-repeat;
  animation:snowDrift1 1.8s linear infinite}
.row-ice::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle 2px at center,rgba(255,255,255,.7) 0%,transparent 70%),
    radial-gradient(circle 2.5px at center,rgba(220,245,255,.75) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(255,255,255,.6) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(200,235,255,.7) 0%,transparent 70%),
    radial-gradient(circle 2.5px at center,rgba(255,255,255,.8) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(220,240,255,.65) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(255,255,255,.7) 0%,transparent 70%),
    radial-gradient(circle 1.5px at center,rgba(200,230,255,.65) 0%,transparent 70%),
    radial-gradient(circle 2.5px at center,rgba(255,255,255,.75) 0%,transparent 70%),
    radial-gradient(circle 2px at center,rgba(220,245,255,.6) 0%,transparent 70%);
  background-size:4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px,4px 4px,3px 3px;
  background-repeat:no-repeat;
  animation:snowDrift2 2.2s linear infinite}

/* Cosmic Nebula */
@keyframes nebulaShift{0%,100%{border-color:rgba(128,0,180,.35);box-shadow:0 0 8px rgba(128,0,180,.2),0 0 14px rgba(40,0,100,.1)}33%{border-color:rgba(60,0,160,.4);box-shadow:0 0 10px rgba(60,0,160,.25),0 0 16px rgba(80,40,180,.12)}66%{border-color:rgba(100,40,200,.35);box-shadow:0 0 8px rgba(100,40,200,.2),0 0 14px rgba(60,0,140,.1)}}
@keyframes nebulaSweep{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes starFloat1{0%{transform:translate(0,0);opacity:.9}25%{transform:translate(3px,-2px);opacity:.4}50%{transform:translate(-2px,3px);opacity:1}75%{transform:translate(4px,1px);opacity:.3}100%{transform:translate(0,0);opacity:.9}}
@keyframes starFloat2{0%{transform:translate(0,0);opacity:.3}20%{transform:translate(-3px,2px);opacity:.9}50%{transform:translate(2px,-3px);opacity:.5}80%{transform:translate(-1px,4px);opacity:1}100%{transform:translate(0,0);opacity:.3}}
@keyframes starPulse{0%,100%{box-shadow:0 0 2px rgba(255,255,255,.3)}50%{box-shadow:0 0 6px rgba(255,255,255,.8),0 0 10px rgba(200,180,255,.4)}}
.row-nebula{
  position:relative;overflow:hidden;
  border:1.5px solid rgba(128,0,180,.35);border-radius:4px;
  background:linear-gradient(90deg,rgba(30,0,60,.3) 0%,rgba(60,0,120,.15) 20%,rgba(100,40,200,.12) 40%,rgba(40,0,100,.15) 60%,rgba(80,20,160,.12) 80%,rgba(30,0,60,.3) 100%);
  background-size:200% 100%;
  animation:nebulaShift 4s ease-in-out infinite,nebulaSweep 6s linear infinite;
}
.row-nebula::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle 2.5px at 8% 25%,rgba(255,255,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 18% 65%,rgba(200,180,255,.6) 0%,transparent 100%),
    radial-gradient(circle 3px at 30% 35%,rgba(255,255,255,.65) 0%,transparent 100%),
    radial-gradient(circle 2px at 42% 70%,rgba(220,200,255,.5) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 55% 25%,rgba(255,255,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 68% 60%,rgba(200,180,255,.55) 0%,transparent 100%);
  animation:starFloat1 3s ease-in-out infinite,starPulse 2s ease-in-out infinite}
.row-nebula::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle 2px at 12% 55%,rgba(255,255,255,.6) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 25% 20%,rgba(220,200,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 48% 50%,rgba(255,255,255,.5) 0%,transparent 100%),
    radial-gradient(circle 3px at 75% 30%,rgba(255,255,255,.7) 0%,transparent 100%),
    radial-gradient(circle 2px at 85% 65%,rgba(200,180,255,.6) 0%,transparent 100%),
    radial-gradient(circle 2.5px at 93% 40%,rgba(255,255,255,.65) 0%,transparent 100%);
  animation:starFloat2 3.5s ease-in-out infinite,starPulse 2.5s ease-in-out infinite .5s}

/* ═══ SHARED HEADER ═══ */
.lmp-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}
.lmp-hdr-left{display:flex;align-items:center;gap:10px}
.lmp-hdr-back{color:#ccc;font-size:20px;text-decoration:none;padding:4px 8px;background:rgba(255,255,255,.06);border-radius:4px;line-height:1}
.lmp-hdr-back:hover{background:rgba(255,255,255,.1)}
.lmp-hdr-badge{font-size:24px}
.lmp-hdr-title{font-family:Oswald,sans-serif;font-size:16px;letter-spacing:2px;color:#F0F0F0;line-height:1.2}
.lmp-hdr-sub{font-size:10px;letter-spacing:1.5px;color:#888;font-family:Oswald,sans-serif}
.lmp-hdr-right{display:flex;align-items:center;gap:6px}
.lmp-hdr-btn{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:1.5px;color:#F0F0F0;text-decoration:none;padding:8px 14px;border:1.5px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(255,255,255,.06)}
.lmp-hdr-btn:hover{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.1)}
.lmp-hdr-x{font-size:18px;color:#F0F0F0;text-decoration:none;padding:6px 8px;border:1.5px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(255,255,255,.06)}
.lmp-hdr-x:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}
.prof-link{position:relative}
.fr-badge{position:absolute;top:-5px;right:-5px;background:#E07060;color:#fff;font-size:8px;font-family:Oswald,sans-serif;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:none;align-items:center;justify-content:center;line-height:1;padding:0 3px}

/* ═══ SHARED WINNER BANNER ═══ */
.winner-banner{background:linear-gradient(135deg,rgba(200,168,75,.1),rgba(200,168,75,.03));border:2px solid var(--gold);border-radius:8px;padding:20px;margin:0 auto 16px;text-align:center;max-width:500px}
.winner-banner .wb-trophy{font-size:30px;margin-bottom:4px}
.winner-banner .wb-label{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:4px}
.winner-banner .wb-name{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:#F0F0F0;letter-spacing:1px}
.winner-banner .wb-pts{font-family:Oswald,sans-serif;font-size:14px;color:var(--gold);margin-top:2px}
.winner-banner.row-fire{background:
    radial-gradient(ellipse at 5% 100%,#ff6a00 0%,rgba(255,80,0,.6) 30%,rgba(255,0,0,.2) 60%,transparent 80%),
    radial-gradient(ellipse at 15% 100%,#ffcc00 0%,rgba(255,140,0,.5) 25%,rgba(255,60,0,.15) 55%,transparent 75%),
    radial-gradient(ellipse at 25% 100%,#ff4500 0%,rgba(255,69,0,.5) 30%,rgba(255,0,0,.1) 60%,transparent 80%),
    radial-gradient(ellipse at 38% 100%,#ffaa00 0%,rgba(255,160,0,.6) 20%,rgba(255,80,0,.2) 50%,transparent 75%),
    radial-gradient(ellipse at 50% 100%,#ff6a00 0%,rgba(255,100,0,.5) 30%,rgba(255,40,0,.15) 55%,transparent 80%),
    radial-gradient(ellipse at 62% 100%,#ffcc00 0%,rgba(255,180,0,.5) 25%,rgba(255,80,0,.1) 55%,transparent 75%),
    radial-gradient(ellipse at 72% 100%,#ff4500 0%,rgba(255,60,0,.5) 30%,rgba(255,0,0,.15) 60%,transparent 80%),
    radial-gradient(ellipse at 82% 100%,#ff8c00 0%,rgba(255,120,0,.5) 25%,rgba(255,60,0,.1) 55%,transparent 75%),
    radial-gradient(ellipse at 90% 100%,#ff6a00 0%,rgba(255,80,0,.4) 30%,rgba(255,0,0,.1) 60%,transparent 80%),
    radial-gradient(ellipse at 97% 100%,#ffaa00 0%,rgba(255,160,0,.6) 20%,rgba(255,80,0,.2) 50%,transparent 75%);
  background-repeat:no-repeat;
  background-position:5% 100%,15% 100%,25% 100%,38% 100%,50% 100%,62% 100%,72% 100%,82% 100%,90% 100%,97% 100%;
  background-size:6px 55%,8px 70%,5px 45%,9px 80%,7px 55%,6px 65%,8px 50%,5px 60%,7px 45%,10px 85%}
.winner-banner.row-glow{background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(244,208,63,.08) 40%,rgba(244,208,63,.15) 50%,rgba(244,208,63,.08) 60%,transparent 70%,transparent 100%);background-size:200% 100%}
.winner-banner.row-trophy{background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(244,208,63,.06) 30%,rgba(244,208,63,.12) 40%,rgba(255,255,255,.08) 50%,rgba(244,208,63,.12) 60%,rgba(244,208,63,.06) 70%,transparent 80%,transparent 100%);background-size:200% 100%}
.winner-banner.row-holo{background:
    linear-gradient(90deg,transparent 0%,transparent 25%,rgba(255,100,150,.06) 30%,rgba(100,200,255,.08) 38%,rgba(100,255,180,.06) 46%,rgba(244,208,63,.08) 54%,rgba(180,100,255,.06) 62%,transparent 70%,transparent 100%),
    radial-gradient(circle 2px at 12% 35%,rgba(255,200,255,.5) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 35% 65%,rgba(200,255,220,.4) 0%,transparent 100%),
    radial-gradient(circle 2px at 58% 25%,rgba(200,220,255,.5) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 82% 55%,rgba(255,220,200,.4) 0%,transparent 100%),
    radial-gradient(circle 2px at 95% 40%,rgba(220,200,255,.45) 0%,transparent 100%);
  background-size:200% 100%,auto,auto,auto,auto,auto;background-repeat:no-repeat}
