/* =========================================================
DSX0 LEADERBOARD 3.0 — COMPOSITION V4
loaded LAST
========================================================= */
@media(min-width:1100px){
.event-shell{
min-height:790px !important;
}
.event-grid{
display:grid !important;
grid-template-columns:
minmax(520px,1.18fr)
minmax(300px,.66fr)
minmax(370px,.82fr) !important;
grid-template-rows:500px auto !important;
min-height:790px !important;
}
/* TEXTO */
.event-intro{
grid-column:1 !important;
grid-row:1 !important;
min-height:500px !important;
padding:
64px
22px
38px
66px !important;
justify-content:center !important;
}
#lb3HeroEyebrow{
margin-bottom:18px !important;
}
.event-intro .event-title{
max-width:620px !important;
font-size:60px !important;
line-height:.92 !important;
letter-spacing:-.04em !important;
white-space:nowrap !important;
}
.event-intro .event-sub{
margin-top:18px !important;
}
#lb3HeroTagline{
margin-top:20px !important;
}
#lb3ViewLeaderboard{
min-width:320px !important;
width:320px !important;
margin-top:26px !important;
}
/* =========================
PRÊMIO
========================= */
.pool-box{
grid-column:2 !important;
grid-row:1 !important;
align-self:center !important;
justify-self:center !important;
width:310px !important;
max-width:310px !important;
min-height:205px !important;
height:205px !important;
margin:0 !important;
padding:18px !important;
transform:translateX(12px) !important;
border-radius:20px !important;
}
.pool-box::before{
inset:11px !important;
border-radius:14px !important;
}
.pool-label{
margin-bottom:10px !important;
font-size:10px !important;
letter-spacing:.20em !important;
}
.pool-value{
font-size:58px !important;
line-height:.94 !important;
}
/* =========================
PERSONAGEM
========================= */
#dsxHeroCharacter{
position:absolute !important;
top:auto !important;
bottom:-38px !important;
right:-2px !important;
width:445px !important;
height:auto !important;
max-width:none !important;
max-height:none !important;
object-fit:contain !important;
opacity:1 !important;
z-index:7 !important;
filter:
drop-shadow(-18px 0 35px rgba(0,183,255,.22))
drop-shadow(16px 0 32px rgba(242,20,255,.19)) !important;
}
/* =========================
PROGRESSO
========================= */
.race-zone{
grid-column:1 / -1 !important;
grid-row:2 !important;
position:relative !important;
z-index:12 !important;
min-height:285px !important;
padding:
38px
66px
34px !important;
background:
linear-gradient(
90deg,
rgba(2,14,28,.97) 0%,
rgba(3,18,42,.94) 50%,
rgba(35,7,66,.82) 100%
) !important;
backdrop-filter:blur(3px) !important;
}
}
/* desktop largo */
@media(min-width:1550px){
.event-grid{
grid-template-columns:
minmax(570px,1.18fr)
minmax(330px,.66fr)
minmax(410px,.84fr) !important;
}
.event-intro .event-title{
font-size:64px !important;
}
.pool-box{
width:330px !important;
max-width:330px !important;
transform:none !important;
}
.pool-value{
font-size:62px !important;
}
#dsxHeroCharacter{
width:475px !important;
right:3px !important;
bottom:-42px !important;
}
}
/* mobile permanece independente */
@media(max-width:800px){
.event-intro .event-title{
white-space:normal !important;
}
.pool-box{
height:auto !important;
}
#dsxHeroCharacter{
max-height:none !important;
}
}
/* =========================================================
LB3 V4 — CHARACTER + PRIZE FINAL FIX
========================================================= */
@media(min-width:1100px){
#dsxHeroCharacter{
width:395px !important;
right:12px !important;
bottom:-8px !important;
top:auto !important;
max-width:none !important;
max-height:none !important;
object-fit:contain !important;
object-position:right bottom !important;
}
.pool-box{
width:285px !important;
max-width:285px !important;
min-height:170px !important;
height:170px !important;
transform:translateX(-8px) !important;
}
.pool-value{
font-size:52px !important;
}
.pool-label{
font-size:9px !important;
}
}
@media(min-width:1550px){
#dsxHeroCharacter{
width:425px !important;
right:18px !important;
bottom:-10px !important;
}
.pool-box{
width:300px !important;
max-width:300px !important;
height:178px !important;
min-height:178px !important;
transform:none !important;
}
.pool-value{
font-size:56px !important;
}
}
/* =========================================================
LB3 V4 ? HERO CHARACTER LAYER FINAL FIX
========================================================= */
@media(min-width:1100px){
#dsxHeroLayer{
position:absolute !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:auto !important;
height:500px !important;
overflow:hidden !important;
z-index:4 !important;
pointer-events:none !important;
}
#dsxHeroCharacter{
position:absolute !important;
width:420px !important;
height:auto !important;
right:8px !important;
bottom:-18px !important;
top:auto !important;
max-width:none !important;
max-height:none !important;
opacity:1 !important;
object-fit:contain !important;
object-position:right bottom !important;
filter:
drop-shadow(-18px 0 34px rgba(0,190,255,.22))
drop-shadow(16px 0 32px rgba(240,20,255,.20)) !important;
}
.race-zone{
position:relative !important;
z-index:20 !important;
}
}
@media(min-width:1550px){
#dsxHeroLayer{
height:520px !important;
}
#dsxHeroCharacter{
width:445px !important;
right:10px !important;
bottom:-20px !important;
}
}
/* LB3 V4 ? MICRO ALIGNMENT */
@media(min-width:1100px){
#dsxHeroCharacter{
width:410px !important;
right:10px !important;
bottom:-28px !important;
}
.pool-box{
width:285px !important;
max-width:285px !important;
height:168px !important;
min-height:168px !important;
transform:translateX(-28px) !important;
}
.pool-value{
font-size:52px !important;
}
}
@media(min-width:1550px){
#dsxHeroCharacter{
width:430px !important;
right:14px !important;
bottom:-30px !important;
}
.pool-box{
width:300px !important;
max-width:300px !important;
transform:translateX(-24px) !important;
}
}
/* =========================================================
LB3 V4 ? TITLE ART
========================================================= */
@media(min-width:1100px){
.event-intro .event-title{
position:relative !important;
width:520px !important;
max-width:520px !important;
height:205px !important;
margin:6px 0 0 !important;
font-size:0 !important;
line-height:0 !important;
color:transparent !important;
background:
url('/img/lb3/lb3-title-logo.png')
left center / contain no-repeat !important;
overflow:visible !important;
}
.event-intro .event-title::after{
content:'Leaderboard 3.0';
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
}
#lb3HeroEyebrow{
margin-bottom:4px !important;
}
.event-intro .event-sub{
margin-top:6px !important;
}
}
@media(min-width:1550px){
.event-intro .event-title{
width:560px !important;
max-width:560px !important;
height:220px !important;
}
}
@media(max-width:800px){
.event-intro .event-title{
background:none !important;
width:auto !important;
height:auto !important;
font-size:24px !important;
line-height:.92 !important;
color:#f7f9ff !important;
}
}
/* =========================================================
LB3 V4 ? MICRO POLISH
========================================================= */
@media(min-width:1100px){
/* lettering: sobe um pouco e fica mais compacto */
.event-intro .event-title{
width:500px !important;
max-width:500px !important;
height:188px !important;
margin:-4px 0 0 !important;
background-position:left top !important;
}
/* reduz o espa?o ap?s o lettering */
.event-intro .event-sub{
margin-top:0 !important;
}
#lb3HeroTagline{
margin-top:14px !important;
}
/* aproxima CTA do restante do conte?do */
#lb3ViewLeaderboard{
margin-top:20px !important;
}
/* pr?mio: desloca um pouco mais para a direita */
.pool-box{
transform:translateX(-2px) !important;
}
}
@media(min-width:1550px){
.event-intro .event-title{
width:530px !important;
max-width:530px !important;
height:198px !important;
}
.pool-box{
transform:translateX(6px) !important;
}
}
/* =========================================================
DSX0 LB3 ? LIVE RANKING PREMIUM
========================================================= */
/* t?tulo da se??o */
.section-title{
position:relative !important;
width:min(1380px,calc(100% - 40px)) !important;
margin:34px auto 18px !important;
padding:0 6px 16px !important;
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:20px !important;
border-bottom:1px solid rgba(57,210,255,.16) !important;
}
.section-title::after{
content:'' !important;
position:absolute !important;
left:6px !important;
bottom:-1px !important;
width:150px !important;
height:2px !important;
border-radius:999px !important;
background:
linear-gradient(
90deg,
#26e7ff 0%,
#6d89ff 58%,
#e931ff 100%
) !important;
box-shadow:
0 0 14px rgba(38,231,255,.32),
0 0 20px rgba(233,49,255,.15) !important;
}
.section-title h2{
margin:0 !important;
color:#f5f8ff !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:30px !important;
font-weight:800 !important;
letter-spacing:.025em !important;
text-transform:uppercase !important;
text-shadow:
0 0 24px rgba(57,202,255,.08) !important;
}
.section-title span{
color:#7186aa !important;
font-family:'JetBrains Mono',monospace !important;
font-size:10px !important;
font-weight:800 !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
}
.section-title span b{
color:#39e8ff !important;
}
/* =========================================================
PODIUM
========================================================= */
.podium-wrap{
width:min(1380px,calc(100% - 40px)) !important;
margin:0 auto 22px !important;
position:relative !important;
}
.podium-wrap::before{
content:'' !important;
position:absolute !important;
inset:-28px 5% auto !important;
height:170px !important;
background:
radial-gradient(
ellipse,
rgba(28,181,255,.11) 0%,
rgba(166,43,255,.06) 42%,
transparent 72%
) !important;
filter:blur(26px) !important;
pointer-events:none !important;
}
.podium{
position:relative !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:16px !important;
}
/* cards que o JS cria dentro do podium */
.podium > *{
position:relative !important;
overflow:hidden !important;
min-height:170px !important;
padding:22px !important;
border:1px solid rgba(54,195,247,.17) !important;
border-radius:18px !important;
background:
linear-gradient(
145deg,
rgba(7,25,44,.92),
rgba(5,12,28,.96)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 14px 34px rgba(0,0,0,.22) !important;
}
.podium > *::before{
content:'' !important;
position:absolute !important;
inset:0 !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(58,213,255,.08),
transparent 44%
) !important;
pointer-events:none !important;
}
/* 1? lugar */
.podium > *:nth-child(1){
border-color:rgba(255,211,78,.42) !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(255,207,46,.11),
transparent 44%
),
linear-gradient(
145deg,
rgba(22,27,38,.96),
rgba(7,15,29,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 0 28px rgba(255,201,55,.07),
0 16px 36px rgba(0,0,0,.25) !important;
}
/* 2? */
.podium > *:nth-child(2){
border-color:rgba(122,216,255,.30) !important;
}
/* 3? */
.podium > *:nth-child(3){
border-color:rgba(235,78,255,.25) !important;
}
/* =========================================================
RANKING BOARD
========================================================= */
.rank-board{
width:min(1380px,calc(100% - 40px)) !important;
margin:0 auto !important;
overflow:hidden !important;
border:1px solid rgba(53,177,231,.18) !important;
border-radius:18px !important;
background:
linear-gradient(
180deg,
rgba(5,17,33,.96),
rgba(3,10,24,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 20px 50px rgba(0,0,0,.22) !important;
}
/* cabe?alho */
.rank-head{
display:grid !important;
grid-template-columns:120px minmax(240px,1fr) minmax(180px,.65fr) 150px !important;
align-items:center !important;
min-height:54px !important;
padding:0 22px !important;
background:
linear-gradient(
90deg,
rgba(7,34,52,.96),
rgba(7,20,42,.96),
rgba(27,8,51,.90)
) !important;
border-bottom:1px solid rgba(68,195,240,.16) !important;
color:#788dab !important;
font-family:'JetBrains Mono',monospace !important;
font-size:9px !important;
font-weight:800 !important;
letter-spacing:.13em !important;
text-transform:uppercase !important;
}
/* linhas geradas pelo JS */
#rows > *{
position:relative !important;
display:grid !important;
grid-template-columns:120px minmax(240px,1fr) minmax(180px,.65fr) 150px !important;
align-items:center !important;
min-height:66px !important;
padding:0 22px !important;
border-bottom:1px solid rgba(75,112,158,.10) !important;
background:
linear-gradient(
90deg,
rgba(8,19,35,.72),
rgba(5,13,29,.54)
) !important;
transition:
transform .16s ease,
background .16s ease,
border-color .16s ease !important;
}
#rows > *:last-child{
border-bottom:0 !important;
}
#rows > *:hover{
z-index:2 !important;
transform:translateX(3px) !important;
background:
linear-gradient(
90deg,
rgba(9,35,54,.90),
rgba(18,12,42,.80)
) !important;
border-color:rgba(49,210,255,.19) !important;
}
/* primeira linha */
#rows > *:nth-child(1){
background:
linear-gradient(
90deg,
rgba(45,36,11,.42),
rgba(18,19,34,.75)
) !important;
box-shadow:
inset 3px 0 0 rgba(255,207,54,.82) !important;
}
/* segunda */
#rows > *:nth-child(2){
box-shadow:
inset 3px 0 0 rgba(101,208,255,.62) !important;
}
/* terceira */
#rows > *:nth-child(3){
box-shadow:
inset 3px 0 0 rgba(218,76,255,.56) !important;
}
/* textos das linhas */
#rows > * > *{
min-width:0 !important;
}
#rows > * > *:nth-child(1){
color:#85a2c5 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:14px !important;
font-weight:900 !important;
}
#rows > * > *:nth-child(2){
color:#eef6ff !important;
font-size:14px !important;
font-weight:800 !important;
}
#rows > * > *:nth-child(3){
color:#69dff5 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:13px !important;
font-weight:800 !important;
}
#rows > * > *:nth-child(4){
color:#3ee7ff !important;
font-family:'JetBrains Mono',monospace !important;
font-size:14px !important;
font-weight:900 !important;
text-align:right !important;
text-shadow:
0 0 16px rgba(41,225,255,.12) !important;
}
/* TOP 3 n?meros */
#rows > *:nth-child(1) > *:first-child{
color:#ffd75e !important;
}
#rows > *:nth-child(2) > *:first-child{
color:#8ce4ff !important;
}
#rows > *:nth-child(3) > *:first-child{
color:#e984ff !important;
}
/* atualiza??o */
.updated{
width:min(1380px,calc(100% - 40px)) !important;
margin:12px auto 0 !important;
color:#586b8c !important;
font-family:'JetBrains Mono',monospace !important;
font-size:9px !important;
font-weight:700 !important;
letter-spacing:.08em !important;
text-align:right !important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:800px){
.section-title{
width:calc(100% - 24px) !important;
margin-top:26px !important;
}
.section-title h2{
font-size:21px !important;
}
.section-title span{
font-size:7px !important;
}
.podium-wrap,
.rank-board,
.updated{
width:calc(100% - 24px) !important;
}
.podium{
grid-template-columns:1fr !important;
gap:10px !important;
}
.podium > *{
min-height:112px !important;
padding:16px !important;
}
.rank-board{
overflow-x:auto !important;
}
.rank-head,
#rows > *{
grid-template-columns:62px minmax(150px,1fr) 120px 95px !important;
min-width:520px !important;
padding-left:14px !important;
padding-right:14px !important;
}
.rank-head{
font-size:7px !important;
}
#rows > *{
min-height:57px !important;
}
#rows > * > *:nth-child(1),
#rows > * > *:nth-child(2),
#rows > * > *:nth-child(3),
#rows > * > *:nth-child(4){
font-size:11px !important;
}
}
/* =========================================================
LB3 ? PODIUM ORDER + TABLE ACCENTS FIX
DOM podium order = 2nd / 1st / 3rd
table rows begin at 4th place
========================================================= */
/* 2? lugar ? esquerda */
.podium > *:nth-child(1){
border-color:rgba(126,202,255,.34) !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(115,196,255,.10),
transparent 44%
),
linear-gradient(
145deg,
rgba(10,25,42,.96),
rgba(6,14,29,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 0 24px rgba(103,191,255,.06),
0 16px 36px rgba(0,0,0,.24) !important;
}
/* 1? lugar ? centro */
.podium > *:nth-child(2){
border-color:rgba(255,207,62,.48) !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(255,199,40,.13),
transparent 44%
),
linear-gradient(
145deg,
rgba(28,29,35,.97),
rgba(7,15,29,.99)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.045),
0 0 32px rgba(255,198,45,.08),
0 18px 40px rgba(0,0,0,.27) !important;
transform:translateY(-8px) !important;
}
/* 3? lugar ? direita */
.podium > *:nth-child(3){
border-color:rgba(224,93,255,.27) !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(218,67,255,.08),
transparent 45%
),
linear-gradient(
145deg,
rgba(15,20,38,.96),
rgba(7,13,29,.98)
) !important;
}
/* tabela come?a em 4?: remove falso ouro/prata/bronze */
#rows > *:nth-child(1),
#rows > *:nth-child(2),
#rows > *:nth-child(3){
box-shadow:none !important;
background:
linear-gradient(
90deg,
rgba(8,19,35,.72),
rgba(5,13,29,.54)
) !important;
}
/* detalhe lateral uniforme a partir do 4? */
#rows > *{
box-shadow:
inset 2px 0 0 rgba(43,197,241,.12) !important;
}
/* 4? lugar ganha apenas destaque sutil */
#rows > *:nth-child(1){
background:
linear-gradient(
90deg,
rgba(9,28,43,.86),
rgba(6,14,31,.64)
) !important;
box-shadow:
inset 3px 0 0 rgba(45,221,255,.44) !important;
}
/* n?meros 4?+ voltam para paleta normal */
#rows > *:nth-child(1) > *:first-child,
#rows > *:nth-child(2) > *:first-child,
#rows > *:nth-child(3) > *:first-child{
color:#8da9c9 !important;
}
/* 4? com ciano discreto */
#rows > *:nth-child(1) > *:first-child{
color:#55e8ff !important;
}
/* mobile: n?o levanta o campe?o */
@media(max-width:800px){
.podium > *:nth-child(2){
transform:none !important;
}
}
/* =========================================================
DSX0 LB3 ? PREMIUM PRIZE CARD V1
========================================================= */
@media(min-width:1100px){
.pool-box.lb3-prize-premium{
position:relative !important;
overflow:hidden !important;
width:330px !important;
max-width:330px !important;
height:188px !important;
min-height:188px !important;
padding:24px 30px 22px !important;
border:1px solid rgba(50,224,255,.48) !important;
border-radius:18px !important;
background:
radial-gradient(
circle at 50% 18%,
rgba(44,213,255,.09),
transparent 44%
),
linear-gradient(
180deg,
rgba(5,20,38,.96),
rgba(3,10,25,.98)
) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.025),
0 0 18px rgba(23,218,255,.13),
0 0 34px rgba(221,30,255,.10),
0 18px 38px rgba(0,0,0,.30) !important;
}
.pool-box.lb3-prize-premium::before{
content:'' !important;
position:absolute !important;
inset:10px !important;
border-radius:13px !important;
border:1px solid rgba(116,204,255,.20) !important;
background:
linear-gradient(
135deg,
rgba(39,219,255,.028),
transparent 48%,
rgba(224,35,255,.028)
) !important;
pointer-events:none !important;
}
.lb3-prize-title{
position:relative !important;
z-index:4 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
margin:0 0 11px !important;
color:#f1f8ff !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:.17em !important;
line-height:1 !important;
text-transform:uppercase !important;
text-shadow:
0 0 12px rgba(70,222,255,.10) !important;
}
.lb3-prize-trophy{
display:inline-grid !important;
place-items:center !important;
width:20px !important;
height:20px !important;
color:#ffffff !important;
font-size:16px !important;
line-height:1 !important;
text-shadow:
0 0 10px rgba(255,255,255,.25),
0 0 18px rgba(46,220,255,.16) !important;
}
.lb3-prize-amount{
position:relative !important;
z-index:4 !important;
margin:0 !important;
color:#42e3ff !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:64px !important;
font-weight:900 !important;
line-height:.92 !important;
letter-spacing:-.045em !important;
text-align:center !important;
text-shadow:
0 0 7px rgba(49,223,255,.32),
0 0 18px rgba(39,215,255,.20),
0 0 34px rgba(37,191,255,.12) !important;
}
.lb3-prize-subtitle{
position:relative !important;
z-index:4 !important;
margin-top:12px !important;
color:#31def4 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:7px !important;
font-weight:800 !important;
letter-spacing:.18em !important;
line-height:1.2 !important;
text-align:center !important;
text-transform:uppercase !important;
text-shadow:
0 0 10px rgba(48,223,245,.13) !important;
}
.lb3-prize-deco{
position:absolute !important;
z-index:5 !important;
top:50% !important;
width:2px !important;
height:62px !important;
transform:translateY(-50%) !important;
border-radius:99px !important;
background:
linear-gradient(
180deg,
transparent 0%,
#ff35e8 20%,
#805eff 78%,
transparent 100%
) !important;
box-shadow:
0 0 10px rgba(244,42,255,.54),
0 0 20px rgba(96,91,255,.18) !important;
}
.lb3-prize-deco-left{
left:17px !important;
}
.lb3-prize-deco-right{
right:17px !important;
}
}
/* desktop largo */
@media(min-width:1550px){
.pool-box.lb3-prize-premium{
width:345px !important;
max-width:345px !important;
height:194px !important;
min-height:194px !important;
}
.lb3-prize-amount{
font-size:68px !important;
}
}
/* mobile */
@media(max-width:800px){
.pool-box.lb3-prize-premium{
position:relative !important;
overflow:hidden !important;
height:auto !important;
min-height:154px !important;
padding:20px 20px 18px !important;
border:1px solid rgba(49,216,255,.38) !important;
}
.lb3-prize-title{
font-size:9px !important;
}
.lb3-prize-trophy{
width:16px !important;
height:16px !important;
font-size:12px !important;
}
.lb3-prize-amount{
font-size:48px !important;
}
.lb3-prize-subtitle{
margin-top:9px !important;
font-size:5.5px !important;
letter-spacing:.12em !important;
}
.lb3-prize-deco{
height:44px !important;
}
}
/* =========================================================
LB3 ? PRIZE CARD FINAL POLISH
========================================================= */
.lb3-prize-trophy{
font-size:0 !important;
}
.lb3-prize-trophy::before{
content:'??' !important;
font-family:
'Segoe UI Emoji',
'Apple Color Emoji',
sans-serif !important;
font-size:15px !important;
line-height:1 !important;
filter:
grayscale(1)
brightness(1.8) !important;
text-shadow:
0 0 8px rgba(255,255,255,.30),
0 0 14px rgba(52,221,255,.18) !important;
}
.lb3-prize-subtitle{
margin-top:10px !important;
font-size:7.5px !important;
letter-spacing:.16em !important;
color:#52e8f7 !important;
}
.pool-box.lb3-prize-premium{
border-color:rgba(57,225,255,.52) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.025),
0 0 17px rgba(31,219,255,.13),
0 0 27px rgba(234,35,255,.12),
0 18px 38px rgba(0,0,0,.30) !important;
}
/* LB3 prize trophy SVG */
.lb3-prize-trophy{
color:#f5fbff !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
.lb3-prize-trophy svg{
display:block !important;
filter:
drop-shadow(0 0 4px rgba(255,255,255,.28))
drop-shadow(0 0 8px rgba(45,221,255,.22)) !important;
}
/* =========================================================
LB3 ? TROPHY SVG DEFINITIVE FIX
========================================================= */
.lb3-prize-trophy::before{
content:none !important;
display:none !important;
}
.lb3-prize-trophy{
width:20px !important;
height:20px !important;
font-size:16px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
overflow:visible !important;
}
.lb3-prize-trophy svg{
display:block !important;
width:18px !important;
height:18px !important;
color:#f6fbff !important;
stroke:#f6fbff !important;
opacity:1 !important;
filter:
drop-shadow(0 0 4px rgba(255,255,255,.35))
drop-shadow(0 0 8px rgba(45,221,255,.28)) !important;
}
/* =========================================================
LB3 ? PRIZE + COUNTDOWN STACK
========================================================= */
@media(min-width:1100px){
.event-intro{
overflow:visible !important;
}
.lb3-prize-stack{
position:relative !important;
z-index:15 !important;
width:520px !important;
max-width:100% !important;
margin:14px 0 18px !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}
/* pr?mio agora dentro da coluna esquerda */
.lb3-prize-stack .pool-box{
position:relative !important;
width:100% !important;
max-width:520px !important;
height:150px !important;
min-height:150px !important;
margin:0 !important;
padding:18px 30px 16px !important;
transform:none !important;
border-radius:16px !important;
}
.lb3-prize-stack .lb3-prize-title{
margin-bottom:6px !important;
font-size:11px !important;
}
.lb3-prize-stack .lb3-prize-amount{
font-size:66px !important;
line-height:.88 !important;
}
.lb3-prize-stack .lb3-prize-subtitle{
margin-top:8px !important;
font-size:7px !important;
}
.lb3-prize-stack .lb3-prize-deco{
height:54px !important;
}
/* =========================
CONTADOR PREMIUM
========================= */
.lb3-prize-stack .timer{
position:relative !important;
width:100% !important;
max-width:520px !important;
margin:0 !important;
padding:10px 14px 12px !important;
border:1px solid rgba(62,188,255,.32) !important;
border-radius:14px !important;
background:
linear-gradient(
180deg,
rgba(5,18,36,.96),
rgba(3,10,25,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 0 18px rgba(29,195,255,.07) !important;
}
.lb3-prize-stack .timer-title{
display:block !important;
margin:0 0 8px !important;
color:#65e7f7 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:9px !important;
font-weight:800 !important;
letter-spacing:.22em !important;
text-align:center !important;
text-transform:uppercase !important;
}
.lb3-prize-stack .countdown{
display:grid !important;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr !important;
align-items:center !important;
gap:7px !important;
width:100% !important;
}
.lb3-prize-stack .cd{
min-width:0 !important;
height:64px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(67,181,237,.28) !important;
border-radius:9px !important;
background:
linear-gradient(
180deg,
rgba(8,25,46,.92),
rgba(4,13,29,.96)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.lb3-prize-stack .cd strong{
color:#f4f9ff !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:25px !important;
font-weight:800 !important;
line-height:1 !important;
}
.lb3-prize-stack .cd span{
margin-top:5px !important;
color:#9aaac3 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:6px !important;
font-weight:800 !important;
letter-spacing:.10em !important;
text-transform:uppercase !important;
}
.lb3-prize-stack .colon{
color:#4c7c9c !important;
font-size:15px !important;
font-weight:800 !important;
}
/* bot?o abaixo do contador */
#lb3ViewLeaderboard{
width:360px !important;
min-width:360px !important;
margin-top:2px !important;
}
/* =========================
HERO MAIS ALTO
========================= */
.event-grid{
grid-template-rows:650px auto !important;
}
.event-intro{
min-height:650px !important;
padding-top:38px !important;
justify-content:flex-start !important;
}
#dsxHeroLayer{
height:650px !important;
}
#dsxHeroCharacter{
bottom:-30px !important;
}
/* =========================
TIMELINE RESTANTE
apenas in?cio / fim
========================= */
.race-zone .timeline.lb3-timeline-without-counter{
display:grid !important;
grid-template-columns:1fr 1fr !important;
align-items:end !important;
}
.race-zone .timeline.lb3-timeline-without-counter .date-block:last-child{
text-align:right !important;
}
}
/* desktop bem largo */
@media(min-width:1550px){
.lb3-prize-stack{
width:540px !important;
}
.lb3-prize-stack .pool-box,
.lb3-prize-stack .timer{
max-width:540px !important;
}
.lb3-prize-stack .lb3-prize-amount{
font-size:70px !important;
}
}
/* mobile: mant?m composi??o compacta */
@media(max-width:800px){
.lb3-prize-stack{
width:100% !important;
margin:12px 0 14px !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
}
.lb3-prize-stack .pool-box{
width:100% !important;
max-width:none !important;
margin:0 !important;
}
.lb3-prize-stack .timer{
width:100% !important;
margin:0 !important;
padding:8px 8px 10px !important;
border:1px solid rgba(54,188,239,.25) !important;
border-radius:12px !important;
background:rgba(4,14,30,.94) !important;
}
.lb3-prize-stack .timer-title{
display:block !important;
margin-bottom:7px !important;
font-size:7px !important;
letter-spacing:.16em !important;
text-align:center !important;
}
.lb3-prize-stack .countdown{
display:grid !important;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr !important;
gap:4px !important;
align-items:center !important;
}
.lb3-prize-stack .cd{
height:52px !important;
}
.lb3-prize-stack .cd strong{
font-size:19px !important;
}
.lb3-prize-stack .cd span{
font-size:5px !important;
}
.lb3-prize-stack .colon{
font-size:10px !important;
}
}
/* =========================================================
LB3 ? PREMIUM CTA FINAL
========================================================= */
#lb3ViewLeaderboard{
position:relative !important;
overflow:hidden !important;
width:100% !important;
max-width:520px !important;
min-width:0 !important;
height:58px !important;
margin-top:2px !important;
padding:0 28px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
border:1px solid rgba(255,255,255,.78) !important;
border-radius:10px !important;
background:
linear-gradient(
100deg,
#28d8ff 0%,
#4cb7ff 28%,
#9b62ff 61%,
#fa27dc 100%
) !important;
color:#071326 !important;
font-size:15px !important;
font-weight:900 !important;
letter-spacing:.035em !important;
box-shadow:
0 0 8px rgba(46,221,255,.55),
0 0 22px rgba(37,190,255,.28),
0 0 24px rgba(238,37,255,.25),
inset 0 1px 0 rgba(255,255,255,.45) !important;
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease !important;
}
#lb3ViewLeaderboard::before{
content:'?' !important;
font-size:17px !important;
font-weight:900 !important;
margin-right:12px !important;
}
#lb3ViewLeaderboard::after{
content:'?' !important;
font-size:24px !important;
font-weight:800 !important;
margin-left:auto !important;
}
#lb3ViewLeaderboard:hover{
transform:translateY(-2px) !important;
filter:brightness(1.08) !important;
box-shadow:
0 0 12px rgba(46,221,255,.70),
0 0 30px rgba(37,190,255,.34),
0 0 32px rgba(238,37,255,.31),
inset 0 1px 0 rgba(255,255,255,.55) !important;
}
/* =========================================================
LB3 ? CTA FINAL V2
========================================================= */
#lb3ViewLeaderboard.lb3-cta-final{
width:100% !important;
max-width:520px !important;
height:60px !important;
padding:0 24px !important;
display:grid !important;
grid-template-columns:32px 1fr 32px !important;
align-items:center !important;
border:1px solid rgba(255,255,255,.86) !important;
border-radius:10px !important;
background:
linear-gradient(
100deg,
#25d9ff 0%,
#43bfff 27%,
#8b6bff 58%,
#fa26dc 100%
) !important;
color:#061124 !important;
box-shadow:
0 0 7px rgba(43,221,255,.72),
0 0 24px rgba(42,190,255,.33),
0 0 30px rgba(240,36,255,.27),
inset 0 1px 0 rgba(255,255,255,.58) !important;
text-decoration:none !important;
}
#lb3ViewLeaderboard.lb3-cta-final::before,
#lb3ViewLeaderboard.lb3-cta-final::after{
content:none !important;
display:none !important;
}
.lb3-cta-text{
text-align:center !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:16px !important;
font-weight:900 !important;
letter-spacing:.04em !important;
}
.lb3-cta-icon,
.lb3-cta-arrow{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.lb3-cta-icon svg{
width:21px !important;
height:21px !important;
fill:#061124 !important;
}
.lb3-cta-arrow svg{
width:25px !important;
height:25px !important;
fill:none !important;
stroke:#061124 !important;
stroke-width:2 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
#lb3ViewLeaderboard.lb3-cta-final:hover{
transform:translateY(-2px) scale(1.005) !important;
filter:brightness(1.08) !important;
box-shadow:
0 0 10px rgba(43,221,255,.80),
0 0 32px rgba(42,190,255,.40),
0 0 38px rgba(240,36,255,.34),
inset 0 1px 0 rgba(255,255,255,.65) !important;
}
/* =========================================================
LB3 ? CTA FINAL POLISH
========================================================= */
#lb3ViewLeaderboard.lb3-cta-final{
border:1px solid rgba(255,255,255,.92) !important;
box-shadow:
0 0 10px rgba(42,221,255,.82),
0 0 28px rgba(36,190,255,.42),
0 0 34px rgba(240,36,255,.36),
inset 0 1px 0 rgba(255,255,255,.68),
inset 0 -1px 0 rgba(255,255,255,.12) !important;
}
.lb3-cta-icon svg{
width:23px !important;
height:23px !important;
fill:#061124 !important;
filter:
drop-shadow(0 0 3px rgba(255,255,255,.18)) !important;
}
.lb3-cta-arrow svg{
width:27px !important;
height:27px !important;
stroke:#061124 !important;
stroke-width:2.3 !important;
filter:
drop-shadow(0 0 3px rgba(255,255,255,.16)) !important;
}
.lb3-cta-text{
font-size:17px !important;
font-weight:900 !important;
letter-spacing:.045em !important;
}
#lb3ViewLeaderboard.lb3-cta-final:hover{
transform:translateY(-2px) scale(1.008) !important;
filter:brightness(1.10) saturate(1.05) !important;
box-shadow:
0 0 14px rgba(42,221,255,.92),
0 0 36px rgba(36,190,255,.50),
0 0 42px rgba(240,36,255,.44),
inset 0 1px 0 rgba(255,255,255,.74) !important;
}
/* =========================================================
LB3 ? PREMIUM TOP NAVIGATION
========================================================= */
@media(min-width:1100px){
.lb3-nav-premium{
position:relative !important;
min-height:42px !important;
padding:0 13px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
border:1px solid transparent !important;
border-radius:8px !important;
color:#9baaca !important;
text-decoration:none !important;
transition:
color .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease,
transform .18s ease !important;
}
.lb3-nav-icon{
width:19px !important;
height:19px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
color:currentColor !important;
}
.lb3-nav-icon svg{
width:19px !important;
height:19px !important;
fill:none !important;
stroke:currentColor !important;
stroke-width:1.8 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.lb3-nav-label{
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.035em !important;
white-space:nowrap !important;
}
.lb3-nav-premium:hover{
color:#dff8ff !important;
border-color:rgba(51,210,255,.24) !important;
background:
linear-gradient(
180deg,
rgba(19,69,94,.26),
rgba(4,23,42,.32)
) !important;
box-shadow:
0 0 16px rgba(24,204,255,.09) !important;
transform:translateY(-1px) !important;
}
/* item ativo */
.lb3-nav-premium.active,
.lb3-nav-premium[aria-current='page']{
color:#42e7ff !important;
border-color:rgba(48,220,255,.62) !important;
background:
linear-gradient(
180deg,
rgba(11,77,109,.58),
rgba(3,30,54,.68)
) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.025),
0 0 12px rgba(36,211,255,.20),
0 0 24px rgba(37,147,255,.10) !important;
}
.lb3-nav-premium.active::after,
.lb3-nav-premium[aria-current='page']::after{
content:'' !important;
position:absolute !important;
left:14px !important;
right:14px !important;
bottom:-9px !important;
height:2px !important;
border-radius:99px !important;
background:
linear-gradient(
90deg,
transparent,
#2eeaff 25%,
#2eeaff 75%,
transparent
) !important;
box-shadow:
0 0 10px rgba(46,234,255,.55) !important;
}
}
/* =========================================================
LB3 ? HEADER BRAND + KICK POLISH
========================================================= */
@media(min-width:1100px){
/* =========================
DSX0 + THRILL
========================= */
.brand,
.top-brand,
.header-brand{
display:flex !important;
align-items:center !important;
gap:11px !important;
}
.brand img,
.top-brand img,
.header-brand img{
height:34px !important;
width:auto !important;
max-height:34px !important;
object-fit:contain !important;
}
.brand::after,
.top-brand::after,
.header-brand::after{
content:'' !important;
width:1px !important;
height:24px !important;
margin-left:2px !important;
background:linear-gradient(
180deg,
transparent,
rgba(57,220,255,.32),
transparent
) !important;
}
/* =========================
KICK OFFLINE
========================= */
.kick-status,
.kick-pill,
.kick-button{
position:relative !important;
overflow:hidden !important;
min-width:158px !important;
height:46px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
padding:0 20px !important;
border:1px solid rgba(255,69,75,.62) !important;
border-radius:999px !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(255,56,69,.12),
transparent 65%
),
linear-gradient(
180deg,
rgba(45,10,14,.96),
rgba(18,4,8,.98)
) !important;
color:#f6f7fb !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.02),
0 0 12px rgba(255,44,59,.16),
0 0 24px rgba(255,20,46,.08) !important;
text-decoration:none !important;
}
.kick-status::before,
.kick-pill::before,
.kick-button::before{
content:'' !important;
width:8px !important;
height:8px !important;
border-radius:50% !important;
background:#ff3348 !important;
box-shadow:
0 0 7px rgba(255,51,72,.95),
0 0 15px rgba(255,51,72,.52) !important;
flex:0 0 auto !important;
}
.kick-status,
.kick-pill,
.kick-button{
font-size:11px !important;
font-weight:900 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
.kick-status:hover,
.kick-pill:hover,
.kick-button:hover{
border-color:rgba(255,84,98,.86) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.025),
0 0 16px rgba(255,51,72,.24),
0 0 30px rgba(255,20,46,.12) !important;
transform:translateY(-1px) !important;
}
}
/* =========================================================
LB3 ? HEADER BRAND FINAL
========================================================= */
@media(min-width:1100px){
/* Logo DSX0 */
header img:not(.thrill-header-logo){
width:auto !important;
height:32px !important;
max-height:32px !important;
object-fit:contain !important;
filter:
drop-shadow(0 0 5px rgba(45,220,255,.16))
drop-shadow(0 0 7px rgba(231,42,255,.08)) !important;
}
/* Logo Thrill */
header img.thrill-header-logo{
width:auto !important;
height:27px !important;
max-height:27px !important;
margin-left:12px !important;
padding-left:15px !important;
border-left:1px solid rgba(86,198,237,.28) !important;
object-fit:contain !important;
opacity:.92 !important;
filter:
brightness(1.35)
drop-shadow(0 0 5px rgba(255,255,255,.07)) !important;
}
header img:not(.thrill-header-logo):hover,
header img.thrill-header-logo:hover{
opacity:1 !important;
filter:
brightness(1.08)
drop-shadow(0 0 7px rgba(45,220,255,.18)) !important;
}
}
/* =========================================================
LB3 ? TELEGRAM ORIGINAL BUTTON
========================================================= */
#lb3TelegramBtn.lb3-telegram-original{
position:relative !important;
min-width:116px !important;
height:44px !important;
padding:0 16px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
border:1px solid rgba(239,156,41,.72) !important;
border-radius:8px !important;
background:
linear-gradient(
180deg,
rgba(18,17,14,.94),
rgba(8,10,15,.98)
) !important;
color:#ffad3f !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 0 14px rgba(233,147,28,.05) !important;
text-decoration:none !important;
transition:
border-color .18s ease,
box-shadow .18s ease,
transform .18s ease,
background .18s ease !important;
}
#lb3TelegramBtn.lb3-telegram-original::before,
#lb3TelegramBtn.lb3-telegram-original::after{
content:none !important;
display:none !important;
}
.lb3-telegram-original-icon{
display:block !important;
width:27px !important;
height:27px !important;
object-fit:contain !important;
flex:0 0 27px !important;
filter:
drop-shadow(0 0 5px rgba(42,181,238,.16)) !important;
}
.lb3-telegram-original-label{
font-family:'Chakra Petch',sans-serif !important;
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.015em !important;
white-space:nowrap !important;
}
#lb3TelegramBtn.lb3-telegram-original:hover{
transform:translateY(-1px) !important;
border-color:rgba(255,180,66,.95) !important;
background:
linear-gradient(
180deg,
rgba(28,22,14,.97),
rgba(10,11,16,.99)
) !important;
box-shadow:
0 0 16px rgba(240,157,36,.11),
inset 0 1px 0 rgba(255,255,255,.035) !important;
}
/* =========================================================
LB3 ? TELEGRAM ORIGINAL STYLE
SAFE: CSS ONLY
========================================================= */
@media(min-width:1100px){
#lb3TelegramBtn{
width:auto !important;
min-width:118px !important;
height:44px !important;
padding:0 15px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
border:1px solid rgba(233,154,43,.78) !important;
border-radius:8px !important;
background:
linear-gradient(
180deg,
rgba(21,18,13,.96),
rgba(8,10,15,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 0 12px rgba(229,145,28,.05) !important;
color:#ffad3f !important;
text-decoration:none !important;
transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease !important;
}
/* mant?m o ?cone existente */
#lb3TelegramBtn .lb3-telegram-icon{
width:28px !important;
height:28px !important;
flex:0 0 28px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:#2aabee !important;
color:#fff !important;
box-shadow:
0 0 8px rgba(42,171,238,.20) !important;
}
/* esconde o conte?do antigo */
#lb3TelegramBtn .lb3-telegram-copy small,
#lb3TelegramBtn .lb3-telegram-copy strong{
display:none !important;
}
/* novo texto */
#lb3TelegramBtn .lb3-telegram-copy{
display:flex !important;
align-items:center !important;
margin:0 !important;
}
#lb3TelegramBtn .lb3-telegram-copy::after{
content:'Log in' !important;
color:#ffad3f !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.01em !important;
white-space:nowrap !important;
}
/* remove a seta antiga */
#lb3TelegramBtn .lb3-telegram-arrow{
display:none !important;
}
#lb3TelegramBtn:hover{
transform:translateY(-1px) !important;
border-color:rgba(255,181,65,.98) !important;
box-shadow:
0 0 15px rgba(238,153,31,.12),
inset 0 1px 0 rgba(255,255,255,.035) !important;
}
}
/* =========================================================
LB3 ? TELEGRAM COMMUNITY BUTTON FINAL
========================================================= */
@media(min-width:1100px){
#lb3TelegramBtn{
min-width:210px !important;
height:46px !important;
padding:0 18px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:11px !important;
border:1px solid rgba(43,190,255,.72) !important;
border-radius:10px !important;
background:
linear-gradient(
180deg,
rgba(8,52,78,.96),
rgba(5,31,51,.98)
) !important;
color:#f6fbff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 0 14px rgba(42,171,238,.14) !important;
text-decoration:none !important;
}
/* esconde conte?do antigo */
#lb3TelegramBtn .lb3-telegram-copy small,
#lb3TelegramBtn .lb3-telegram-copy strong,
#lb3TelegramBtn .lb3-telegram-arrow{
display:none !important;
}
/* ?cone Telegram atual */
#lb3TelegramBtn .lb3-telegram-icon{
width:30px !important;
height:30px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:8px !important;
background:#2AABEE !important;
color:#fff !important;
box-shadow:
0 0 10px rgba(42,171,238,.26) !important;
}
/* texto novo */
#lb3TelegramBtn .lb3-telegram-copy{
display:flex !important;
align-items:center !important;
}
#lb3TelegramBtn .lb3-telegram-copy::after{
content:'Entrar na Comunidade' !important;
color:#f4fbff !important;
font-family:'Chakra Petch',sans-serif !important;
font-size:13px !important;
font-weight:800 !important;
letter-spacing:.01em !important;
white-space:nowrap !important;
}
#lb3TelegramBtn:hover{
transform:translateY(-1px) !important;
border-color:rgba(70,211,255,.95) !important;
box-shadow:
0 0 18px rgba(42,171,238,.22),
inset 0 1px 0 rgba(255,255,255,.05) !important;
}
}
/* =========================================================
LB3 ? TELEGRAM ICON FIX
========================================================= */
#lb3TelegramBtn .lb3-telegram-icon{
position:relative !important;
width:30px !important;
height:30px !important;
min-width:30px !important;
border-radius:8px !important;
background:#2AABEE !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
font-size:0 !important;
line-height:0 !important;
}
#lb3TelegramBtn .lb3-telegram-icon::before{
content:'' !important;
display:block !important;
width:17px !important;
height:17px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
background-image:url("data:image/svg+xml;utf8,\
") !important;
}
/* =========================================================
LB3 ? TELEGRAM FINAL POLISH
========================================================= */
#lb3TelegramBtn .lb3-telegram-icon{
width:30px !important;
height:30px !important;
min-width:30px !important;
flex:0 0 30px !important;
border-radius:50% !important;
background:#2AABEE !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
box-shadow:
0 0 8px rgba(42,171,238,.24) !important;
}
#lb3TelegramBtn .lb3-telegram-icon::before{
width:16px !important;
height:16px !important;
}
/* remove movimento do bot?o */
#lb3TelegramBtn,
#lb3TelegramBtn:hover,
#lb3TelegramBtn:active,
#lb3TelegramBtn:focus,
#lb3TelegramBtn:focus-visible{
transform:none !important;
}
/* remove efeito de pressionado */
#lb3TelegramBtn:active{
top:auto !important;
bottom:auto !important;
filter:none !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 0 14px rgba(42,171,238,.16) !important;
}
/* mant?m hover apenas visual, sem deslocamento */
#lb3TelegramBtn:hover{
border-color:rgba(70,211,255,.95) !important;
box-shadow:
0 0 18px rgba(42,171,238,.22),
inset 0 1px 0 rgba(255,255,255,.05) !important;
}
/* =========================================================
LB3 ? TELEGRAM COMPACT FINAL
========================================================= */
@media(min-width:1100px){
#lb3TelegramBtn{
min-width:150px !important;
width:auto !important;
height:44px !important;
padding:0 14px !important;
gap:8px !important;
margin-left:0 !important;
margin-right:0 !important;
transform:none !important;
}
#lb3TelegramBtn .lb3-telegram-copy::after{
content:'Comunidade' !important;
font-size:13px !important;
font-weight:800 !important;
white-space:nowrap !important;
}
#lb3TelegramBtn .lb3-telegram-icon{
width:28px !important;
height:28px !important;
min-width:28px !important;
flex:0 0 28px !important;
border-radius:50% !important;
}
#lb3TelegramBtn .lb3-telegram-icon::before{
width:15px !important;
height:15px !important;
}
#lb3TelegramBtn:hover,
#lb3TelegramBtn:active,
#lb3TelegramBtn:focus{
transform:none !important;
}
}
/* =========================================================
LB3 ? REMOVE TELEGRAM BUTTON
========================================================= */
#lb3TelegramBtn{
display:none !important;
}
/* =========================================================
LB3 ? RACE PROGRESS FINAL PREMIUM
Exact DOM selectors
========================================================= */
/* bloco geral: bordas mais discretas */
.race-zone{
position:relative !important;
overflow:hidden !important;
border-color:rgba(39,181,228,.13) !important;
background:
radial-gradient(
760px 300px at 92% 72%,
rgba(163,39,255,.085),
transparent 68%
),
linear-gradient(
180deg,
rgba(4,18,38,.94),
rgba(3,13,30,.98)
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.015),
inset 0 0 42px rgba(2,8,22,.20) !important;
}
/* cabe?alho */
.progress-head{
padding-right:12px !important;
}
.progress-label{
color:#edf5ff !important;
letter-spacing:.08em !important;
}
.progress-right{
display:flex !important;
align-items:center !important;
gap:13px !important;
padding-right:2px !important;
}
.progress-right span{
color:#7186a8 !important;
}
.progress-right #winnerCount{
color:#8ea6cc !important;
}
#racePct{
color:var(--race-color,#ffd84d) !important;
font-size:15px !important;
font-weight:900 !important;
text-shadow:
0 0 8px color-mix(in srgb, var(--race-color,#ffd84d) 45%, transparent),
0 0 18px color-mix(in srgb, var(--race-color,#ffd84d) 20%, transparent) !important;
}
/* WAGER */
.dsx-wager-total-edicao{
border:0 !important;
background:none !important;
box-shadow:none !important;
}
.dsx-wager-total-edicao-label{
color:#7189aa !important;
}
.dsx-wager-total-edicao-value{
color:#25dbf4 !important;
text-shadow:
0 0 14px rgba(37,219,244,.10) !important;
}
/* =========================================================
TRACK
========================================================= */
.progress-track{
position:relative !important;
height:12px !important;
overflow:hidden !important;
border:1px solid rgba(62,190,232,.16) !important;
border-radius:999px !important;
background:
linear-gradient(
180deg,
rgba(2,10,22,.98),
rgba(0,8,18,.98)
) !important;
box-shadow:
inset 0 2px 5px rgba(0,0,0,.55),
0 0 0 1px rgba(255,255,255,.008) !important;
}
/* marcadores de 50% e 90% */
.progress-track::before{
content:'' !important;
position:absolute !important;
z-index:3 !important;
top:2px !important;
bottom:2px !important;
left:50% !important;
width:1px !important;
background:rgba(255,219,67,.30) !important;
box-shadow:
0 0 6px rgba(255,219,67,.18) !important;
pointer-events:none !important;
}
.progress-track::after{
content:'' !important;
position:absolute !important;
z-index:3 !important;
top:2px !important;
bottom:2px !important;
left:90% !important;
width:1px !important;
background:rgba(51,255,137,.36) !important;
box-shadow:
0 0 7px rgba(51,255,137,.24) !important;
pointer-events:none !important;
}
/* preenchimento din?mico */
#raceFill.progress-fill{
position:relative !important;
height:100% !important;
border-radius:999px !important;
background:
linear-gradient(
90deg,
color-mix(in srgb, var(--race-color,#ff375f) 78%, #ffffff 22%),
var(--race-color,#ff375f)
) !important;
box-shadow:
0 0 7px var(--race-glow,rgba(255,55,95,.40)),
0 0 16px var(--race-glow,rgba(255,55,95,.22)) !important;
transition:
width .55s ease,
background .5s ease,
box-shadow .5s ease !important;
}
/* ponto luminoso indicando a posi??o atual */
#raceFill.progress-fill::after{
content:'' !important;
position:absolute !important;
z-index:4 !important;
top:50% !important;
right:-4px !important;
width:9px !important;
height:9px !important;
transform:translateY(-50%) !important;
border-radius:50% !important;
background:#ffffff !important;
box-shadow:
0 0 5px #ffffff,
0 0 12px var(--race-color,#ff375f),
0 0 20px var(--race-glow,rgba(255,55,95,.4)) !important;
}
/* =========================================================
TIMELINE IN?CIO / FIM
========================================================= */
.timeline.lb3-timeline-without-counter{
width:100% !important;
margin-top:22px !important;
padding:20px 8px 0 !important;
display:grid !important;
grid-template-columns:minmax(230px,1fr) minmax(230px,1fr) !important;
align-items:end !important;
border-top:1px solid rgba(75,135,181,.14) !important;
overflow:visible !important;
}
/* datas */
.timeline .date-block{
position:relative !important;
width:auto !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
overflow:visible !important;
}
.timeline .date-block:first-child{
align-items:flex-start !important;
text-align:left !important;
}
.timeline .date-block:last-child{
align-items:flex-end !important;
text-align:right !important;
padding-right:8px !important;
}
/* pills IN?CIO / FIM */
.timeline .tiny-label{
position:relative !important;
min-height:31px !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding:6px 12px !important;
border:1px solid rgba(55,184,226,.20) !important;
border-radius:999px !important;
background:
linear-gradient(
180deg,
rgba(10,29,48,.88),
rgba(4,16,31,.94)
) !important;
color:#e8f4ff !important;
font-size:9px !important;
font-weight:900 !important;
letter-spacing:.12em !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 7px 16px rgba(0,0,0,.15) !important;
}
/* ?cone in?cio ? play premium */
.timeline .date-block:first-child .tiny-label::before{
content:'' !important;
width:15px !important;
height:15px !important;
flex:0 0 15px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
background-image:url("data:image/svg+xml;utf8,\
") !important;
filter:drop-shadow(0 0 4px rgba(85,231,255,.38)) !important;
}
/* ?cone fim ? bandeira */
.timeline .date-block:last-child .tiny-label::before{
content:'' !important;
width:15px !important;
height:15px !important;
flex:0 0 15px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
background-image:url("data:image/svg+xml;utf8,\
") !important;
filter:drop-shadow(0 0 4px rgba(255,207,74,.38)) !important;
}
/* valores das datas */
.timeline .date-value{
max-width:100% !important;
margin-top:9px !important;
color:#91a7c8 !important;
font-size:11px !important;
font-weight:700 !important;
white-space:nowrap !important;
overflow:visible !important;
}
/* garante FIM inteiro */
#endDate{
padding-right:2px !important;
}
/* mobile */
@media(max-width:800px){
.race-zone{
border-radius:18px !important;
}
.timeline.lb3-timeline-without-counter{
grid-template-columns:1fr !important;
gap:18px !important;
}
.timeline .date-block:last-child{
align-items:flex-start !important;
text-align:left !important;
padding-right:0 !important;
}
.progress-right{
gap:7px !important;
}
.progress-track{
height:10px !important;
}
}
/* =========================================================
LB3 ? RACE ALIGNMENT FIX
========================================================= */
.race-zone{
padding-left:42px !important;
padding-right:42px !important;
overflow:hidden !important;
}
/* Cabe?alho da race */
.progress-head{
width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
}
.progress-right{
margin-left:auto !important;
margin-right:0 !important;
padding-right:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:12px !important;
white-space:nowrap !important;
}
.progress-right span,
.progress-right strong{
flex:0 0 auto !important;
}
/* barra acompanha exatamente a largura ?til */
.progress-track{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
/* IN?CIO / FIM */
.timeline.lb3-timeline-without-counter{
width:100% !important;
padding-left:8px !important;
padding-right:8px !important;
box-sizing:border-box !important;
}
.timeline .date-block:first-child{
justify-self:start !important;
align-items:flex-start !important;
}
.timeline .date-block:last-child{
justify-self:end !important;
align-items:flex-end !important;
padding-right:0 !important;
margin-right:0 !important;
transform:translateX(-8px) !important;
}
/* garante que FIM e a data n?o sejam cortados */
.timeline .date-block:last-child .tiny-label,
#endDate{
max-width:none !important;
overflow:visible !important;
text-overflow:clip !important;
white-space:nowrap !important;
}
#endDate{
padding-right:0 !important;
}
/* deixa os dois lados visualmente equilibrados */
.timeline .date-block{
min-width:190px !important;
}
/* =========================================================
LB3 ? RACE RIGHT EDGE DEFINITIVE FIX
========================================================= */
.race-zone{
box-sizing:border-box !important;
padding-left:42px !important;
padding-right:42px !important;
}
/* CABE?ALHO */
.race-zone .progress-head{
position:relative !important;
width:100% !important;
max-width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:0 !important;
margin:0 !important;
box-sizing:border-box !important;
}
.race-zone .progress-label{
position:static !important;
left:auto !important;
right:auto !important;
transform:none !important;
flex:0 0 auto !important;
}
.race-zone .progress-right{
position:static !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
margin:0 0 0 auto !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:12px !important;
width:auto !important;
max-width:none !important;
flex:0 0 auto !important;
white-space:nowrap !important;
overflow:visible !important;
}
.race-zone .progress-right span,
.race-zone .progress-right strong{
position:static !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
white-space:nowrap !important;
}
/* TRACK */
.race-zone .progress-track{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
box-sizing:border-box !important;
}
/* =========================================================
TIMELINE
========================================================= */
.race-zone .timeline.lb3-timeline-without-counter{
position:relative !important;
width:100% !important;
max-width:100% !important;
margin:22px 0 0 !important;
padding:20px 8px 0 !important;
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
box-sizing:border-box !important;
overflow:visible !important;
}
/* os dois blocos */
.race-zone .timeline .date-block{
position:static !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
width:auto !important;
min-width:200px !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}
/* in?cio */
.race-zone .timeline .date-block:first-child{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
text-align:left !important;
}
/* fim */
.race-zone .timeline .date-block:last-child{
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
margin-left:auto !important;
padding-right:0 !important;
text-align:right !important;
transform:none !important;
}
/* nunca cortar FIM nem a data */
.race-zone .timeline .date-block:last-child .tiny-label,
.race-zone #endDate{
position:static !important;
width:auto !important;
max-width:none !important;
margin-right:0 !important;
padding-right:0 !important;
transform:none !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
}
/* cria uma folga real da borda direita */
.race-zone .timeline .date-block:last-child{
margin-right:4px !important;
}
/* mobile */
@media(max-width:800px){
.race-zone{
padding-left:18px !important;
padding-right:18px !important;
}
.race-zone .timeline.lb3-timeline-without-counter{
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
}
.race-zone .timeline .date-block:last-child{
align-items:flex-start !important;
text-align:left !important;
margin-left:0 !important;
}
}
/* =========================================================
DSX0 LB3 ? HEADER BRAND PREMIUM
DSX0 HIGH ROLLER ? THRILL
========================================================= */
@media(min-width:1100px){
.dsx-header-brand-zone{
display:flex !important;
align-items:center !important;
overflow:visible !important;
}
.brand-lockup{
position:relative !important;
display:flex !important;
align-items:center !important;
gap:11px !important;
min-width:210px !important;
height:58px !important;
overflow:visible !important;
}
/* =========================
DSX0
========================= */
.brand-lockup > img:first-child{
width:auto !important;
height:35px !important;
max-height:35px !important;
object-fit:contain !important;
margin:0 !important;
padding:0 0 7px 0 !important;
filter:
brightness(1.08)
drop-shadow(0 0 4px rgba(44,221,255,.20))
drop-shadow(0 0 7px rgba(233,35,255,.10)) !important;
}
/* HIGH ROLLER abaixo da DSX0 */
.brand-lockup::before{
content:'HIGH ROLLER' !important;
position:absolute !important;
left:9px !important;
top:40px !important;
color:#61dff5 !important;
font-family:'JetBrains Mono',monospace !important;
font-size:6px !important;
font-weight:800 !important;
letter-spacing:.32em !important;
white-space:nowrap !important;
opacity:.90 !important;
text-shadow:
0 0 7px rgba(39,218,255,.30) !important;
pointer-events:none !important;
}
/* =========================
+ -> ?
========================= */
.brand-lockup .brand-plus{
width:13px !important;
margin:0 2px !important;
font-size:0 !important;
color:#76dff5 !important;
opacity:.82 !important;
}
.brand-lockup .brand-plus::after{
content:'?' !important;
font-family:'Space Grotesk',sans-serif !important;
font-size:18px !important;
font-weight:400 !important;
color:#79dff3 !important;
text-shadow:
0 0 7px rgba(66,220,255,.22) !important;
}
/* =========================
THRILL
========================= */
.brand-lockup .thrill-header-logo{
width:auto !important;
height:31px !important;
max-height:31px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
object-fit:contain !important;
opacity:.96 !important;
filter:
grayscale(1)
brightness(2.5)
contrast(1.15)
drop-shadow(0 0 5px rgba(255,255,255,.10)) !important;
}
/* hover discreto */
.brand-lockup:hover > img:first-child{
filter:
brightness(1.13)
drop-shadow(0 0 6px rgba(44,221,255,.28))
drop-shadow(0 0 9px rgba(233,35,255,.14)) !important;
}
.brand-lockup:hover .thrill-header-logo{
opacity:1 !important;
filter:
grayscale(1)
brightness(2.7)
contrast(1.2)
drop-shadow(0 0 7px rgba(255,255,255,.14)) !important;
}
}
/* =========================================================
DSX0 LB3 ? COMBINED HEADER BRAND
========================================================= */
@media(min-width:1100px){
.brand-lockup{
position:relative !important;
width:230px !important;
min-width:230px !important;
height:62px !important;
display:block !important;
background-image:url('/img/lb3/dsx0-thrill-header.png') !important;
background-repeat:no-repeat !important;
background-position:left center !important;
background-size:contain !important;
overflow:visible !important;
}
/* esconde as marcas antigas */
.brand-lockup > img,
.brand-lockup .brand-plus{
display:none !important;
}
/* remove HIGH ROLLER criado anteriormente em CSS */
.brand-lockup::before,
.brand-lockup::after{
content:none !important;
display:none !important;
}
}
/* =========================================================
DSX0 LB3 ? HEADER BRAND SIZE / POSITION POLISH
========================================================= */
@media(min-width:1100px){
.brand-lockup{
width:255px !important;
min-width:255px !important;
height:64px !important;
background-size:contain !important;
background-position:left calc(50% + 3px) !important;
}
}
/* =========================================================
DSX0 LB3 ? HEADER VISUAL FINAL
Somente apar?ncia ? sem reposicionamento estrutural
========================================================= */
@media(min-width:1100px){
/* MENU ? branco */
header nav a,
header nav .lb3-nav-premium{
color:#f7f9fc !important;
font-weight:700 !important;
opacity:.98 !important;
background:transparent !important;
border-color:transparent !important;
text-shadow:none !important;
transition:
color .18s ease,
text-shadow .18s ease,
background .18s ease,
border-color .18s ease !important;
}
header nav .lb3-nav-icon{
color:#f7f9fc !important;
opacity:.96 !important;
}
/* HOVER NEON CIANO */
header nav a:hover,
header nav .lb3-nav-premium:hover{
color:#49e9ff !important;
background:rgba(18,54,72,.20) !important;
border-color:rgba(73,233,255,.15) !important;
text-shadow:
0 0 7px rgba(73,233,255,.42),
0 0 15px rgba(73,233,255,.16) !important;
}
header nav a:hover .lb3-nav-icon,
header nav .lb3-nav-premium:hover .lb3-nav-icon{
color:#49e9ff !important;
filter:
drop-shadow(0 0 5px rgba(73,233,255,.42)) !important;
}
/* ITEM ATIVO */
header nav a.on,
header nav .lb3-nav-premium.active,
header nav .lb3-nav-premium[aria-current='page']{
color:#ffffff !important;
background:transparent !important;
border-color:transparent !important;
}
/* underline neon do item ativo */
header nav a.on::after,
header nav .lb3-nav-premium.active::after,
header nav .lb3-nav-premium[aria-current='page']::after{
background:linear-gradient(
90deg,
transparent,
#2ce7ff 18%,
#2ce7ff 82%,
transparent
) !important;
box-shadow:
0 0 8px rgba(44,231,255,.52),
0 0 16px rgba(44,231,255,.18) !important;
}
/* KICK ? estilo esbo?o */
#dsxKickStatusPill{
min-width:154px !important;
height:42px !important;
padding:0 16px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
border:1px solid #ff2752 !important;
border-radius:7px !important;
background:
linear-gradient(
180deg,
rgba(38,8,17,.96),
rgba(17,3,9,.98)
) !important;
color:#fff !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.025),
0 0 9px rgba(255,39,82,.17),
0 0 18px rgba(255,39,82,.08) !important;
}
#dsxKickStatusPill .kick-status-brand{
color:#fff !important;
font-weight:900 !important;
letter-spacing:.08em !important;
}
#dsxKickStatusPill .kick-status-separator{
width:8px !important;
height:8px !important;
border-radius:50% !important;
background:#ff3157 !important;
box-shadow:
0 0 6px rgba(255,49,87,.90),
0 0 12px rgba(255,49,87,.45) !important;
}
#dsxKickStatusPill .kick-status-label{
color:#ff6079 !important;
font-weight:900 !important;
letter-spacing:.10em !important;
}
#dsxKickStatusPill:hover{
border-color:#ff4768 !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.03),
0 0 13px rgba(255,39,82,.26),
0 0 24px rgba(255,39,82,.12) !important;
}
}
/* =========================================================
DSX0 LB3 ? REMOVE LANGUAGE SWITCH
========================================================= */
.dsx-lang-switch{
display:none !important;
}
/* =========================================================
DSX0 LB3 ? AURORA BACKGROUND TEST
========================================================= */
body{
background:
linear-gradient(rgba(2,8,18,.84), rgba(2,8,18,.84)),
url('/img/lb3/lb3-aurora-bg.png') center top / cover fixed no-repeat !important;
}
/* remove os antigos riscos / halos externos */
body::before,
body::after{
display:none !important;
content:none !important;
}
/* =========================================================
DSX0 LB3 ? AURORA BACKGROUND TEST
========================================================= */
body{
background:
linear-gradient(rgba(2,8,18,.84), rgba(2,8,18,.84)),
url('/img/lb3/lb3-aurora-bg.png') center top / cover fixed no-repeat !important;
}
/* remove os antigos riscos / halos externos */
body::before,
body::after{
display:none !important;
content:none !important;
}
/* =========================================================
DSX0 LB3 ? AURORA BACKGROUND TEST
========================================================= */
body{
background:
linear-gradient(rgba(2,8,18,.84), rgba(2,8,18,.84)),
url('/img/lb3/lb3-aurora-bg.png') center top / cover fixed no-repeat !important;
}
/* remove os antigos riscos / halos externos */
body::before,
body::after{
display:none !important;
content:none !important;
}
/* =========================================================
DSX0 LB3 ? AURORA BACKGROUND V2
========================================================= */
body{
background:
linear-gradient(
rgba(2,7,16,.72),
rgba(2,7,16,.72)
),
url('/img/lb3/lb3-aurora-bg-v2.png')
center top / cover fixed no-repeat !important;
}
/* garante que os riscos antigos n?o voltem */
body::before,
body::after{
content:none !important;
display:none !important;
}
/* =========================================================
DSX0 LB3 ? AURORA V2 FINAL TONE
========================================================= */
body{
background:
linear-gradient(
rgba(2,7,16,.78),
rgba(2,7,16,.78)
),
url('/img/lb3/lb3-aurora-bg-v2.png')
center top / cover fixed no-repeat !important;
}
/* =========================================================
DSX0 LB3 ? AURORA V2 FINAL TONE STRONGER
========================================================= */
body{
background:
linear-gradient(
rgba(2,7,16,.84),
rgba(2,7,16,.84)
),
url('/img/lb3/lb3-aurora-bg-v2.png')
center top / cover fixed no-repeat !important;
}
/* =========================================================
DSX0 LB3 ? THRILL OFFICIAL PARTNER FLOATING BADGE
========================================================= */
#thrillPartnerFloating{
position:fixed !important;
left:18px !important;
bottom:18px !important;
z-index:99999 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
#thrillPartnerFloating img{
display:block !important;
width:210px !important;
max-width:34vw !important;
height:auto !important;
border-radius:12px !important;
box-shadow:
0 0 0 1px rgba(255,255,255,.04),
0 8px 28px rgba(0,0,0,.34),
0 0 16px rgba(255,255,255,.06) !important;
transition:transform .18s ease, box-shadow .18s ease !important;
}
#thrillPartnerFloating:hover img{
transform:translateY(-1px) !important;
box-shadow:
0 0 0 1px rgba(255,255,255,.06),
0 10px 32px rgba(0,0,0,.38),
0 0 18px rgba(255,255,255,.08) !important;
}
@media (max-width: 900px){
#thrillPartnerFloating{
left:12px !important;
bottom:12px !important;
}
#thrillPartnerFloating img{
width:170px !important;
max-width:42vw !important;
}
}
/* =========================================================
DSX0 LB3 ? REMOVE FONT CONTROL
========================================================= */
#fonte-ctrl{
display:none !important;
}
/* =========================================================
DSX0 LB3 ? FINAL POLISH
========================================================= */
/* remove a pill LB 3.0 */
.hero-badge,
.lb3-badge,
[data-lb-badge],
.hero-left .pill{
}
/* seletor direto pelo texto ? tratado no JS */
/* selo Thrill Official Partner */
#thrillPartnerFloating{
bottom:26px !important;
}
#thrillPartnerFloating img{
width:185px !important;
}
@media (max-width:900px){
#thrillPartnerFloating{
bottom:16px !important;
}
#thrillPartnerFloating img{
width:155px !important;
}
}
/* =========================================================
DSX0 ? THRILL PARTNER BADGE SIZE UPDATE
========================================================= */
#thrillPartnerFloating img{
width:230px !important;
max-width:38vw !important;
height:auto !important;
}
@media(max-width:900px){
#thrillPartnerFloating img{
width:180px !important;
max-width:46vw !important;
}
}
/* =========================================================
DSX0 LB3 ? MOBILE HAMBURGER MENU
========================================================= */
#dsxMobileMenuBtn,
#dsxMobileMenuPanel{
display:none;
}
@media(max-width:900px){
header.dsx-header-v3{
position:relative !important;
display:flex !important;
align-items:center !important;
flex-wrap:nowrap !important;
min-height:72px !important;
padding:10px 14px !important;
gap:10px !important;
}
header.dsx-header-v3 .dsx-header-brand-zone{
order:1 !important;
flex:1 1 auto !important;
min-width:0 !important;
}
header.dsx-header-v3 .brand-lockup{
width:170px !important;
min-width:0 !important;
height:46px !important;
background-image:url('/img/lb3/dsx0-thrill-header.png') !important;
background-repeat:no-repeat !important;
background-position:left center !important;
background-size:contain !important;
}
header.dsx-header-v3 .brand-lockup > img,
header.dsx-header-v3 .brand-lockup .brand-plus{
display:none !important;
}
/* menu horizontal antigo some no mobile */
header.dsx-header-v3 > nav{
display:none !important;
}
/* idioma antigo tamb?m fica oculto */
header.dsx-header-v3 .dsx-lang-switch{
display:none !important;
}
/* Kick continua vis?vel */
header.dsx-header-v3 #dsxKickStatusPill{
order:2 !important;
min-width:auto !important;
height:38px !important;
padding:0 11px !important;
font-size:10px !important;
flex:0 0 auto !important;
}
/* bot?o hamb?rguer */
#dsxMobileMenuBtn{
order:3 !important;
width:42px !important;
height:42px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 42px !important;
padding:0 !important;
border:1px solid rgba(64,226,255,.34) !important;
border-radius:10px !important;
background:
linear-gradient(
180deg,
rgba(10,27,42,.96),
rgba(4,13,25,.98)
) !important;
color:#f5fbff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 0 14px rgba(36,220,255,.08) !important;
cursor:pointer !important;
position:relative !important;
z-index:10002 !important;
}
#dsxMobileMenuBtn .hamburger-lines{
width:20px;
height:14px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
#dsxMobileMenuBtn .hamburger-lines i{
display:block;
width:100%;
height:2px;
border-radius:999px;
background:#f5fbff;
transition:
transform .2s ease,
opacity .2s ease,
background .2s ease;
}
#dsxMobileMenuBtn:hover .hamburger-lines i{
background:#42e8ff;
}
#dsxMobileMenuBtn.is-open .hamburger-lines i:nth-child(1){
transform:translateY(6px) rotate(45deg);
}
#dsxMobileMenuBtn.is-open .hamburger-lines i:nth-child(2){
opacity:0;
}
#dsxMobileMenuBtn.is-open .hamburger-lines i:nth-child(3){
transform:translateY(-6px) rotate(-45deg);
}
/* painel */
#dsxMobileMenuPanel{
position:absolute !important;
top:calc(100% + 1px) !important;
left:12px !important;
right:12px !important;
z-index:10001 !important;
display:none !important;
padding:10px !important;
border:1px solid rgba(61,222,255,.24) !important;
border-radius:14px !important;
background:
linear-gradient(
180deg,
rgba(4,13,25,.98),
rgba(2,8,18,.99)
) !important;
box-shadow:
0 18px 40px rgba(0,0,0,.48),
0 0 24px rgba(39,220,255,.06) !important;
backdrop-filter:blur(18px) !important;
}
#dsxMobileMenuPanel.is-open{
display:block !important;
}
#dsxMobileMenuPanel a{
min-height:48px !important;
display:flex !important;
align-items:center !important;
padding:0 14px !important;
border-radius:9px !important;
color:#f2f6fb !important;
text-decoration:none !important;
font-family:'Rajdhani',sans-serif !important;
font-weight:700 !important;
font-size:15px !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
transition:
background .16s ease,
color .16s ease,
padding-left .16s ease !important;
}
#dsxMobileMenuPanel a + a{
border-top:1px solid rgba(120,150,190,.10) !important;
}
#dsxMobileMenuPanel a:hover,
#dsxMobileMenuPanel a.on{
color:#46e8ff !important;
background:rgba(40,204,255,.07) !important;
padding-left:18px !important;
}
}
@media(max-width:520px){
header.dsx-header-v3 .brand-lockup{
width:145px !important;
}
header.dsx-header-v3 #dsxKickStatusPill{
height:36px !important;
padding:0 9px !important;
}
#dsxMobileMenuBtn{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
}
}
/* =========================================================
DSX0 LB3 ? MOBILE HERO CENTER
========================================================= */
@media(max-width:900px){
.event-intro,
.hero-copy,
.lb3-hero-copy{
text-align:center !important;
align-items:center !important;
justify-content:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.event-intro .live,
#liveBadge{
margin-left:auto !important;
margin-right:auto !important;
}
.event-intro img,
.event-intro .lb3-logo,
.lb3-hero-logo{
display:block !important;
margin-left:auto !important;
margin-right:auto !important;
}
.event-intro h1,
.event-intro p,
.event-intro .event-sub,
.event-intro .hero-kicker,
.event-intro .hero-tagline{
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.pool-box{
margin-left:auto !important;
margin-right:auto !important;
}
.timer,
.countdown{
margin-left:auto !important;
margin-right:auto !important;
}
}
/* =========================================================
DSX0 LB3 ? MOBILE CHARACTER SHIFT
========================================================= */
@media(max-width:900px){
.lb3-hero-character,
.hero-character,
.event-shell .character,
.event-grid .character{
transform:translateX(30px) !important;
}
}
/* =========================================================
DSX0 LB3 ? MOBILE CHARACTER SHIFT FINAL
========================================================= */
@media(max-width:900px){
.terminal-object{
transform:translateX(30px) !important;
}
}
/* =========================================================
DSX0 LB3 ? HIDE MOBILE TEXT TITLE
========================================================= */
@media(max-width:900px){
#eventTitle,
.event-title{
display:none !important;
}
}
@media(max-width:900px){
#thrillPartnerFloating{
bottom:72px !important;
}
#thrillPartnerFloating img{
width:145px !important;
max-width:40vw !important;
}
}
@media(max-width:900px){
#thrillPartnerFloating{
left:20px !important;
bottom:80px !important;
}
#thrillPartnerFloating img{
width:145px !important;
}
}
/* =========================================================
DSX0 LB3 ? MOBILE COUNTDOWN CENTER
========================================================= */
@media(max-width:900px){
.timer{
width:100% !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.timer-title{
width:100% !important;
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.countdown{
width:fit-content !important;
max-width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
}