@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap');
:root{--gold:#f5c542;--gold2:#ffdf7e;--red:#ff3b4e;--green:#2bd47d;--bg:#07080c;--card:rgba(255,255,255,.045);--line:rgba(255,255,255,.09);--mut:#8a8fa3}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:#f2f3f7;font-family:Inter,system-ui,sans-serif}
.lbl{font:600 clamp(11px,1.1vw,22px)/1 Inter;letter-spacing:.25em;color:var(--mut);margin-bottom:1.2vh}
.muted{color:var(--mut)}.muted.big{font-size:2vw;padding:4vh}
#bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -10%,rgba(245,197,66,.18),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(30,120,80,.18),transparent 50%),radial-gradient(ellipse at 0 100%,rgba(140,30,60,.15),transparent 50%),#07080c}
.display{overflow:hidden;display:flex;flex-direction:column;height:100vh;padding:1.6vh 1.6vw;gap:1.6vh}
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.tname{font:400 clamp(18px,2.4vw,52px) 'Bebas Neue';letter-spacing:.06em;color:#cfd2dd}
.poolwrap{text-align:center}.poollabel{font:600 clamp(11px,1.2vw,24px) Inter;letter-spacing:.5em;color:var(--gold)}
.pool{font:400 clamp(64px,11vw,240px)/.9 'Bebas Neue';background:linear-gradient(180deg,#fff6d0,var(--gold) 55%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(245,197,66,.35));animation:breathe 4s ease-in-out infinite}
@keyframes breathe{50%{filter:drop-shadow(0 0 55px rgba(245,197,66,.6))}}
.jump{font:600 clamp(13px,1.5vw,30px) Inter;color:#fff;opacity:.9}.jump b{color:var(--gold2)}
.phase{justify-self:end;padding:1vh 1.4vw;border-radius:99px;font:800 clamp(12px,1.4vw,28px) Inter;letter-spacing:.08em;text-transform:uppercase;border:2px solid}
.phase b{font-family:'Bebas Neue';font-weight:400;font-size:1.3em;margin-left:.4em}
.phase.rebuy{color:var(--green);border-color:var(--green);background:rgba(43,212,125,.1)}.phase.last{color:#ffa53b;border-color:#ffa53b;background:rgba(255,165,59,.12);animation:pulse 1.5s infinite}
.phase.addon{color:#5ab0ff;border-color:#5ab0ff;background:rgba(90,176,255,.12)}.phase.freeze{color:var(--red);border-color:var(--red);background:rgba(255,59,78,.12)}
@keyframes pulse{50%{opacity:.55}}
.grid{flex:1;display:grid;grid-template-columns:1.05fr 1.9fr 1fr;gap:1.6vw;min-height:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:2vh;padding:2.2vh 1.6vw;backdrop-filter:blur(6px);min-height:0;overflow:hidden;position:relative}
.blinds{text-align:center;display:flex;flex-direction:column;justify-content:center}
.blinds .lbl span{color:#fff;font-size:1.4em}
.clock{font:400 clamp(60px,9vw,200px)/1 'Bebas Neue';font-variant-numeric:tabular-nums}
.clock.warn{color:var(--red);animation:pulse 1s infinite}.clock.flash{animation:flash .3s 8 alternate;color:var(--gold)}@keyframes flash{to{transform:scale(1.08)}}
.bl{font:400 clamp(36px,5vw,110px)/1 'Bebas Neue';color:var(--gold2)}.bl span{color:var(--mut);margin:0 .15em}
.next{color:var(--mut);font-size:clamp(13px,1.4vw,28px);margin-top:1vh}
.paused{position:absolute;top:1.5vh;right:1vw;background:var(--red);font:800 clamp(10px,1vw,18px) Inter;padding:.5vh .8vw;border-radius:6px;letter-spacing:.2em;animation:pulse 1.2s infinite}
.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,15vw,320px),1fr));gap:1.2vh 1vw}
.pcard{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8vw;align-items:center;gap:.8vw;padding:1vh .8vw;border-radius:1.4vh;background:rgba(255,255,255,.04);border:1px solid var(--line);animation:pop .4s}
.pcard .nm{font:600 clamp(13px,1.35vw,30px) Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.pcard .av{grid-row:span 2}.pcard .meta{display:flex;gap:.3vw;min-height:1em}.pcard .meta span{font-size:clamp(9px,.85vw,17px);background:rgba(255,255,255,.08);padding:.2vh .4vw;border-radius:5px}.pcard .meta .k{background:rgba(255,59,78,.25)}
@keyframes pop{from{transform:scale(.8);opacity:0}}
.av{--h:200;flex:none;width:clamp(30px,3vw,64px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:800 clamp(11px,1.1vw,24px) Inter;background:radial-gradient(circle at 30% 30%,hsl(var(--h) 70% 60%),hsl(var(--h) 60% 30%));box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 0 6px hsl(var(--h) 60% 40% / .4)}
.av.big{width:clamp(50px,6vw,130px);font-size:clamp(16px,2vw,44px)}.av.huge{width:clamp(90px,13vw,280px);font-size:clamp(30px,4.5vw,100px);margin:0 auto}
.pay{display:grid;grid-template-columns:3em 1fr auto;align-items:baseline;padding:.4vh 0;border-bottom:1px solid var(--line);font-size:clamp(14px,1.5vw,32px)}
.pay b{font:400 1.4em 'Bebas Neue';color:var(--gold2)}.pay i{color:var(--mut);font-style:normal;font-size:.7em}.pay.p1 b{font-size:1.8em}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6vh;margin-top:1.2vh;text-align:center;font-size:clamp(9px,.85vw,17px);color:var(--mut)}
.stats b{display:block;color:#fff;font:400 clamp(20px,2.4vw,52px) 'Bebas Neue'}
.hunter{font-size:clamp(12px,1.2vw,26px);padding:.4vh 0}.hunter b{float:right;color:var(--red)}
.bottom{display:grid;grid-template-columns:1.6fr 1fr auto;gap:1.6vw;height:clamp(70px,15vh,220px)}
.bottom>div{background:var(--card);border:1px solid var(--line);border-radius:2vh;padding:1.6vh 1.4vw;overflow:hidden}
#feed{display:grid;grid-template-columns:1fr 1fr;gap:.6vh 1.5vw}
.ko{font-size:clamp(12px,1.25vw,27px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:pop .5s}.ko s{color:var(--red);text-decoration-thickness:2px}.ko em{color:var(--mut);font-style:normal}.ko .pl{color:var(--mut);font-size:.8em}
#chips{display:flex;gap:1.4vw;flex-wrap:wrap}.chip{display:flex;flex-direction:column;align-items:center;gap:.4vh;font:400 clamp(14px,1.6vw,34px) 'Bebas Neue'}
.disc{width:clamp(28px,3.6vw,76px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(var(--c) 0 30deg,var(--e,#f4f4f4) 30deg 45deg);box-shadow:inset 0 0 0 clamp(4px,.55vw,12px) var(--c),inset 0 0 0 clamp(6px,.75vw,15px) rgba(255,255,255,.6),0 4px 10px rgba(0,0,0,.5)}
#colorup{display:none;margin-top:1vh;width:max-content;align-items:center;gap:1vw;background:#1d1606;border:2px solid var(--gold);color:var(--gold2);padding:1vh 1.6vw;border-radius:99px;font:700 clamp(12px,1.3vw,28px) Inter;z-index:5}#colorup .disc{width:2.2vw}
/* podium */
.podiummode{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 100%,rgba(255,59,78,.18),transparent 60%),var(--card)}
.podiummode>.lbl{text-align:center;color:var(--red);font-size:clamp(14px,1.6vw,34px);animation:pulse 2s infinite}
.fight{display:flex;justify-content:center;align-items:center;gap:1.5vw;min-height:14vh}
.fighter{display:flex;flex-direction:column;align-items:center;gap:.6vh;font:600 clamp(14px,1.5vw,32px) Inter;animation:pop .5s}.fighter .av{width:clamp(44px,5vw,110px);font-size:clamp(14px,1.6vw,36px);box-shadow:0 0 0 3px var(--red),0 0 30px rgba(255,59,78,.6)}
.vs{font:400 clamp(20px,2.6vw,56px) 'Bebas Neue';color:var(--red)}
.podium{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1vw}
.pod{flex:1;max-width:14vw;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.pod .who{display:flex;flex-direction:column;align-items:center;gap:.6vh;margin-bottom:1vh;animation:drop .8s cubic-bezier(.2,1.6,.4,1)}.pod .nm{font:700 clamp(13px,1.4vw,30px) Inter}
.pod .q{font:400 clamp(40px,5vw,110px) 'Bebas Neue';color:rgba(255,255,255,.15)}
@keyframes drop{from{transform:translateY(-40vh);opacity:0}}
.step{width:100%;border-radius:1.2vh 1.2vh 0 0;display:flex;flex-direction:column;align-items:center;padding-top:1.5vh;background:linear-gradient(180deg,#3a3f52,#1a1d27);border:1px solid var(--line)}
.pod1 .step{background:linear-gradient(180deg,#f5c542,#8a6510)}.pod2 .step{background:linear-gradient(180deg,#d9dde8,#6b7080)}.pod3 .step{background:linear-gradient(180deg,#e0915a,#7a4320)}
.pod .step{max-height:100%}.step .num{font:400 clamp(40px,6vw,130px)/1 'Bebas Neue';color:rgba(0,0,0,.45)}.step .amt{font:400 clamp(16px,2vw,44px) 'Bebas Neue';color:#111}
.champ{text-align:center;font:400 clamp(30px,4vw,90px)/1.1 'Bebas Neue';color:var(--gold2);animation:pop .8s}.champ span{display:block;font-size:.5em;color:#fff}
.awards{display:flex;justify-content:center;flex-wrap:wrap;gap:.5vh 1.5vw;font-size:clamp(11px,1.05vw,22px);margin:1vh 0}
.results{display:grid;grid-template-columns:1fr 1fr;gap:.3vh 2vw;font-size:clamp(11px,1.05vw,22px);margin-bottom:1vh}.results i{color:var(--gold2);font-style:normal}.results em{color:var(--red);font-style:normal;float:right}
/* elimination overlay */
.overlay{position:fixed;inset:0;z-index:20;display:none;place-items:center;background:radial-gradient(circle,rgba(120,0,15,.85),rgba(0,0,0,.96));cursor:pointer}
.overlay.show{display:grid;animation:ov 4.2s forwards}@keyframes ov{0%{opacity:0}6%{opacity:1}88%{opacity:1}100%{opacity:0}}
.slash{position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,var(--red) 49%,#fff 50%,var(--red) 51%,transparent 55%);animation:slash .5s ease-out forwards;opacity:.8}
@keyframes slash{from{transform:translateX(-100%)}to{transform:translateX(100%);opacity:0}}
.ebox{text-align:center;animation:slam .6s cubic-bezier(.2,1.8,.4,1)}@keyframes slam{from{transform:scale(3);opacity:0}}
.ebox .av{filter:grayscale(1);box-shadow:0 0 0 6px var(--red),0 0 80px var(--red)}
.ename{font:400 clamp(50px,9vw,200px)/1 'Bebas Neue';margin-top:2vh;text-shadow:0 0 40px var(--red)}
.etag{font:800 clamp(18px,2.6vw,56px) Inter;letter-spacing:.35em;color:var(--red);animation:shake .4s .5s 2}
@keyframes shake{25%{transform:translateX(-12px)}75%{transform:translateX(12px)}}
.ecap{font:600 italic clamp(14px,1.7vw,36px) Inter;color:#ffd0d5;margin-top:1vh}
.eby{font-size:clamp(16px,2vw,44px);margin-top:1.5vh}.eby b{color:var(--gold2)}
.ewins{font:400 clamp(26px,3.4vw,74px) 'Bebas Neue';color:var(--gold2);margin-top:1vh}
.enote{max-width:60vw;margin:1.5vh auto 0;color:#ddd;font-size:clamp(13px,1.4vw,30px);font-style:italic}
.ewin{margin-top:2vh;font:400 clamp(26px,3.5vw,76px) 'Bebas Neue';color:var(--gold)}
#confetti{position:fixed;inset:0;z-index:30;pointer-events:none;display:none}
#toast{position:fixed;top:24vh;left:50%;transform:translateX(-50%);z-index:15;background:linear-gradient(90deg,#14381f,#1d5a33);border:2px solid var(--green);padding:1.4vh 2vw;border-radius:99px;font:800 clamp(14px,1.8vw,38px) Inter;opacity:0;pointer-events:none;white-space:nowrap}
#toast.show{animation:toast 3.6s}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30px) scale(.8)}10%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.bottom>.qr{background:#fff;color:#000;padding:.6vh;border-radius:1.4vh;text-align:center;font:700 clamp(8px,.7vw,14px) Inter;aspect-ratio:.86;display:flex;flex-direction:column;justify-content:center}.qr img{height:calc(100% - 1.4em);display:block;margin:auto}.qr img{width:100%;display:block}
.sndbtn{position:fixed;left:1vw;bottom:1vh;z-index:40;background:#222;color:#fff;border:1px solid #444;border-radius:99px;padding:8px 14px;font:600 13px Inter;cursor:pointer;opacity:.8}
#reacts{position:fixed;inset:0;pointer-events:none;z-index:25}.react{position:absolute;bottom:-10vh;font-size:clamp(36px,4vw,90px);animation:float 4s ease-out forwards;text-align:center}.react small{display:block;font:700 clamp(10px,.9vw,18px) Inter}
@keyframes float{to{transform:translateY(-80vh) rotate(20deg);opacity:0}}
#offline{display:none;position:fixed;top:0;left:0;right:0;background:var(--red);text-align:center;padding:4px;z-index:50;font-weight:700}.offline #offline{display:block}
.me{display:none}
/* phones */
@media (max-width:800px){
 .display{height:auto;overflow:auto;padding:12px;gap:12px}
 .me{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}
 .me select{width:100%;padding:10px;border-radius:10px;background:#111;color:#fff;border:1px solid #333;font-size:16px}
 .mestat{margin-top:8px;font-weight:800;font-size:17px}.mestat.out{color:var(--red)}.mestat.win{color:var(--gold)}
 .emojis{display:flex;justify-content:space-between;margin-top:8px}.emojis button{font-size:26px;background:#181a22;border:1px solid #333;border-radius:12px;padding:6px 10px}
 .top{grid-template-columns:1fr;text-align:center;gap:6px}.phase{justify-self:center}.pool{font-size:23vw}
 .grid,.bottom{grid-template-columns:1fr;height:auto}.card{padding:14px}
 .clock{font-size:26vw}.bl{font-size:13vw}.players{grid-template-columns:1fr 1fr}#feed{grid-template-columns:1fr}
 .pod{max-width:30vw}.podium{min-height:260px}.lbl{font-size:12px}#colorup{bottom:10px;font-size:13px;white-space:nowrap}
}
.brk{position:fixed;inset:0;z-index:18;display:none;place-items:center;text-align:center;background:radial-gradient(circle,rgba(20,60,40,.92),rgba(0,0,0,.97))}.brk .clock{font-size:20vw}.brk .lbl{font-size:3vw;color:var(--green)}
.pcard .meta .seat{background:rgba(245,197,66,.2)}

@media (max-width:800px){.bottom>.qr{display:none!important}#colorup{white-space:normal;width:auto}}
.winmode{justify-content:space-around;text-align:center}.winmode .champ{display:flex;align-items:center;justify-content:center;gap:1.4vw;font-size:clamp(30px,4.4vw,100px)}.winmode .champ span{display:inline;font-size:.55em;color:#fff}
.trophy{font-size:1.2em;animation:spin 2.5s ease-in-out infinite}@keyframes spin{50%{transform:scale(1.15) rotate(-8deg)}}.winmode .results{grid-template-columns:1fr 1fr;text-align:left;font-size:clamp(12px,1.25vw,26px);gap:.6vh 3vw;padding:0 2vw}.winmode .awards{font-size:clamp(12px,1.25vw,26px)}
body{background:transparent!important}html{background:var(--bg)}body.t-monaco{--bg:#f4f1ea}
/* static/p2p additions */
#pingate{position:fixed;inset:0;z-index:9999;background:#07080c;display:grid;place-items:center;text-align:center}
#pingate input{font-size:28px;padding:10px;width:180px;text-align:center;border-radius:10px;border:0;margin:10px 0}
#pingate .err{color:#f55;min-height:1em}
#netpill{position:fixed;right:12px;bottom:10px;z-index:9000;font:600 13px system-ui;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.6);color:#ddd;pointer-events:none;transition:opacity .5s}
#netpill.ok{opacity:.35}
body.passive::before{content:'⚠ This host tab is inactive – the game is controlled from another tab. Close this one.';position:fixed;inset:0 0 auto;z-index:9998;background:#c33;color:#fff;padding:14px;text-align:center;font:700 18px system-ui}
.room{font:700 1.3em monospace;letter-spacing:.15em;color:#f5c542}
#netbanner{position:fixed;left:0;right:0;top:0;z-index:9500;background:#d97706;color:#fff;font:800 16px system-ui;text-align:center;padding:12px 10px;transform:translateY(-100%);transition:transform .35s}
#netbanner.on{transform:none}#netbanner button{margin-left:8px;border:0;border-radius:8px;padding:4px 10px;font-weight:800}