/* Billboard layout (default display). Classic layout: ?layout=classic */
.bbw{display:none}
body.billboard>header.top,body.billboard>main.grid,body.billboard>footer.bottom{display:none}
body.billboard{padding:0;background:#050505}body.billboard #bg{background:#050505}
body.billboard .bbw{display:grid;height:100vh;padding:.6vw;gap:.6vw;grid-template-columns:1.05fr 1.4fr 1fr;grid-template-rows:7.5vh 1fr 1fr 7vh;
 grid-template-areas:"tk tk tk" "bl jp br" "bl in out" "bar bar bar"}
.bb-tk{grid-area:tk;background:#111;border:3px solid #222;border-radius:.4vw;overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.tkin{display:inline-block;font:400 4.6vh VT323,monospace;color:#ffb000;text-shadow:0 0 8px #ff8000;animation:tk 60s linear infinite;padding-left:2vw}
.tkin span{padding:0 2.2vw}.tkin .r{color:#ff4040;text-shadow:0 0 8px #ff0000}.tkin .g{color:#30ff60;text-shadow:0 0 8px #00ff40}.tkin .b{color:#4fc3ff;text-shadow:0 0 8px #00a0ff}
@keyframes tk{to{transform:translateX(-50%)}}
.bbx{position:relative;border-radius:.4vw;overflow:hidden;padding:2.2vh 1.6vw;display:flex;flex-direction:column;min-height:0}
.dots{position:absolute;inset:0;background:radial-gradient(#0002 1px,transparent 1.5px) 0 0/6px 6px;pointer-events:none}
.bbl{font:900 clamp(11px,1.15vw,24px) Inter;letter-spacing:.3em;opacity:.85;margin-bottom:1vh;position:relative}
.bb-bl{grid-area:bl;background:#0051ff;color:#fff;justify-content:center;text-align:center}
.bb-clock{font:400 clamp(70px,11.5vw,230px)/1 Anton,'Bebas Neue',sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:0 .4vw 0 #0030a0}
.bb-clock.warn{color:#ffde00;animation:pulse 1s infinite}
.bb-prog{height:1.2vh;background:#0004;border-radius:1vh;margin:1.4vh 0 2.6vh;overflow:hidden}.bb-prog i{display:block;height:100%;background:#ffde00;transition:width .5s}
.bb-now small,.bb-next small{display:block;font:900 clamp(10px,1vw,20px) Inter;letter-spacing:.3em;opacity:.8}
.bb-now b{font:400 clamp(40px,5.4vw,110px)/1 Anton,sans-serif}.bb-next{margin-top:1.6vh}.bb-next b{font:400 clamp(24px,2.8vw,58px)/1 Anton,sans-serif;opacity:.8}
.bb-phase{margin:2.6vh auto 0;padding:.8vh 1.4vw;border-radius:99px;font:900 clamp(12px,1.25vw,26px) Inter;letter-spacing:.06em;background:#fff;color:#0051ff}
.bb-phase.rebuy{background:#30ff60;color:#003a10}.bb-phase.last{background:#ff9f1a;color:#3a1d00;animation:pulse 1.5s infinite}.bb-phase.addon{background:#ffde00;color:#3a3000}.bb-phase.freeze{background:#e4003a;color:#fff}
.bb-paused{position:absolute;top:2vh;right:1vw;background:#e4003a;font:900 clamp(10px,1vw,20px) Inter;padding:.5vh .8vw;border-radius:6px;letter-spacing:.2em;animation:pulse 1.2s infinite}
.bb-jp{grid-area:jp;background:linear-gradient(135deg,#ffde00,#ff7a00);color:#000;text-align:center;justify-content:center}
.bb-pot{font:400 clamp(60px,9.4vw,190px)/1 Anton,sans-serif;letter-spacing:-.01em;position:relative}.bb-pot .kr{font-size:.42em}
.bb-jump{font:900 clamp(13px,1.5vw,32px) Inter;position:relative;margin-top:.6vh}.bb-jump b{background:#000;color:#ffde00;padding:0 .4em;border-radius:6px}
.bb-br{grid-area:br;background:#e4003a;color:#fff;justify-content:center}
.bb-h{font:400 clamp(30px,3.6vw,76px)/1.02 Anton,sans-serif;position:relative}.bb-s{font:700 clamp(13px,1.35vw,28px) Inter;margin-top:1vh;position:relative}.bb-n{font:italic 600 clamp(12px,1.1vw,23px) Inter;margin-top:1vh;opacity:.9;position:relative}
.bb-in{grid-area:in;background:#0d0d0d;border:4px solid #30ff60;color:#30ff60}
.bb-list{display:grid;grid-template-columns:1fr 1fr;column-gap:2vw;align-content:start}
.bb-list .row{display:flex;justify-content:space-between;font:400 clamp(20px,2.35vw,48px)/1.25 VT323,monospace;border-bottom:1px dashed #30ff6044;text-shadow:0 0 6px #00ff40}
.bb-list i{font-style:normal;color:#9cffb0;font-size:.7em;opacity:.8}
.bb-out{grid-area:out;background:#fff;color:#000}
.orow{font:600 clamp(13px,1.3vw,27px)/1.5 Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orow b{color:#e4003a}.orow s{text-decoration-thickness:3px;text-decoration-color:#e4003a}.orow em{color:#888;font-style:normal}.orow.more{color:#888}
.bb-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1vw}
.bb-chips{display:flex;gap:.7vw}.bb-chips .chip{font:400 clamp(12px,1.2vw,25px) Anton,sans-serif;color:#000}.bb-chips .disc{width:clamp(24px,2.6vw,56px)}
.bb-qr{width:clamp(70px,6.5vw,140px);text-align:center;font:900 clamp(7px,.55vw,12px) Inter}.bb-qr img{width:100%;display:block}
#bbCu:not(:empty){position:absolute;top:2vh;right:1vw;background:#000;color:#ffde00;border-radius:99px;padding:.5vh 1vw;font:700 clamp(10px,.9vw,19px) Inter;display:flex;align-items:center;gap:.5vw}#bbCu .disc{width:1.6vw}
.bb-bar{grid-area:bar;background:#ff0080;color:#fff;border-radius:.4vw;display:flex;align-items:center;justify-content:center;font:400 clamp(16px,2.3vw,48px) Anton,sans-serif;letter-spacing:.03em;white-space:nowrap;overflow:hidden}
/* podium inside the green panel */
.bb-podwrap{flex:1;display:flex;flex-direction:column;min-height:0;color:#fff}.bb-in:has(.bb-podwrap){flex-direction:column}
.bb-podwrap>.lbl{display:none}.bb-podwrap .fight{min-height:0;margin-bottom:1vh}.bb-podwrap .podium{min-height:24vh}
.bb-podwrap .pod{max-width:10vw}.bb-podwrap .step .num{font-size:4vw}
body.bb-podium .bb-in{border-color:#ff0080;background:radial-gradient(ellipse at 50% 100%,#ff008033,#0d0d0d 70%);color:#ff4da6}
.bb-podwrap .champ{font-size:3vw}.bb-podwrap .awards,.bb-podwrap .results{font-size:1vw}
/* phone */
@media (max-width:800px){
 body.billboard{overflow:auto;height:auto}
 body.billboard .bbw{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px;padding:8px;
  grid-template-areas:"tk tk" "jp jp" "bl bl" "br br" "in in" "out out" "bar bar"}
 body.billboard .me{display:block;margin:8px 8px 0}
 .bb-tk{height:44px}.tkin{font-size:28px;animation-duration:45s}
 .bbx{padding:14px}.bbl{font-size:11px}
 .bb-pot{font-size:22vw}.bb-jump{font-size:14px}
 .bb-clock{font-size:30vw}.bb-now b{font-size:15vw}.bb-next b{font-size:8vw}.bb-phase{font-size:13px;padding:6px 12px}.bb-prog{height:8px;margin:10px 0 14px}
 .bb-h{font-size:9vw}.bb-s{font-size:14px}.bb-n{font-size:13px}
 .bb-list{grid-template-columns:1fr}.bb-list .row{font-size:26px}
 .orow{font-size:15px}.bb-qr{display:none}.bb-chips .disc{width:30px}.bb-bar{font-size:16px;padding:10px;white-space:normal;text-align:center}
 .bb-podwrap .pod{max-width:28vw}.bb-podwrap .podium{min-height:220px}.bb-podwrap .champ{font-size:28px}.bb-podwrap .awards,.bb-podwrap .results{font-size:12px}
}
@media (min-width:801px){
 body.billboard.bb-podium .bbw{grid-template-rows:7.5vh .72fr 1.28fr 7vh;grid-template-areas:"tk tk tk" "bl jp br" "bl in out" "bar bar bar"}
 body.bb-podium .bb-pot{font-size:min(7vw,13vh)}body.bb-podium .bb-h{font-size:2.8vw}body.bb-podium .bb-clock{font-size:min(11.5vw,22vh)}
 .bb-podwrap .podium{min-height:30vh}.bb-podwrap .pod{max-width:13vw}
}
#bbCu:not(:empty){position:static;margin-top:.8vh;width:max-content}
@media (min-width:801px){
 body.bb-podium .bb-clock{font-size:min(9vw,15vh)}body.bb-podium .bb-now b{font-size:min(4.4vw,8vh)}body.bb-podium .bb-next{display:none}body.bb-podium .bb-prog{margin:1vh 0}body.bb-podium .bb-phase{margin-top:1vh}
}
.bb-podwrap .champ{display:flex;align-items:center;justify-content:center;gap:1.2vw;font:400 3vw 'Bebas Neue',Anton,sans-serif;color:#ffd84a}.bb-podwrap .champ span{font-size:.55em;color:#fff;margin-left:.5em}
.bb-podwrap .trophy{font-size:1.3em}.bb-podwrap .results{display:grid;grid-template-columns:1fr 1fr;gap:.4vh 3vw;color:#fff;font-size:1.1vw;padding:0 2vw}.bb-podwrap .results i{color:#ffd84a;font-style:normal}.bb-podwrap .results em{float:right;color:#ff4da6;font-style:normal}
.bb-podwrap .awards{display:flex;justify-content:center;gap:2vw;color:#fff;margin:1.5vh 0;font-size:1.1vw}
@media (min-width:801px){body.bb-podium .bb-clock{font-size:min(11vw,22vh)}body.bb-podium .bb-now b{font-size:min(5vw,10vh)}body.bb-podium .bb-next{display:block}.bb-podwrap .pod{max-width:10vw}}
.ante{display:block;font:700 clamp(12px,1.2vw,26px) Inter;font-style:normal;opacity:.85;letter-spacing:.05em}.bb-next .ante{display:inline;font-size:.5em}
body.bb-break .bb-bl{background:#00a35c}body.bb-break .bb-clock{text-shadow:0 .4vw 0 #005a30}
.tkin .y{color:#ffde00;text-shadow:0 0 8px #ffb000}
.evt{position:fixed;inset:0;z-index:22;display:none;place-items:center;background:radial-gradient(circle,rgba(40,0,60,.92),rgba(0,0,0,.97));cursor:pointer}.evt.show{display:grid}
.wheelwrap{position:relative;width:min(80vh,80vw);text-align:center}.wheelwrap svg{width:100%;filter:drop-shadow(0 0 40px #ff008088)}
.ptr{position:absolute;left:50%;top:-4vh;transform:translateX(-50%);font-size:8vh;color:#fff;z-index:2;text-shadow:0 0 20px #ff0080}
.wtitle{font:400 5vh Anton,sans-serif;color:#ffde00;margin-top:1vh;letter-spacing:.1em}
.ecard{text-align:center;max-width:80vw;animation:slam .6s cubic-bezier(.2,1.8,.4,1)}.ee{font-size:22vh;line-height:1}.en{font:400 clamp(50px,9vw,200px)/1 Anton,sans-serif;color:#ffde00;text-shadow:0 0 50px #ff0080}
.ed{font:700 clamp(18px,2.4vw,52px) Inter;margin-top:2vh;color:#fff}.ep{font-size:5vh;margin-top:2vh}
.bb-chips .chip{white-space:nowrap}
/* --- extras: crown, overlays, readability from 4 m --- */
.bb-list .row.king span:first-child{color:#ffd700;text-shadow:0 0 10px #ffd700}
.orow{font-size:clamp(14px,1.55vw,32px)}.bbl{font-size:clamp(12px,1.3vw,26px)}.bb-s{font-size:clamp(14px,1.6vw,32px)}
.bb-note{font-size:clamp(24px,2.6vw,56px)!important;line-height:1.1}
#xov{position:fixed;inset:0;z-index:80;display:none;place-items:center;align-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 40%,#2a0a3a,#000 70%);overflow:hidden}
#xov.show{display:grid;animation:xin .4s ease-out}
@keyframes xin{from{opacity:0}to{opacity:1}}
.i-sweep{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,#ffde0033,transparent 30%,#ff008033,transparent 60%);animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.i-k{font:900 2.2vw Inter;letter-spacing:.5em;opacity:0;animation:up .8s .2s forwards;position:relative}
.i-t{font:400 11vw/1 Anton,sans-serif;color:#ffde00;text-shadow:0 0 40px #ff0080;opacity:0;transform:scale(2.5);animation:slam .7s .6s cubic-bezier(.2,1.6,.4,1) forwards;position:relative}
.i-n{display:flex;flex-wrap:wrap;justify-content:center;gap:1vw 2.2vw;max-width:85vw;margin:3vh auto;position:relative}
.i-n span{font:400 3.4vw Anton,sans-serif;opacity:0;animation:up .5s forwards}
.i-p,.i-s{font:900 2.6vw Inter;opacity:0;animation:up .6s forwards;position:relative}.i-p b{color:#30ff60;font-size:1.4em}.i-s{color:#ff0080;margin-top:2vh;letter-spacing:.2em}
@keyframes up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes slam{to{opacity:1;transform:scale(1)}}
#xov.bubble{background:radial-gradient(circle,#003a5a,#000 70%)}
.b-ring{position:absolute;width:40vmin;height:40vmin;border-radius:50%;border:6px solid #7fdcff;animation:ring 1.6s ease-out infinite}
@keyframes ring{from{transform:scale(.5);opacity:1}to{transform:scale(3);opacity:0}}
.b-e{font-size:16vmin;animation:beat .8s infinite;position:relative}.b-t{font:400 12vw/1 Anton,sans-serif;color:#7fdcff;text-shadow:0 0 50px #00b7ff;position:relative}.b-s{font:800 2.4vw Inter;position:relative;margin-top:2vh}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}
@media (max-width:800px){.i-t{font-size:18vw}.i-n span{font-size:7vw}.i-k,.i-p,.i-s,.b-s{font-size:4.5vw}}
@media (max-width:800px){.sndbtn{display:none!important}.bb-foot{margin-top:10px;position:static!important}#bbOut{margin-bottom:6px}#netpill{bottom:6px;right:6px}}
/* v3 smoother transitions */
.bb-br>*:not(.dots){animation:fu .55s cubic-bezier(.2,.9,.3,1.2) both}.bb-br>*:nth-child(3){animation-delay:.08s}.bb-br>*:nth-child(4){animation-delay:.16s}.bb-br>*:nth-child(5){animation-delay:.24s}
.orow{animation:fu .4s ease-out both}.bb-list .row{animation:fi .35s ease-out both}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fi{from{opacity:0}to{opacity:1}}
.bb-clock{transition:color .4s,text-shadow .4s}.bb-prog i{transition:width .5s linear}
.overlay.show .ebox .av{animation:shake .5s .5s}@keyframes shake{20%{transform:translateX(-12px) rotate(-4deg)}40%{transform:translateX(12px) rotate(4deg)}60%{transform:translateX(-8px)}80%{transform:translateX(6px)}}
.evt.show{animation:xin .3s ease-out}
#toast.show{transition:transform .4s cubic-bezier(.2,1.4,.4,1),opacity .3s}
#fin{position:fixed;inset:0;z-index:85;display:none;place-items:center;align-content:center;text-align:center;color:#fff;overflow:hidden}
#fin.show{display:grid;animation:xin .5s}
.f-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,#5a3a00,#120018 55%,#000)}
.f-bg::after{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,#ffd70022,transparent 12%,transparent 25%,#ffd70022,transparent 37%);animation:spin 14s linear infinite}
.f-k{position:relative;font:900 2.4vw Inter;letter-spacing:.6em;color:#ffd700;margin-bottom:4vh}
.f-stage{position:relative;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:2vw;width:80vw;height:62vh}
.f-p{border-radius:18px 18px 0 0;padding:2vh 1vw;animation:rise .9s cubic-bezier(.2,1.3,.4,1) both;display:flex;flex-direction:column;justify-content:flex-start}
.f3{grid-column:3;height:42%;background:linear-gradient(#cd7f32,#6b3d12)}.f2{grid-column:1;height:58%;background:linear-gradient(#e8e8e8,#777)}.f1{grid-column:2;grid-row:1;height:85%;background:linear-gradient(#ffe066,#b8860b);box-shadow:0 0 120px #ffd70088}
.f-pl{font:400 5vw/1 Anton,sans-serif;color:#0008}.f-n{font:400 3.6vw/1.05 Anton,sans-serif;color:#000;margin-top:1vh;word-break:break-word}.f-m{font:900 2vw Inter;color:#000c;margin-top:1vh}
.f1 .f-n{font-size:5vw}.f-tr{font-size:7vw;line-height:1;animation:beat 1.2s infinite}.f-c{font:900 1.3vw Inter;letter-spacing:.3em;color:#000a;margin-top:2vh}
@keyframes rise{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@media (max-width:800px){.f-k{font-size:5vw}.f-n{font-size:6vw}.f1 .f-n{font-size:8vw}.f-m{font-size:4vw}.f-c{font-size:3vw}.f-pl{font-size:9vw}.f-stage{width:94vw}}
.f-p{grid-row:1;height:auto!important}.f3{min-height:42%}.f2{min-height:58%}.f1{min-height:85%}
#confetti{z-index:90!important;pointer-events:none}
/* v4 */
.av.emo{font-size:1.5em;background:radial-gradient(circle,#fff2,#0000)!important}.emo{font-family:system-ui,"Noto Color Emoji",sans-serif;text-shadow:none}
#me2{display:none}@media (max-width:800px){#me2.me{display:block;margin:8px 8px 0}}
.m2l{font:800 13px Inter,system-ui;letter-spacing:.08em;margin:10px 0 6px;opacity:.85}.m2t{font:600 12px system-ui;opacity:.6;margin-top:4px}
#me2 select{width:100%;padding:10px;border-radius:10px;background:#111;color:#fff;border:1px solid #333;font-size:16px}
.avpick{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.avpick button{font-size:22px;padding:4px 0;border-radius:8px;border:1px solid #333;background:#111}.avpick button.on{background:#f5c542;border-color:#f5c542}
#seatov{position:fixed;inset:0;z-index:84;display:none;place-items:center;align-content:center;background:radial-gradient(circle,#06301a,#000 75%);color:#fff}#seatov.show{display:grid;animation:xin .4s}
.s-t{font:400 6vw/1 Anton,sans-serif;color:#ffde00;margin-bottom:2vh;text-align:center}
.s-tbl{position:relative;width:min(80vw,140vh);height:62vh}.s-felt{position:absolute;inset:14% 12%;border-radius:999px;background:radial-gradient(#0b7a3e,#05401f);box-shadow:0 0 0 1.4vh #5a3410,0 0 80px #0f08}
.s-seat{position:absolute;transform:translate(-50%,-50%);text-align:center;opacity:0;animation:seatin .6s cubic-bezier(.2,1.5,.4,1) forwards}
.s-seat b{display:grid;place-items:center;width:5.5vw;height:5.5vw;margin:auto;border-radius:50%;background:#ffde00;color:#000;font:400 3vw Anton,sans-serif}.s-seat span{display:block;font:800 2vw Inter,system-ui;margin-top:.6vh;white-space:nowrap}.s-seat i{font-style:normal;background:#fff;color:#000;border-radius:50%;padding:0 .5vw;font-weight:900}
@keyframes seatin{from{opacity:0;transform:translate(-50%,-50%) scale(3) rotate(-20deg)}to{opacity:1;transform:translate(-50%,-50%)}}
#attract{position:fixed;inset:0;z-index:70;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#0b3d2a,#000 70%)}#attract.show{display:flex}
.a-clock{position:absolute;top:3vh;left:0;right:0;font:800 2.4vw Inter,system-ui}.a-clock b{font:400 4vw Anton,sans-serif;color:#30ff60;margin:0 .5vw}
.a-slide{animation:fu .7s cubic-bezier(.2,.9,.3,1.1) both;max-width:88vw}.a-k{font:900 2.4vw Inter,system-ui;letter-spacing:.35em;color:#ffde00;margin-bottom:3vh}
.a-big{font:400 11vw/1 Anton,sans-serif;text-shadow:0 0 40px #30ff6066}.a-s{font:700 2.4vw Inter,system-ui;margin-top:2vh;opacity:.9}
.a-grid{display:flex;gap:5vw;justify-content:center}.a-grid b{display:block;font:400 6vw/1 Anton,sans-serif}.a-grid span{font:700 1.8vw Inter,system-ui;opacity:.75}
.a-dots{position:absolute;bottom:4vh;display:flex;gap:10px}.a-dots i{width:12px;height:12px;border-radius:50%;background:#fff3}.a-dots i.on{background:#ffde00}
.bb-clock.final10{color:#ff2a2a!important;animation:beat 1s infinite;text-shadow:0 0 40px #f00}
@media (max-width:800px){.a-k{font-size:4vw}.a-big{font-size:16vw}.a-s,.a-clock{font-size:4vw}.a-grid{flex-wrap:wrap}.a-grid b{font-size:10vw}.a-grid span{font-size:3.5vw}.s-seat span{font-size:3.5vw}.s-seat b{width:9vw;height:9vw;font-size:5vw}}