:root{--bg:#06080f;--panel:hsla(0,0%,100%,.06);--panel-strong:hsla(0,0%,100%,.12);--text:#f5f7fb;--muted:rgba(245,247,251,.62);--team-a:#e53935;--team-a-2:#ff7043;--team-b:#1e88e5;--team-b-2:#26c6da;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--radius:14px;--font:"Segoe UI",Roboto,"Helvetica Neue",system-ui,-apple-system,sans-serif;--font-display:"Impact","Haettenschweiler","Arial Narrow Bold",var(--font)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.home{min-height:100vh;display:grid;place-items:center;padding:40px}.home-card{max-width:620px;width:100%;background:var(--panel);border:1px solid var(--panel-strong);border-radius:20px;padding:32px}.home-card h1{margin:0 0 6px;font-size:30px;letter-spacing:.5px}.home-card p{color:var(--muted);line-height:1.6}.home-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.home-links a{padding:12px 18px;border-radius:12px;background:var(--panel-strong);text-decoration:none;font-weight:600;border:1px solid hsla(0,0%,100%,.1)}.home-links a:hover{background:hsla(0,0%,100%,.18)}.live-root{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;background:#000}.live-stage{width:1080px;height:1920px;position:relative;transform-origin:center center;overflow:hidden;background:radial-gradient(120% 60% at 50% 0,hsla(0,0%,100%,.08),transparent 60%),linear-gradient(180deg,#0b1020,#05070d);display:flex;flex-direction:column}.side-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 0 45%,color-mix(in srgb,var(--team-a) 32%,transparent),transparent 70%),radial-gradient(60% 40% at 100% 45%,color-mix(in srgb,var(--team-b) 32%,transparent),transparent 70%);opacity:.9}.top{position:relative;z-index:3;padding:34px 36px 18px;display:flex;flex-direction:column;gap:14px}.derby-name{text-align:center;font-size:34px;letter-spacing:6px;text-transform:uppercase;color:var(--muted);font-weight:700}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:18px}.score-team,.scoreboard{align-items:center;gap:18px}.score-team{display:flex}.score-team.right{flex-direction:row-reverse}.team-logo{width:118px;height:118px;border-radius:22px;object-fit:cover;background:hsla(0,0%,100%,.08);border:3px solid hsla(0,0%,100%,.16);display:grid;place-items:center;font-size:40px;font-weight:800;letter-spacing:1px}.team-meta{min-width:0}.team-name{font-size:40px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.team-sub{font-size:22px;color:var(--muted)}.score-center{text-align:center;min-width:300px}.score-value{font-family:var(--font-display);font-size:116px;line-height:.95;letter-spacing:4px;text-shadow:0 6px 30px rgba(0,0,0,.6)}.score-value .sep{opacity:.4;margin:0 10px}.timer{margin-top:8px;font-size:40px;font-weight:700;letter-spacing:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer.warning{color:var(--warn);animation:pulse 1s infinite}.phase-chip{display:inline-block;margin-top:6px;padding:5px 14px;border-radius:999px;font-size:19px;letter-spacing:2px;text-transform:uppercase;background:var(--panel-strong);color:var(--muted)}.power-row{display:flex;align-items:center;gap:14px;padding:0 36px;position:relative;z-index:3}.power-bar{flex:1 1;height:26px;border-radius:999px;background:hsla(0,0%,100%,.08);overflow:hidden;position:relative;border:1px solid hsla(0,0%,100%,.12)}.power-fill{height:100%;transition:width .22s linear;background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 0 24px var(--c1)}.power-bar.right .power-fill{margin-left:auto;background:linear-gradient(270deg,var(--c1),var(--c2))}.power-value{font-size:24px;font-weight:700;min-width:96px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arena{flex:1 1;display:grid;grid-template-columns:1fr 1fr;z-index:2}.arena,.team-panel{position:relative;min-height:0}.team-panel{padding:26px 22px 22px;display:flex;flex-direction:column;gap:12px}.team-panel:before{content:"";position:absolute;inset:12px;border-radius:24px;border:2px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);pointer-events:none}.panel-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 12px;position:relative;z-index:2}.panel-title{font-size:30px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.panel-count{font-size:24px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.avatar-grid{z-index:2;flex:1 1;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:var(--gap,8px);padding:8px}.avatar,.avatar-grid{position:relative;overflow:hidden}.avatar{width:var(--size,84px);height:var(--size,84px);border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 70%,#fff 10%);background:hsla(0,0%,100%,.08);flex:0 0 auto;animation:pop-in .32s cubic-bezier(.2,1.4,.4,1);will-change:transform}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar .fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:700;font-size:calc(var(--size, 84px) * .36);color:hsla(0,0%,100%,.9)}.avatar.hot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 80%,#fff),0 0 26px var(--accent)}.avatar-more{align-self:center;font-size:26px;font-weight:700;color:var(--muted);padding:6px 14px;border-radius:999px;background:hsla(0,0%,100%,.08)}.center-line{top:0;bottom:0;width:6px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.55),hsla(0,0%,100%,.15),hsla(0,0%,100%,.55),transparent);background-size:100% 200%;animation:line-flow 3.2s linear infinite}.center-circle,.center-line{position:absolute;left:50%;z-index:4;pointer-events:none}.center-circle{top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;border:4px solid hsla(0,0%,100%,.28);animation:spin 26s linear infinite}.effect-canvas{position:absolute;inset:0;z-index:5;pointer-events:none}.bottom{position:relative;z-index:3;padding:16px 30px 34px;display:grid;grid-template-columns:1.05fr 1fr;grid-gap:16px;gap:16px;height:430px}.card{background:var(--panel);border:1px solid var(--panel-strong);border-radius:var(--radius);padding:14px 16px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.card h3{margin:0 0 10px;font-size:21px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}.list{flex-direction:column;gap:8px;overflow:hidden;min-height:0}.list,.row{display:flex}.row{align-items:center;gap:10px;font-size:23px;animation:slide-in .26s ease-out}.row .pic{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:hsla(0,0%,100%,.1)}.row .pic img{width:100%;height:100%;object-fit:cover}.row .who{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .val{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.mvp{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(255,215,0,.22),transparent);border:1px solid rgba(255,215,0,.35)}.mvp .pic{width:62px;height:62px;border-radius:50%;overflow:hidden;border:2px solid gold}.mvp .pic img{width:100%;height:100%;object-fit:cover}.mvp .label{font-size:18px;letter-spacing:3px;color:gold;font-weight:800}.mvp .name{font-size:26px;font-weight:700}.comment-ticker{position:absolute;left:0;right:0;bottom:452px;z-index:6;padding:0 34px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.comment{align-self:flex-start;max-width:74%;background:rgba(0,0,0,.55);border-radius:999px;padding:8px 16px;font-size:24px;display:flex;align-items:center;gap:10px;animation:slide-in .24s ease-out;border-left:4px solid var(--accent,hsla(0,0%,100%,.4))}.comment.b{align-self:flex-end}.comment .u{font-weight:700;opacity:.85}.goal-overlay,.winner-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;background:radial-gradient(60% 40% at 50% 50%,rgba(0,0,0,.7),rgba(0,0,0,.9));animation:fade-in .2s ease-out}.goal-text{font-family:var(--font-display);font-size:210px;letter-spacing:10px;text-transform:uppercase;color:#fff;text-shadow:0 0 60px var(--accent),0 0 140px var(--accent);animation:goal-pop .7s cubic-bezier(.2,1.4,.4,1);text-align:center;line-height:.9}.goal-sub{margin-top:18px;font-size:46px;text-align:center;color:var(--muted)}.winner-text{font-size:120px;letter-spacing:6px;animation:goal-pop .7s cubic-bezier(.2,1.4,.4,1)}.countdown-big,.winner-text{font-family:var(--font-display);text-align:center}.countdown-big{font-size:320px;animation:goal-pop .5s ease-out}.connection-badge{position:absolute;top:18px;right:22px;z-index:30;padding:6px 14px;border-radius:999px;font-size:18px;background:rgba(0,0,0,.55);display:flex;align-items:center;gap:8px}@keyframes pop-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes goal-pop{0%{transform:scale(.3) rotate(-6deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes line-flow{0%{background-position:0 0}to{background-position:0 200%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.center-circle,.center-line{animation:none}}.showcase{position:absolute;left:0;right:0;top:690px;z-index:7;padding:0 30px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.showcase-card{display:flex;align-items:center;gap:14px;padding:10px 22px 10px 12px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,rgba(0,0,0,.75)),rgba(0,0,0,.7));border:2px solid var(--accent);box-shadow:0 8px 40px color-mix(in srgb,var(--accent) 45%,transparent);max-width:62%;animation:showcase-in .32s cubic-bezier(.2,1.4,.4,1)}.showcase-card.left{align-self:flex-start}.showcase-card.right{align-self:flex-end;flex-direction:row-reverse;padding:10px 12px 10px 22px}.showcase-pic{width:66px;height:66px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:hsla(0,0%,100%,.15);border:3px solid hsla(0,0%,100%,.85)}.showcase-pic img{width:100%;height:100%;object-fit:cover}.showcase-text{min-width:0;display:flex;flex-direction:column;line-height:1.15}.showcase-card.right .showcase-text{text-align:right}.showcase-user{font-size:27px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-action{font-size:30px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.showcase-gift{width:52px;height:52px;object-fit:contain;flex:0 0 auto}.showcase-points{font-family:var(--font-display);font-size:46px;letter-spacing:1px;margin-left:auto;text-shadow:0 2px 14px rgba(0,0,0,.7)}.showcase-card.right .showcase-points{margin-left:0;margin-right:auto}@keyframes showcase-in{0%{transform:translateY(18px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.goal-inner{text-align:center;position:relative;z-index:2}.goal-team{font-size:62px;font-weight:900;letter-spacing:3px;margin-top:10px;color:var(--accent);text-shadow:0 0 40px var(--accent)}.goal-score{font-family:var(--font-display);font-size:96px;letter-spacing:6px;margin-top:4px}.goal-scorer{margin-top:26px;display:inline-flex;align-items:center;gap:16px;padding:12px 26px;border-radius:999px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.25)}.goal-scorer .pic{width:84px;height:84px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);background:hsla(0,0%,100%,.15)}.goal-scorer .pic img{width:100%;height:100%;object-fit:cover}.goal-scorer-label{font-size:20px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.goal-scorer-name{font-size:40px;font-weight:800}.goal-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.goal-confetti span{position:absolute;top:-40px;left:calc((var(--i) * 4.16%) + 1%);width:16px;height:26px;background:var(--accent);opacity:.9;animation:confetti-fall 2.6s linear infinite;animation-delay:calc(var(--i) * -.11s)}.goal-confetti span:nth-child(2n){background:#fff;width:12px;height:20px}@keyframes confetti-fall{0%{transform:translateY(-60px) rotate(0deg)}to{transform:translateY(2000px) rotate(2turn)}}.row .rank{width:26px;font-family:var(--font-display);font-size:30px;opacity:.55;text-align:center;flex:0 0 auto}