:root{--bg-color:#050506;--card-bg:rgba(17, 17, 18, 0.85);--nav-rgb:230,30,55;--podium-rgb:230,30,55;--ui-rgb:230,30,55;--orange-primary:rgb(var(--ui-rgb));--text-muted:#8a8a93;--text-light:#e4e4e7}
html{scrollbar-color:rgb(var(--ui-rgb)) #0a0a0b;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0a0a0b}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--ui-rgb)) 65%,white),rgb(var(--ui-rgb)));border-radius:999px;border:2px solid #0a0a0b}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--ui-rgb)) 45%,white),rgb(var(--ui-rgb)))}
body{background-color:var(--bg-color);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0;padding:clamp(12px,4vw,20px);box-sizing:border-box;overflow-x:hidden}
#bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-3;background-image:url('/background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
#bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:linear-gradient(180deg,rgba(5,5,6,.55) 0,rgba(5,5,6,.75) 45%,rgba(5,5,6,.92) 100%)}
body.day-mode #bg-image{filter:brightness(1.1) saturate(.92) hue-rotate(-3deg)}
body.day-mode #bg-overlay{background:linear-gradient(180deg,rgba(255,244,214,.1) 0,rgba(255,238,196,.05) 45%,rgba(255,230,180,.14) 100%)}
#rain-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block;pointer-events:none}
#lightning-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:#eaf0ff;opacity:0;pointer-events:none}
@keyframes screenShake{0%{transform:translate(0,0)}
12%{transform:translate(-8px,4px)}
26%{transform:translate(7px,-6px)}
40%{transform:translate(-6px,7px)}
54%{transform:translate(8px,-4px)}
68%{transform:translate(-5px,3px)}
82%{transform:translate(3px,-3px)}
100%{transform:translate(0,0)}
}
body.screen-shake{animation:screenShake .5s cubic-bezier(.36,.07,.19,.97)}
@media (prefers-reduced-motion:reduce){body.screen-shake{animation:none!important}
}
.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:0 auto;padding:16px clamp(12px,4vw,28px);gap:20px}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.nav-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-logo-glow{position:absolute;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(var(--nav-rgb),.6) 0,rgba(var(--nav-rgb),.28) 42%,rgba(var(--nav-rgb),0) 72%);filter:blur(6px);z-index:0;pointer-events:none}
.nav-logo{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;object-fit:cover}
.nav-brand-text{position:relative;font-weight:800;letter-spacing:1px;color:var(--text-light);font-size:1.1rem;display:none;white-space:nowrap}
.nav-brand-text::before{content:"";position:absolute;top:50%;left:50%;width:150%;height:280%;transform:translate(-50%,-50%) scale(.9);background:radial-gradient(circle,rgba(var(--nav-rgb),.55) 0%,rgba(var(--nav-rgb),.26) 45%,rgba(var(--nav-rgb),0) 72%);filter:blur(9px);z-index:-1;pointer-events:none;animation:navTextPulse 2.6s ease-in-out infinite}
@keyframes navTextPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.88)}
50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
}
@media (prefers-reduced-motion:reduce){.nav-brand-text::before{animation:none;opacity:.75}
}
.nav-links{display:flex;gap:clamp(10px,2.5vw,16px);flex-wrap:wrap;justify-content:center}
.faction-scoreboard{display:flex;align-items:center;gap:14px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(230,30,55,.3);font-weight:800;font-size:.82rem;flex-shrink:0}
.faction-scoreboard[hidden]{display:none!important}
.fs-item{display:flex;align-items:center;gap:3px;white-space:nowrap}
.fs-icon{font-size:1rem;line-height:1}
.fs-demon b{color:#ff5a4a}
.fs-angel b{color:#ffe066}
.fs-alien b{color:#7dffa0}
.fs-sep{color:var(--text-muted);font-weight:600}
.fs-item span:not(.fs-icon):not(.fs-sep){color:var(--text-muted)}
@media (max-width:760px){.faction-scoreboard{display:none}
}
.nav-links a{position:relative;display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 22px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(var(--nav-rgb),.3);transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.nav-maint-badge{display:none;position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffc233,#ff8f00);align-items:center;justify-content:center;font-size:.68rem;line-height:1;box-shadow:0 0 8px 2px rgba(255,179,0,.65);animation:navMaintPulse 2s ease-in-out infinite;z-index:2}.nav-maint-badge.show{display:flex}@keyframes navMaintPulse{0%,100%{box-shadow:0 0 8px 2px rgba(255,179,0,.6)}50%{box-shadow:0 0 14px 5px rgba(255,179,0,.9)}}@media (prefers-reduced-motion:reduce){.nav-maint-badge{animation:none}}
.nav-links a:hover{color:var(--text-light);transform:translateY(-1px);box-shadow:0 0 14px 2px rgba(var(--nav-rgb),.35)}
.nav-links a.active{color:#fff;background:linear-gradient(135deg,rgba(255,70,70,.4),rgba(var(--nav-rgb),.65));border-color:rgba(var(--nav-rgb),.85);box-shadow:0 0 16px 3px rgba(var(--nav-rgb),.55),0 0 32px 8px rgba(var(--nav-rgb),.25)}
@media (min-width:560px){.nav-brand-text{display:inline-block}
}
header{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:20px auto 40px auto;position:relative}
.logo{font-weight:800;font-size:clamp(1.35rem, 5vw, 2rem);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 15px rgba(0,0,0,.9)}
.sparkle-text{background:linear-gradient(90deg,rgb(var(--ui-rgb)) 0,#ff8c8c 25%,#fff 50%,#ff8c8c 75%,rgb(var(--ui-rgb)) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 2s linear infinite;display:inline-block;text-shadow:0 0 10px rgba(var(--ui-rgb),.35)}
@keyframes shine{to{background-position:200% center}
}
.logo span.site-tag{color:var(--orange-primary)}
.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;max-width:900px;width:100%;margin:40px auto;min-height:260px;position:relative;box-sizing:border-box;padding-top:clamp(85px,19vw,195px)}
.podium-card{padding:24px;text-align:center;flex:1;transition:border-color .3s ease;position:relative;overflow:visible}
.podium-card.first{order:2;height:240px}
.podium-card.second{order:1;height:200px}
.podium-card.third{order:3;height:180px}
.podium-card.placeholder-slot{opacity:.65}
.card-surface{position:absolute;inset:0;background:var(--card-bg);border-radius:12px;border:1px solid rgba(var(--podium-rgb),.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 14px 2px rgba(var(--podium-rgb),.35),0 0 30px 6px rgba(var(--podium-rgb),.18),0 10px 30px rgba(0,0,0,.5);z-index:2;pointer-events:none}
.podium-card.first .card-surface{border-color:rgba(255,213,64,.8);box-shadow:0 0 18px 3px rgba(255,213,64,.65),0 0 36px 8px rgba(255,213,64,.35),0 10px 30px rgba(0,0,0,.5)}
.podium-card.first:not(.placeholder-slot) .card-surface{animation:podiumGlowPulseFirst 2.4s ease-in-out infinite}
@keyframes podiumGlowPulseFirst{0%,100%{box-shadow:0 0 18px 3px rgba(255,213,64,.65),0 0 36px 8px rgba(255,213,64,.35),0 10px 30px rgba(0,0,0,.5)}
50%{box-shadow:0 0 34px 8px rgba(255,244,150,1),0 0 66px 18px rgba(255,213,64,.62),0 10px 30px rgba(0,0,0,.5)}
}
@media (prefers-reduced-motion:reduce){.podium-card.first .card-surface{animation:none!important}
}
body.podium-glow-off .podium-card.first:not(.placeholder-slot) .card-surface,body.podium-glow-off .podium-card.second .card-surface,body.podium-glow-off .podium-card.third .card-surface{animation:none!important;box-shadow:none!important}
body.podium-glow-off .character-backdrop{display:none!important}
body.podium-glow-off .avatar-ring{box-shadow:none!important}
body.podium-glow-off .rank-ribbon{filter:none!important}
body.podium-glow-off .crown-sparkles{display:none!important}
body.podium-glow-off .podium-name{text-shadow:none!important}
body.nav-glow-off .nav-logo-glow{display:none!important}
body.nav-glow-off .nav-brand-text::before{display:none!important}
body.nav-glow-off .nav-links a:hover{box-shadow:none!important}
body.nav-glow-off .nav-links a.active{box-shadow:none!important}
body.ui-glow-off .countdown-counter{text-shadow:none!important}
body.ui-glow-off .leaderboard-table{box-shadow:none!important}
body.ui-glow-off .row-avatar{box-shadow:none!important}
body.ui-glow-off .sparkle-text{text-shadow:none!important}
.podium-card.second .card-surface{border-color:rgba(201,201,209,.65);box-shadow:0 0 16px 3px rgba(201,201,209,.45),0 0 32px 7px rgba(201,201,209,.22),0 10px 30px rgba(0,0,0,.5)}
.podium-card.third .card-surface{border-color:rgba(205,127,50,.65);box-shadow:0 0 16px 3px rgba(205,127,50,.45),0 0 32px 7px rgba(205,127,50,.22),0 10px 30px rgba(0,0,0,.5)}
.podium-card.placeholder-slot .card-surface{border:1px dashed rgba(var(--podium-rgb),.25);box-shadow:none;animation:none}
.card-content{position:relative;z-index:3}
.character-backdrop{position:absolute;left:50%;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px)}
.podium-card.first .character-backdrop{width:clamp(80px,16vw,160px);height:clamp(80px,16vw,160px);bottom:14px;transform:translateX(-50%);background:radial-gradient(circle,rgba(var(--podium-rgb),.4) 0,rgba(var(--podium-rgb),.15) 45%,rgba(var(--podium-rgb),0) 72%)}
.podium-card.second .character-backdrop{width:clamp(70px,14vw,140px);height:clamp(70px,14vw,140px);bottom:10px;transform:translateX(-50%);background:radial-gradient(circle,rgba(var(--podium-rgb),.4) 0,rgba(var(--podium-rgb),.15) 45%,rgba(var(--podium-rgb),0) 72%)}
.podium-card.third .character-backdrop{width:clamp(63px,12.5vw,128px);height:clamp(63px,12.5vw,128px);bottom:8px;transform:translateX(-50%);background:radial-gradient(circle,rgba(var(--podium-rgb),.4) 0,rgba(var(--podium-rgb),.15) 45%,rgba(var(--podium-rgb),0) 72%)}
.rank-ribbon{position:absolute;top:-3%;left:38%;transform:translateX(-72%) rotate(-12deg);z-index:-1;width:clamp(85px,19vw,145px);padding:12px 8px 26px 8px;text-align:left;color:#0a0a0b;border-radius:4px 4px 0 0;opacity:.72;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);filter:drop-shadow(0 0 6px rgba(230, 30, 55, .85)) drop-shadow(0 0 16px rgba(230, 30, 55, .55)) drop-shadow(0 0 30px rgba(230, 30, 55, .3)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.rank-ribbon .rank-num{display:block;font-size:clamp(1.5rem, 5.5vw, 2.3rem);font-weight:900;line-height:1}
.rank-ribbon .rank-num sup{font-size:.5em;vertical-align:super}
.rank-ribbon .rank-place{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}
.podium-card.first .rank-ribbon{background:linear-gradient(135deg,#ffe066,#ffd700);filter:drop-shadow(0 0 6px rgba(255,213,64,.9)) drop-shadow(0 0 16px rgba(255,213,64,.6)) drop-shadow(0 0 30px rgba(255,213,64,.35)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.podium-card.second .rank-ribbon{background:linear-gradient(135deg,#e4e7ec,#9aa1ad);filter:drop-shadow(0 0 6px rgba(201,201,209,.9)) drop-shadow(0 0 16px rgba(201,201,209,.6)) drop-shadow(0 0 30px rgba(201,201,209,.35)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.podium-card.third .rank-ribbon{background:linear-gradient(135deg,#d9a066,#a8632f);color:#1a1006;filter:drop-shadow(0 0 6px rgba(205,127,50,.9)) drop-shadow(0 0 16px rgba(205,127,50,.6)) drop-shadow(0 0 30px rgba(205,127,50,.35)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.podium-card.first .prize-tag{color:#ffd700;background:rgba(255,215,0,.14)}
.podium-card.second .prize-tag{color:#c9c9d1;background:rgba(192,192,200,.14)}
.podium-card.third .prize-tag{color:#cd7f32;background:rgba(205,127,50,.14)}
.character-figure{position:absolute;bottom:50%;left:50%;pointer-events:none;z-index:1;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
.character-figure img{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:1}
.crown-sparkles{position:absolute;top:-10%;left:0;width:100%;height:42%;pointer-events:none;z-index:2}
.crown-sparkles .sparkle{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#fff 0%,#ffd873 45%,rgba(255,216,115,0) 75%);clip-path:polygon(50% 0%,63% 38%,100% 50%,63% 62%,50% 100%,37% 62%,0% 50%,37% 38%);opacity:0;filter:drop-shadow(0 0 4px rgba(255,216,115,.9));animation:sparkleTwinkle 2.2s ease-in-out infinite}
.crown-sparkles .s1{top:0%;left:10%;width:11px;height:11px;animation-delay:0s}
.crown-sparkles .s2{top:12%;left:78%;width:15px;height:15px;animation-delay:.55s}
.crown-sparkles .s3{top:-8%;left:46%;width:9px;height:9px;animation-delay:1.1s}
.crown-sparkles .s4{top:24%;left:16%;width:8px;height:8px;animation-delay:1.65s}
@keyframes sparkleTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0deg)}
50%{opacity:1;transform:scale(1) rotate(20deg)}
}
@media (prefers-reduced-motion:reduce){.crown-sparkles .sparkle{animation:none;opacity:.85;transform:scale(.85)}
}
.podium-card.first .character-figure{width:clamp(85px,17vw,180px);animation:floatChar 3.6s ease-in-out infinite}
.podium-card.second .character-figure{width:clamp(72px,14.5vw,152px);animation:floatChar 4.1s ease-in-out infinite;animation-delay:-1.1s}
.podium-card.third .character-figure{width:clamp(67px,13.5vw,140px);animation:floatChar 3.8s ease-in-out infinite;animation-delay:-2.2s}
@keyframes floatChar{0%,100%{transform:translate(-50%,0) rotate(0)}
50%{transform:translate(-50%,-10px) rotate(.6deg)}
}
@media (prefers-reduced-motion:reduce){.character-figure{animation:none!important}
}
.avatar-ring{width:70px;height:70px;border-radius:50%;margin:0 auto 12px auto;border:3px solid rgba(var(--podium-rgb),.9);background:#27272a;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px 2px rgba(var(--podium-rgb),.55),0 0 20px 5px rgba(var(--podium-rgb),.25)}
.avatar-ring img{width:100%;height:100%;object-fit:cover}
.first .avatar-ring{border-color:rgba(var(--podium-rgb),.95);box-shadow:0 0 14px 3px rgba(var(--podium-rgb),.65),0 0 26px 7px rgba(var(--podium-rgb),.3)}
.username{font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}
.username:hover{color:rgb(var(--podium-rgb))}
.podium-name{display:block;font-weight:800;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;background:linear-gradient(90deg,#ff2d3f 0,#ff8c8c 25%,#fff 50%,#ff8c8c 75%,#ff2d3f 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 2.4s linear infinite;text-shadow:0 0 10px rgba(255,30,60,.4)}
.podium-card.first .podium-name{background:linear-gradient(90deg,#ffd700 0,#fff9c4 25%,#fff 50%,#fff9c4 75%,#ffd700 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,213,64,.7)}
.podium-card.second .podium-name{background:linear-gradient(90deg,#c0c0c8 0,#f4f4f7 25%,#fff 50%,#f4f4f7 75%,#c0c0c8 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(201,201,209,.5)}
.podium-card.third .podium-name{background:linear-gradient(90deg,#cd7f32 0,#f0c496 25%,#fff 50%,#f0c496 75%,#cd7f32 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(205,127,50,.5)}
.wager-value{color:var(--text-muted);font-size:.9rem;margin-bottom:12px}
.prize-tag{background:rgba(var(--ui-rgb),.1);color:var(--orange-primary);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.prize-tag .scrap-icon{width:1em;height:1em;object-fit:contain;display:inline-block;flex-shrink:0}
.timer-section{text-align:center;margin:50px 0;position:relative}
.timer-title{font-size:2rem;font-weight:700;color:var(--orange-primary);margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.countdown-counter{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-weight:800;font-size:clamp(1.8rem, 5vw, 3rem);letter-spacing:2px;color:rgb(var(--ui-rgb));text-shadow:0 0 8px rgba(var(--ui-rgb),.85),0 0 20px rgba(var(--ui-rgb),.55),0 0 40px rgba(var(--ui-rgb),.3)}
.leaderboard-table{max-width:1000px;width:100%;box-sizing:border-box;margin:0 auto 60px auto;background:var(--card-bg);border-radius:12px;border:1px solid rgba(var(--ui-rgb),.35);overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 14px 2px rgba(var(--ui-rgb),.32),0 0 32px 7px rgba(var(--ui-rgb),.16),0 10px 30px rgba(0,0,0,.5);position:relative}
.table-header{display:grid;grid-template-columns:80px 1fr 200px 200px;padding:16px 24px;border-bottom:1px solid #1f1f23;color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase}
.table-row{display:grid;grid-template-columns:80px 1fr 200px 200px;padding:16px 24px;align-items:center;border-bottom:1px solid #161618;transition:background-color .2s ease}
.table-row.placeholder-row{border-bottom:1px solid #1f1f23;opacity:.65}
.table-row:last-child{border-bottom:none}
.rank{font-weight:700;color:var(--text-muted)}
.player-profile{display:flex;align-items:center;gap:12px;overflow:hidden;transition:opacity .2s ease}
.player-profile.placeholder-user{pointer-events:none;color:var(--text-muted)}
.row-avatar{width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--ui-rgb),.85);background-color:#161618;box-shadow:0 0 6px 1px rgba(var(--ui-rgb),.5)}
.player-name{font-weight:600;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wagered-amt{font-variant-numeric:tabular-nums}
@media (max-width:700px){.podium{flex-direction:column;align-items:center;padding-top:0;gap:clamp(40px,14vw,60px)}
.podium-card.first,.podium-card.second,.podium-card.third{order:initial;width:100%;max-width:320px;margin-top:clamp(45px,16vw,80px)}
.podium-card.first{margin-top:clamp(55px,18vw,85px)}
.table-header,.table-row{grid-template-columns:34px 1fr 78px 78px;padding:12px 14px;column-gap:6px}
.table-header{font-size:.68rem}
.prize-tag,.wagered-amt{font-size:.78rem}
.row-avatar{width:26px;height:26px}
.player-name{font-size:.85rem}
}
@media (max-width:420px){.table-header,.table-row{grid-template-columns:28px 1fr 66px 66px}
}
.maintenance-overlay{position:fixed;inset:0;z-index:5000;background:rgba(5,5,6,.97);display:none;align-items:center;justify-content:center;padding:20px;text-align:center;flex-direction:column}
.maintenance-overlay.show{display:flex}
.maintenance-icon{font-size:3rem;margin-bottom:16px}
.maintenance-overlay h2{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;margin:0 0 12px 0;color:var(--text-light)}
.maintenance-overlay p{color:var(--text-muted);max-width:480px;font-size:1rem;line-height:1.6;margin:0}.maintenance-home-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 26px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ff5a3c,rgb(var(--ui-rgb)));box-shadow:0 0 16px 2px rgba(var(--ui-rgb),.5),0 8px 20px rgba(0,0,0,.45);transition:transform .15s ease,box-shadow .2s ease}.maintenance-home-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px 4px rgba(var(--ui-rgb),.65),0 10px 24px rgba(0,0,0,.5)}
.halloween-fog{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity 1.2s ease;background:radial-gradient(ellipse 60% 40% at 20% 92%,rgba(190,190,200,.22),transparent 70%),radial-gradient(ellipse 50% 35% at 78% 96%,rgba(170,170,185,.18),transparent 70%),radial-gradient(ellipse 55% 30% at 48% 100%,rgba(200,200,210,.16),transparent 70%);background-size:220% 100%;background-repeat:no-repeat;animation:fogDrift 45s linear infinite}
.halloween-fog.show{opacity:1}
@keyframes fogDrift{0%{background-position:0% 0%,0% 0%,0% 0%}
100%{background-position:110% 0%,-110% 0%,70% 0%}
}
@media (prefers-reduced-motion:reduce){.halloween-fog{animation:none}
}
.halloween-corner{position:fixed;top:0;z-index:6;pointer-events:none;width:150px;height:220px;opacity:0;transition:opacity 1.2s ease}
.halloween-corner.show{opacity:1}
.halloween-corner-left{left:0}
.halloween-corner-right{right:0}
.halloween-corner-right .halloween-web-svg{transform:scaleX(-1)}
.halloween-thread{position:absolute;top:0;left:70px;width:1px;height:0;background:rgba(255,255,255,.4)}
.halloween-corner-right .halloween-thread{left:auto;right:70px}
.halloween-spider{position:absolute;top:0;left:70px;width:30px;transform:translate(-50%,-6px);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.halloween-corner-right .halloween-spider{left:auto;right:70px;transform:translate(50%,-6px) scaleX(-1)}

/* v5.4.14 leaderboard bonus rewards */
.nw-bonus-reward{margin-top:8px;padding:7px 10px;border-radius:10px;border:1px solid rgba(120,235,225,.28);background:rgba(3,14,18,.82);display:flex;flex-direction:column;gap:2px;line-height:1.1;box-shadow:inset 0 0 18px rgba(70,240,220,.04)}.nw-bonus-reward small{font-size:8px;letter-spacing:1.1px;color:#8ca0aa;font-weight:900}.nw-bonus-reward b{font-size:11px;color:#eaffff}.nw-bonus-rare{border-color:rgba(178,120,255,.58);box-shadow:0 0 16px rgba(150,80,255,.12),inset 0 0 18px rgba(150,80,255,.06)}.nw-bonus-mythic{border-color:rgba(255,197,72,.7);box-shadow:0 0 18px rgba(255,180,45,.18),inset 0 0 20px rgba(180,80,255,.08);animation:nwBonusMythic 2.4s ease-in-out infinite}.nw-bonus-mythic b{background:linear-gradient(90deg,#ffe784,#fff,#d4a4ff,#ffe784);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nwBonusText 2.6s linear infinite}@keyframes nwBonusMythic{50%{filter:drop-shadow(0 0 7px rgba(255,190,60,.35))}}@keyframes nwBonusText{to{background-position:220% 0}}.table-row .nw-bonus-reward{margin:5px 0;max-width:230px}.podium-card .nw-bonus-reward{margin-left:auto;margin-right:auto;max-width:220px}


/* v5.4.15 compact animated leaderboard bonus chips + tooltips */
.nw-bonus-reward{position:relative;isolation:isolate;overflow:visible!important;margin:5px 0!important;padding:5px 9px!important;min-height:30px;max-width:196px!important;border-radius:8px!important;display:grid!important;grid-template-columns:1fr;gap:1px!important;align-content:center;line-height:1.05!important;cursor:help;transform:translateZ(0);background:rgba(3,12,16,.92)!important;box-sizing:border-box}
.nw-bonus-reward small{font-size:6.5px!important;letter-spacing:1.25px!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2}
.nw-bonus-reward b{font-size:9.5px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2;text-shadow:none!important;filter:none!important}
.podium-card .nw-bonus-reward{width:calc(100% - 28px);max-width:196px!important;margin:5px auto 0!important}
.table-row .nw-bonus-reward{width:min(196px,100%);margin:3px 0!important}
.nw-bonus-fx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.nw-bonus-fx::before,.nw-bonus-fx::after{content:"";position:absolute;pointer-events:none}
.nw-bonus-common{border-color:rgba(84,211,202,.42)!important;box-shadow:inset 0 0 12px rgba(49,218,206,.04)!important}
.nw-bonus-common .nw-bonus-fx::before{top:-40%;bottom:-40%;width:35%;left:-50%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(172,255,246,.13),transparent);animation:nwRewardSheen 6s ease-in-out infinite}
.nw-bonus-rare{border-color:rgba(165,103,255,.72)!important;box-shadow:0 0 11px rgba(145,75,255,.17),inset 0 0 13px rgba(113,61,220,.10)!important;animation:nwRareRewardPulse 2.8s ease-in-out infinite}
.nw-bonus-rare .nw-bonus-fx{background:linear-gradient(110deg,rgba(85,38,145,.08),rgba(45,211,255,.05),rgba(85,38,145,.08));background-size:220% 100%;animation:nwRareRewardFlow 5s linear infinite}
.nw-bonus-rare .nw-bonus-fx::before{inset:-1px;background:linear-gradient(90deg,transparent,rgba(218,190,255,.22),transparent);width:38%;left:-50%;transform:skewX(-18deg);animation:nwRewardSheen 3.8s ease-in-out infinite}
.nw-bonus-mythic{border-color:rgba(255,194,48,.82)!important;box-shadow:0 0 14px rgba(255,170,25,.24),0 0 25px rgba(137,60,255,.10),inset 0 0 16px rgba(255,175,30,.08)!important;animation:nwMythicRewardPulse 2.1s ease-in-out infinite!important}
.nw-bonus-mythic .nw-bonus-fx{background:linear-gradient(115deg,rgba(255,165,20,.08),rgba(122,48,220,.11),rgba(255,215,90,.07));background-size:260% 100%;animation:nwMythicRewardFlow 3.5s linear infinite}
.nw-bonus-mythic .nw-bonus-fx::before{width:3px;height:3px;border-radius:50%;left:14%;top:25%;background:#fff4b3;box-shadow:38px 11px 0 rgba(255,255,255,.8),84px -3px 0 rgba(255,218,116,.9),126px 12px 0 rgba(212,177,255,.85),155px -4px 0 rgba(255,255,255,.7);animation:nwMythicSparkles 2.4s ease-in-out infinite}
.nw-bonus-mythic .nw-bonus-fx::after{top:-60%;bottom:-60%;width:28%;left:-45%;transform:rotate(15deg);background:linear-gradient(90deg,transparent,rgba(255,243,182,.22),transparent);animation:nwRewardSheen 2.9s ease-in-out infinite}
.nw-bonus-mythic b{background:linear-gradient(90deg,#ffe987,#fff7d2,#d9b5ff,#ffe987);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:nwBonusText 3s linear infinite!important}
.nw-bonus-tip{position:absolute;z-index:9999;left:50%;bottom:calc(100% + 10px);width:260px;transform:translate(-50%,6px);padding:12px 13px;border:1px solid rgba(116,238,229,.38);border-radius:10px;background:rgba(2,9,13,.98);box-shadow:0 14px 40px rgba(0,0,0,.65),0 0 18px rgba(64,226,215,.08);display:flex;flex-direction:column;gap:6px;color:#dbe7ea;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease;font-style:normal;white-space:normal}
.nw-bonus-tip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:rgba(116,238,229,.38)}
.nw-bonus-tip strong{font-size:12px;color:#fff;letter-spacing:.2px}.nw-bonus-tip em{font-size:8px;letter-spacing:1.2px;color:#8ff5e9;font-style:normal;font-weight:900}.nw-bonus-tip span{font-size:10px;line-height:1.35;color:#b7c6cb}.nw-bonus-tip i{font-size:9px;line-height:1.35;color:#ffcf68;font-style:normal;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.nw-bonus-reward:hover .nw-bonus-tip,.nw-bonus-reward:focus-visible .nw-bonus-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.table-row:nth-last-child(-n+2) .nw-bonus-tip{bottom:auto;top:calc(100% + 10px)}.table-row:nth-last-child(-n+2) .nw-bonus-tip::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:rgba(116,238,229,.38)}
@keyframes nwRewardSheen{0%,25%{left:-50%;opacity:0}40%{opacity:1}65%,100%{left:120%;opacity:0}}@keyframes nwRareRewardPulse{50%{box-shadow:0 0 16px rgba(145,75,255,.28),inset 0 0 16px rgba(67,199,255,.10)}}@keyframes nwRareRewardFlow{to{background-position:220% 0}}@keyframes nwMythicRewardPulse{50%{box-shadow:0 0 19px rgba(255,170,25,.36),0 0 30px rgba(137,60,255,.16),inset 0 0 18px rgba(255,175,30,.12)}}@keyframes nwMythicRewardFlow{to{background-position:260% 0}}@keyframes nwMythicSparkles{0%,100%{opacity:.25;transform:translateY(2px) scale(.7)}50%{opacity:1;transform:translateY(-2px) scale(1.2)}}
@media(max-width:720px){.nw-bonus-tip{width:220px;left:auto;right:0;transform:translateY(6px)}.nw-bonus-reward:hover .nw-bonus-tip,.nw-bonus-reward:focus-visible .nw-bonus-tip{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nw-bonus-reward,.nw-bonus-fx,.nw-bonus-fx::before,.nw-bonus-fx::after,.nw-bonus-reward b{animation:none!important}}

/* v5.4.16 reward hierarchy + podium containment hotfix */
/* Reserve a real reward footer inside every podium card so bonus chips never hang outside. */
.podium-card.first{height:270px}
.podium-card.second{height:235px}
.podium-card.third{height:225px}
.podium-card .card-content{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}
.podium-card .wager-value{margin-bottom:9px}
.podium-card .prize-tag{margin-top:auto}

/* Scrap is the primary prize: intentionally larger and heavier than the bonus. */
.prize-tag{min-width:104px;min-height:34px;box-sizing:border-box;justify-content:center;padding:8px 15px;border-radius:7px;font-size:.88rem;font-weight:900;letter-spacing:.15px;line-height:1;box-shadow:inset 0 0 14px rgba(var(--ui-rgb),.055)}
.prize-tag .scrap-icon{width:1.05em;height:1.05em}
.podium-card .prize-tag{min-width:112px;min-height:36px;font-size:.9rem;padding:9px 16px}

/* Bonus is deliberately secondary: slimmer, shorter, and safely contained. */
.nw-bonus-reward{min-height:23px!important;height:23px;max-width:174px!important;padding:3px 8px!important;border-radius:7px!important;gap:0!important;margin-top:6px!important}
.nw-bonus-reward small{font-size:5.7px!important;letter-spacing:1.05px!important}
.nw-bonus-reward b{font-size:8.2px!important;line-height:1.05!important}
.podium-card .nw-bonus-reward{width:calc(100% - 42px);max-width:174px!important;margin:6px auto 0!important;flex:0 0 23px}
.table-row .nw-bonus-reward{width:min(174px,100%);max-width:174px!important;margin:4px 0 0!important}

/* Keep table prize visually dominant without making rows bulky. */
.table-row>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.table-row .prize-tag{min-width:100px;min-height:31px;padding:7px 12px;font-size:.8rem}

@media(max-width:720px){
  .podium-card.first,.podium-card.second,.podium-card.third{height:auto;min-height:235px;padding-bottom:18px}
  .podium-card .card-content{min-height:200px}
  .podium-card .nw-bonus-reward{width:min(174px,calc(100% - 24px))}
}

/* v5.4.17 floating reward tooltips + animated placement surfaces */
/* The inline tooltip is source content only. A fixed body-level portal displays it so no card can clip it. */
.nw-bonus-tip{display:none!important}
#nw-reward-tooltip-portal{position:fixed;z-index:2147483000;width:min(280px,calc(100vw - 24px));padding:12px 13px;border:1px solid rgba(116,238,229,.48);border-radius:10px;background:rgba(2,9,13,.985);box-shadow:0 18px 55px rgba(0,0,0,.76),0 0 24px rgba(64,226,215,.12);display:flex;flex-direction:column;gap:6px;color:#dbe7ea;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease;box-sizing:border-box}
#nw-reward-tooltip-portal.show{opacity:1;visibility:visible;transform:translateY(0)}
#nw-reward-tooltip-portal strong{font-size:12px;color:#fff;letter-spacing:.2px}#nw-reward-tooltip-portal em{font-size:8px;letter-spacing:1.2px;color:#8ff5e9;font-style:normal;font-weight:900}#nw-reward-tooltip-portal span{font-size:10px;line-height:1.38;color:#b7c6cb}#nw-reward-tooltip-portal i{font-size:9px;line-height:1.38;color:#ffcf68;font-style:normal;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}

/* Podium surfaces get placement-specific animated atmosphere, while content remains crisp above it. */
.podium-card .card-surface{overflow:hidden;isolation:isolate}
.podium-card .card-surface::before,.podium-card .card-surface::after{content:"";position:absolute;pointer-events:none;z-index:0}
.podium-card.first:not(.placeholder-slot) .card-surface{background:linear-gradient(145deg,rgba(34,27,5,.93),rgba(14,14,14,.91) 48%,rgba(45,30,3,.90))}
.podium-card.first:not(.placeholder-slot) .card-surface::before{inset:-65%;background:conic-gradient(from 0deg,transparent 0 24%,rgba(255,218,74,.14) 31%,transparent 39% 63%,rgba(255,247,173,.08) 70%,transparent 78%);animation:nwFirstSurfaceSpin 11s linear infinite}
.podium-card.first:not(.placeholder-slot) .card-surface::after{left:-35%;right:-35%;height:45%;top:-25%;background:linear-gradient(100deg,transparent,rgba(255,241,152,.18),transparent);transform:skewY(-7deg);animation:nwPodiumSweep 4.8s ease-in-out infinite}
.podium-card.second:not(.placeholder-slot) .card-surface{background:linear-gradient(145deg,rgba(25,28,32,.94),rgba(13,14,16,.92) 52%,rgba(39,43,49,.91))}
.podium-card.second:not(.placeholder-slot) .card-surface::before{inset:0;background:linear-gradient(112deg,transparent 20%,rgba(239,247,255,.10) 42%,rgba(180,204,229,.04) 51%,transparent 72%);background-size:230% 100%;animation:nwSilverFlow 5.8s linear infinite}
.podium-card.second:not(.placeholder-slot) .card-surface::after{width:2px;height:2px;border-radius:50%;left:16%;top:22%;background:#fff;box-shadow:54px 38px 0 rgba(221,235,255,.65),132px 14px 0 rgba(255,255,255,.48),186px 72px 0 rgba(201,220,241,.6);animation:nwSurfaceTwinkle 3.2s ease-in-out infinite}
.podium-card.third:not(.placeholder-slot) .card-surface{background:linear-gradient(145deg,rgba(38,20,8,.94),rgba(15,13,12,.92) 50%,rgba(48,24,7,.90))}
.podium-card.third:not(.placeholder-slot) .card-surface::before{inset:-25%;background:radial-gradient(circle at 18% 78%,rgba(255,116,25,.16),transparent 22%),radial-gradient(circle at 72% 30%,rgba(222,117,47,.10),transparent 25%);animation:nwBronzeEmbers 4.6s ease-in-out infinite alternate}
.podium-card.third:not(.placeholder-slot) .card-surface::after{width:3px;height:3px;border-radius:50%;left:12%;bottom:15%;background:#ff9a42;box-shadow:42px -18px 0 rgba(255,129,43,.65),92px -5px 0 rgba(255,188,94,.5),151px -34px 0 rgba(225,101,33,.7),198px -12px 0 rgba(255,170,72,.45);animation:nwEmberRise 3.6s ease-in-out infinite}
@keyframes nwFirstSurfaceSpin{to{transform:rotate(360deg)}}
@keyframes nwPodiumSweep{0%,18%{transform:translateX(-70%) skewY(-7deg)}55%,100%{transform:translateX(80%) skewY(-7deg)}}
@keyframes nwSilverFlow{to{background-position:-230% 0}}
@keyframes nwSurfaceTwinkle{0%,100%{opacity:.25;filter:drop-shadow(0 0 1px #fff)}50%{opacity:1;filter:drop-shadow(0 0 5px #dbeeff)}}
@keyframes nwBronzeEmbers{to{transform:translate3d(5%,-4%,0) scale(1.08);filter:saturate(1.2)}}
@keyframes nwEmberRise{0%{opacity:.2;transform:translateY(14px)}50%{opacity:.9}100%{opacity:.15;transform:translateY(-22px)}}

/* Main rankings panel: premium ambient motion, intentionally quieter than the podium. */
.leaderboard-table{isolation:isolate}
.leaderboard-table::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 0 36%,rgba(var(--ui-rgb),.045) 48%,transparent 60%);background-size:240% 100%;animation:nwRankingsAmbient 12s linear infinite}
.leaderboard-table::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 42px rgba(var(--ui-rgb),.055);animation:nwRankingsBreathe 5.5s ease-in-out infinite}
.leaderboard-table>.table-header,.leaderboard-table>#table-rows{position:relative;z-index:1}
@keyframes nwRankingsAmbient{to{background-position:-240% 0}}
@keyframes nwRankingsBreathe{50%{box-shadow:inset 0 0 62px rgba(var(--ui-rgb),.09)}}
@media(prefers-reduced-motion:reduce){.podium-card .card-surface::before,.podium-card .card-surface::after,.leaderboard-table::before,.leaderboard-table::after{animation:none!important}}

/* v5.4.18 — premium first-place edge sparkles; remove #4+ ambient panel treatment */
/* Keep the seasonal/theme card surface visible instead of washing first place in gold. */
.podium-card.first:not(.placeholder-slot) .card-surface{
  background:var(--card-bg);
  border-color:rgba(255,213,64,.88);
  box-shadow:0 0 15px 2px rgba(255,213,64,.52),0 0 30px 6px rgba(255,213,64,.22),inset 0 0 12px rgba(255,222,90,.06),0 10px 30px rgba(0,0,0,.5);
}
/* Fine gold trace around the inside edge; transparent center leaves fog/theme effects alone. */
.podium-card.first:not(.placeholder-slot) .card-surface::before{
  inset:3px;
  border-radius:9px;
  padding:1px;
  background:linear-gradient(110deg,rgba(255,209,55,.25),#fff1a0,rgba(255,196,35,.22),#fff7c8,rgba(255,209,55,.25));
  background-size:260% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:nwFirstGoldTrace 4.6s linear infinite;
  opacity:.9;
}
/* Premium rising gold sparkles concentrated around the inner perimeter. */
.podium-card.first:not(.placeholder-slot) .card-surface::after{
  width:3px;height:3px;border-radius:50%;left:7%;bottom:7%;
  background:#fff7c4;
  box-shadow:20px -7px 0 #ffd85c,48px 2px 0 rgba(255,247,196,.95),76px -10px 0 #ffbf24,108px 1px 0 rgba(255,229,119,.9),142px -8px 0 #fff4b0,174px 0 0 #ffd24a,205px -11px 0 rgba(255,255,224,.9),232px -2px 0 #ffbd22;
  filter:drop-shadow(0 0 3px rgba(255,207,54,.95));
  animation:nwFirstEdgeSparkRise 3.1s ease-in-out infinite;
}
@keyframes nwFirstGoldTrace{to{background-position:260% 0}}
@keyframes nwFirstEdgeSparkRise{0%{opacity:.18;transform:translateY(10px) scale(.72)}42%{opacity:1}72%{opacity:.72;transform:translateY(-10px) scale(1.08)}100%{opacity:.12;transform:translateY(-22px) scale(.72)}}

/* Remove the v5.4.17 animation from the main #4+ rankings card entirely. */
.leaderboard-table::before,.leaderboard-table::after{content:none!important;display:none!important;animation:none!important}

@media(prefers-reduced-motion:reduce){.podium-card.first:not(.placeholder-slot) .card-surface::before,.podium-card.first:not(.placeholder-slot) .card-surface::after{animation:none!important}}


/* v5.4.19 — primary Scrap prize upgrade + centered #4/#5 reward stack */
/* The cash/Scrap payout is the thing players are fighting for, so make it unmistakably primary. */
.prize-tag{position:relative;isolation:isolate;overflow:hidden;min-width:150px;min-height:48px;padding:11px 20px;border-radius:10px;font-size:1.02rem;gap:8px;border:1px solid rgba(var(--ui-rgb),.38);background:rgba(4,13,17,.9);box-shadow:inset 0 0 18px rgba(var(--ui-rgb),.08),0 4px 16px rgba(0,0,0,.28)}
.prize-tag .scrap-icon{width:1.55em;height:1.55em;filter:drop-shadow(0 0 5px rgba(255,255,255,.18))}
.podium-card .prize-tag{min-width:168px;min-height:52px;padding:12px 22px;font-size:1.08rem}
/* Keep the bonus chip visibly secondary beneath the larger payout. */
.podium-card .nw-bonus-reward{max-width:154px!important;width:calc(100% - 58px);}
.table-row .nw-bonus-reward{max-width:154px!important;width:154px;}

/* Podium payout edge energy: same family as the premium card effects, concentrated on the prize itself. */
.podium-card .prize-tag::before,.table-row .prize-tag::before{content:"";position:absolute;inset:2px;border-radius:8px;padding:1px;pointer-events:none;background-size:260% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nwPrizeEdgeTravel 4.2s linear infinite}
.podium-card .prize-tag::after,.table-row .prize-tag::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;left:8%;bottom:5px;pointer-events:none;animation:nwPrizeSparkRise 3s ease-in-out infinite}
.podium-card.first .prize-tag{border-color:rgba(255,215,72,.72);box-shadow:0 0 16px rgba(255,205,45,.2),inset 0 0 18px rgba(255,220,90,.08)}
.podium-card.first .prize-tag::before{background:linear-gradient(110deg,rgba(255,202,38,.25),#fff2a5,#ffc62e,#fff8d4,rgba(255,202,38,.25))}
.podium-card.first .prize-tag::after{background:#fff7c4;box-shadow:25px -4px 0 #ffd85c,58px 2px 0 #fff0a1,91px -6px 0 #ffbf24,125px 0 0 #fff7c4}
.podium-card.second .prize-tag{border-color:rgba(214,228,242,.62);box-shadow:0 0 14px rgba(207,226,245,.15),inset 0 0 16px rgba(233,243,255,.07)}
.podium-card.second .prize-tag::before{background:linear-gradient(110deg,rgba(185,203,221,.18),#fff,#b9cce0,#f8fcff,rgba(185,203,221,.18))}
.podium-card.second .prize-tag::after{background:#fff;box-shadow:25px -4px 0 #d7e6f5,58px 2px 0 #fff,91px -6px 0 #b9cee3,125px 0 0 #eef7ff}
.podium-card.third .prize-tag{border-color:rgba(221,137,65,.68);box-shadow:0 0 14px rgba(221,112,37,.16),inset 0 0 16px rgba(255,151,66,.07)}
.podium-card.third .prize-tag::before{background:linear-gradient(110deg,rgba(174,84,28,.18),#ffc080,#c66b2d,#ffe0b8,rgba(174,84,28,.18))}
.podium-card.third .prize-tag::after{background:#ffb36d;box-shadow:25px -4px 0 #e78037,58px 2px 0 #ffc18a,91px -6px 0 #c96528,125px 0 0 #ff9c50}

/* #4/#5: centered prize + bonus stack with a Nightwave cyan edge treatment. */
.table-row.rank-row-4>div:last-child,.table-row.rank-row-5>div:last-child{align-items:center;text-align:center}
.table-row.rank-row-4 .prize-tag,.table-row.rank-row-5 .prize-tag{min-width:150px;min-height:46px;font-size:.96rem;border-color:rgba(var(--ui-rgb),.58);box-shadow:0 0 13px rgba(var(--ui-rgb),.13),inset 0 0 15px rgba(var(--ui-rgb),.06)}
.table-row.rank-row-4 .prize-tag::before,.table-row.rank-row-5 .prize-tag::before{background:linear-gradient(110deg,rgba(var(--ui-rgb),.18),rgba(185,255,249,.95),rgba(var(--ui-rgb),.45),#eaffff,rgba(var(--ui-rgb),.18))}
.table-row.rank-row-4 .prize-tag::after,.table-row.rank-row-5 .prize-tag::after{background:#cffffa;box-shadow:24px -3px 0 rgba(var(--ui-rgb),.9),55px 2px 0 #eaffff,86px -5px 0 rgba(var(--ui-rgb),.7),116px 0 0 #cffffa}
.table-row.rank-row-4 .nw-bonus-reward,.table-row.rank-row-5 .nw-bonus-reward{margin:5px auto 0!important}
@keyframes nwPrizeEdgeTravel{to{background-position:260% 0}}
@keyframes nwPrizeSparkRise{0%{opacity:.12;transform:translateY(7px) scale(.75)}45%{opacity:1}75%{opacity:.65;transform:translateY(-6px) scale(1.05)}100%{opacity:.08;transform:translateY(-14px) scale(.75)}}
@media(max-width:720px){.prize-tag{min-width:132px;min-height:43px;font-size:.9rem}.podium-card .prize-tag{min-width:150px;min-height:48px;font-size:1rem}.prize-tag .scrap-icon{width:1.4em;height:1.4em}}
@media(prefers-reduced-motion:reduce){.prize-tag::before,.prize-tag::after{animation:none!important}}
/* Extra footer room for the larger primary payout boxes. */
.podium-card.first{height:288px}
.podium-card.second{height:253px}
.podium-card.third{height:243px}
@media(max-width:720px){.podium-card.first,.podium-card.second,.podium-card.third{height:auto;min-height:252px}}


/* v5.4.21 — Scrap prize visibility hotfix */
/* Strong final overrides: make primary payout materially larger than bonus chips. */
.prize-tag{
  position:relative!important; isolation:isolate!important; overflow:visible!important;
  min-width:176px!important; min-height:58px!important; padding:13px 24px!important;
  border-radius:12px!important; font-size:1.12rem!important; font-weight:950!important;
  gap:10px!important; justify-content:center!important; border-width:2px!important;
}
.prize-tag .scrap-icon{
  width:30px!important; height:30px!important; min-width:30px!important;
  object-fit:contain!important; transform:scale(1.08); transform-origin:center;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.28))!important;
}
.podium-card .prize-tag{min-width:190px!important;min-height:62px!important;font-size:1.18rem!important;padding:14px 26px!important}
/* Dedicated visible perimeter layers; these are intentionally brighter than v5.4.19. */
.podium-card .prize-tag::before,.table-row.rank-row-4 .prize-tag::before,.table-row.rank-row-5 .prize-tag::before{
  content:""!important;position:absolute!important;inset:-3px!important;border-radius:14px!important;
  padding:2px!important;pointer-events:none!important;background-size:300% 100%!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  animation:nwPrizeEdgeTravelStrong 3.2s linear infinite!important;opacity:1!important;
}
.podium-card .prize-tag::after,.table-row.rank-row-4 .prize-tag::after,.table-row.rank-row-5 .prize-tag::after{
  content:""!important;position:absolute!important;width:4px!important;height:4px!important;border-radius:50%!important;
  left:7%!important;bottom:4px!important;pointer-events:none!important;animation:nwPrizeSparkRiseStrong 2.6s ease-in-out infinite!important;
  filter:drop-shadow(0 0 4px currentColor)!important;
}
.podium-card.first .prize-tag{border-color:#ffd34d!important;box-shadow:0 0 10px rgba(255,202,35,.65),0 0 24px rgba(255,190,25,.28),inset 0 0 16px rgba(255,220,90,.12)!important}
.podium-card.first .prize-tag::before{background:linear-gradient(110deg,#8f6500,#fff2a5,#ffbd19,#fff8d4,#8f6500)!important}
.podium-card.first .prize-tag::after{color:#ffd34d!important;background:#fff7c4!important;box-shadow:30px -7px 0 #ffd85c,68px 3px 0 #fff0a1,108px -8px 0 #ffbf24,148px 1px 0 #fff7c4!important}
.podium-card.second .prize-tag{border-color:#dce9f5!important;box-shadow:0 0 10px rgba(220,235,250,.55),0 0 22px rgba(190,215,240,.22),inset 0 0 16px rgba(240,248,255,.1)!important}
.podium-card.second .prize-tag::before{background:linear-gradient(110deg,#71869a,#fff,#b9cce0,#f8fcff,#71869a)!important}
.podium-card.second .prize-tag::after{color:#eaf5ff!important;background:#fff!important;box-shadow:30px -7px 0 #d7e6f5,68px 3px 0 #fff,108px -8px 0 #b9cee3,148px 1px 0 #eef7ff!important}
.podium-card.third .prize-tag{border-color:#e58a43!important;box-shadow:0 0 10px rgba(230,125,55,.55),0 0 22px rgba(205,95,30,.22),inset 0 0 16px rgba(255,155,75,.1)!important}
.podium-card.third .prize-tag::before{background:linear-gradient(110deg,#7f3715,#ffc080,#c66b2d,#ffe0b8,#7f3715)!important}
.podium-card.third .prize-tag::after{color:#ff9c50!important;background:#ffb36d!important;box-shadow:30px -7px 0 #e78037,68px 3px 0 #ffc18a,108px -8px 0 #c96528,148px 1px 0 #ff9c50!important}
/* #4/#5 use a centered, clearly larger cyan payout stack. */
.table-row.rank-row-4>div:last-child,.table-row.rank-row-5>div:last-child{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.table-row.rank-row-4 .prize-tag,.table-row.rank-row-5 .prize-tag{min-width:176px!important;min-height:56px!important;font-size:1.08rem!important;border-color:rgb(var(--ui-rgb))!important;box-shadow:0 0 10px rgba(var(--ui-rgb),.48),0 0 22px rgba(var(--ui-rgb),.18),inset 0 0 15px rgba(var(--ui-rgb),.1)!important}
.table-row.rank-row-4 .prize-tag::before,.table-row.rank-row-5 .prize-tag::before{background:linear-gradient(110deg,rgba(var(--ui-rgb),.4),#cffffa,rgb(var(--ui-rgb)),#f2ffff,rgba(var(--ui-rgb),.4))!important}
.table-row.rank-row-4 .prize-tag::after,.table-row.rank-row-5 .prize-tag::after{color:rgb(var(--ui-rgb))!important;background:#dffffb!important;box-shadow:30px -7px 0 rgba(var(--ui-rgb),.95),68px 3px 0 #efffff,108px -8px 0 rgba(var(--ui-rgb),.8),148px 1px 0 #cffffa!important}
.table-row.rank-row-4 .nw-bonus-reward,.table-row.rank-row-5 .nw-bonus-reward{margin:7px auto 0!important;align-self:center!important}
@keyframes nwPrizeEdgeTravelStrong{to{background-position:300% 0}}
@keyframes nwPrizeSparkRiseStrong{0%{opacity:.18;transform:translateY(9px) scale(.75)}40%{opacity:1}72%{opacity:.8;transform:translateY(-7px) scale(1.12)}100%{opacity:.1;transform:translateY(-17px) scale(.72)}}
/* Extra card room so the larger payout never crowds the bonus chip. */
.podium-card.first{height:305px!important}.podium-card.second{height:270px!important}.podium-card.third{height:260px!important}
@media(max-width:720px){.prize-tag{min-width:150px!important;min-height:50px!important;font-size:.98rem!important}.podium-card .prize-tag{min-width:166px!important;min-height:54px!important;font-size:1.04rem!important}.prize-tag .scrap-icon{width:25px!important;height:25px!important;min-width:25px!important}.podium-card.first,.podium-card.second,.podium-card.third{height:auto!important;min-height:270px!important}}
@media(prefers-reduced-motion:reduce){.prize-tag::before,.prize-tag::after{animation:none!important}}

/* v5.4.22 — individually raised Halloween podium characters + wager emphasis */
/* Each podium mascot is tuned separately so the art sits higher without colliding with the heading. */
.podium-card.first .character-figure{bottom:61%!important}
.podium-card.second .character-figure{bottom:59%!important}
.podium-card.third .character-figure{bottom:57%!important}

/* Wager totals are now a deliberate visual tier of their own. */
.podium-card .wager-value{font-size:1rem!important;font-weight:850!important;letter-spacing:.25px!important;margin-bottom:12px!important;font-variant-numeric:tabular-nums}
.podium-card.first .wager-value{
  background:linear-gradient(90deg,#d79a00 0%,#fff2a1 22%,#ffd13b 42%,#fffbe0 54%,#ffbd18 72%,#ffe889 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 5px rgba(255,205,55,.38));animation:nwWagerGold 3.1s linear infinite
}
.podium-card.second .wager-value{
  background:linear-gradient(90deg,#93a8ba 0%,#f8fcff 24%,#c7d8e7 43%,#fff 55%,#a9bfd2 76%,#eef8ff 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 4px rgba(220,238,255,.32));animation:nwWagerSilver 3.45s linear infinite
}
.podium-card.third .wager-value{
  background:linear-gradient(90deg,#b95b20 0%,#ffc17f 24%,#e68135 43%,#ffe1bd 55%,#c96829 76%,#ffae63 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 4px rgba(235,130,55,.34));animation:nwWagerBronze 3.7s linear infinite
}
@keyframes nwWagerGold{to{background-position:240% 0}}
@keyframes nwWagerSilver{to{background-position:240% 0}}
@keyframes nwWagerBronze{to{background-position:240% 0}}

/* #4/#5 get their own bright Nightwave-cyan identity; lower ranks stay brighter but quieter. */
.table-row .wagered-amt{color:#d7e5ea!important;font-weight:750!important;text-shadow:0 0 7px rgba(205,235,240,.12)}
.table-row.rank-row-4 .wagered-amt,.table-row.rank-row-5 .wagered-amt{color:#64ffe8!important;font-weight:900!important;text-shadow:0 0 7px rgba(70,255,225,.42),0 0 15px rgba(70,255,225,.16)}

@media(max-width:720px){
  .podium-card.first .character-figure{bottom:58%!important}
  .podium-card.second .character-figure{bottom:56%!important}
  .podium-card.third .character-figure{bottom:55%!important}
  .podium-card .wager-value{font-size:.94rem!important}
}
@media(prefers-reduced-motion:reduce){.podium-card .wager-value{animation:none!important;background-position:50% 0!important}}
