#stage{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;overflow:hidden}#title{flex:0 0 auto;text-align:center;padding:2.2vh 2vw 1.4vh}.title-line1{font-size:calc(var(--title-size) * .62);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-weight:500}.title-line2{font-family:"Bebas Neue",var(--font-family);font-size:var(--title-size);letter-spacing:.04em;line-height:1.02;background:linear-gradient(180deg,#fff,var(--accent-2) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 38px rgba(255,199,44,.25)}#top{flex:var(--top-ratio) 1 0;display:flex;align-items:stretch;justify-content:center;gap:1.5vw;padding:0 2vw;min-height:0}.vs{flex:0 0 auto;align-self:center;display:grid;place-items:center}.vs span{font-family:"Bebas Neue",var(--font-family);font-size:clamp(28px,4vw,64px);color:var(--gold);opacity:.85;text-shadow:0 0 24px rgba(255,212,94,.4)}.board{position:relative;width:calc(var(--panel-width-pct) * 1%);height:calc(var(--panel-height-pct) * 1%);align-self:center;border-radius:22px;padding:2.2vh 1.5vw;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5vw;background:linear-gradient(180deg,#14306e8c,#0a1f4859);border:1px solid var(--line);box-shadow:inset 0 0 60px #00000059,0 20px 50px #00000059;overflow:hidden}#board-right{flex-direction:row-reverse}.player-info{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6vh}.board:before{content:"";position:absolute;top:0;left:0;right:0;height:6px}#board-left:before{background:linear-gradient(90deg,transparent,var(--left),transparent)}#board-right:before{background:linear-gradient(90deg,transparent,var(--right),transparent)}.board .player-name{flex:0 0 auto;font-size:var(--player-name-size);font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase;line-height:1.15;padding:0 .5em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 12px rgba(0,0,0,.55)}.board .score{flex:0 0 auto;font-family:"Bebas Neue",var(--font-family);font-size:var(--score-size);line-height:.9;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(255,199,44,.35);background:linear-gradient(180deg,#fff,#ffe9b0 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.board .player-video{flex:0 0 auto;height:100%;max-width:50%;display:grid;place-items:center}.board .player-video video{height:var(--player-video-height);max-height:100%;width:auto;max-width:100%;object-fit:contain;background:transparent}.board.empty .placeholder{margin:auto;text-align:center;color:var(--ink-dim);opacity:.55}.board.empty .placeholder .ph-ball{font-size:clamp(40px,6vw,90px)}.board.empty .placeholder .ph-text{margin-top:1vh;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(14px,1.4vw,22px)}.goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:5}.goal-overlay .goal-text{font-family:"Bebas Neue",var(--font-family);font-size:clamp(60px,12vw,220px);letter-spacing:.04em;color:#fff;text-shadow:0 0 30px var(--gold),0 0 80px rgba(255,212,94,.6);transform:scale(.6)}.goal-overlay .goal-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,212,94,.35),transparent 70%)}#bottom{flex:var(--bottom-ratio) 1 0;position:relative;min-height:0;display:flex;flex-direction:column;padding:1.2vh 2vw 2vh}#bottom-bg{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bottom-bg-height-pct) * 1%);z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}#bottom-bg video{width:100%;height:100%;object-fit:cover;opacity:.6;background:transparent}#bottom .pitch-lines{z-index:0}#klasemen{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#klasemen h2{margin:0 0 1vh;font-family:"Bebas Neue",var(--font-family);font-size:clamp(22px,2.4vw,40px);letter-spacing:.06em;color:var(--gold)}#standings{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.6vh 1.6vw;align-content:start;overflow:hidden}.standings-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6vh;min-width:0}.standing{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1vw;padding:.7vh 1.2vw;border-radius:14px;background:linear-gradient(90deg,#14306e80,#0a1f4840);border:1px solid var(--line);will-change:transform}.standing .rank{font-family:"Bebas Neue",var(--font-family);font-size:var(--klasemen-score-size);color:var(--ink-dim);min-width:1.4em;text-align:center}.standing.rank-1 .rank{color:var(--gold)}.standing .avatar{width:calc(var(--klasemen-name-size) * 1.7);height:calc(var(--klasemen-name-size) * 1.7);border-radius:50%;object-fit:cover;background:#0c2150 center/cover no-repeat;border:2px solid var(--line)}.standing .pname{font-size:var(--klasemen-name-size);font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.standing .pscore{font-family:"Bebas Neue",var(--font-family);font-size:var(--klasemen-score-size);font-variant-numeric:tabular-nums;color:var(--accent-2);min-width:2ch;text-align:right}#audio-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#040916f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#audio-gate.hidden{display:none}.gate-card{text-align:center}.gate-ball{font-size:80px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-12px)}}.gate-title{font-family:"Bebas Neue",var(--font-family);font-size:48px;letter-spacing:.05em;color:var(--accent-2)}.gate-sub{color:var(--ink-dim);margin-bottom:24px;letter-spacing:.08em}#gate-btn{padding:16px 46px;font-size:22px;font-weight:700;letter-spacing:.1em;border:none;border-radius:14px;cursor:pointer;color:#13203a;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 16px 40px #ffc72c59}#gate-btn:active{transform:translateY(1px)}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}