@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;500;700;800;900&display=swap";:root{--blue: #2e6bff;--blueT: rgba(46, 107, 255, .16);--blueBright: #86aeff;--red: #ff4f5a;--redT: rgba(255, 79, 90, .16);--redBright: #ff98a0;--acc: #ff6a12;--acc2: #ff9a4d;--bg: #0b0b0a;--s1: #161613;--s2: #1f1e1a;--tx: #f5f2ec;--txS: rgba(245, 242, 236, .56);--txT: rgba(245, 242, 236, .32);--line: rgba(255, 255, 255, .09);--ball: #d7f25a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--tx);font-family:Onest,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100vh;height:100dvh;display:flex}.board{flex:1;display:flex;flex-direction:column;padding:clamp(12px,2.2vw,32px);gap:clamp(10px,1.6vw,22px);background:radial-gradient(120% 120% at 50% -10%,#14140f 0%,var(--bg) 60%)}.board__top{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:clamp(16px,1.8vw,24px);letter-spacing:-.4px}.brand__dot{width:.7em;height:.7em;border-radius:50%;background:linear-gradient(135deg,var(--acc2),var(--acc))}.board__meta{display:flex;align-items:center;gap:14px}.badge{font-size:clamp(11px,1vw,14px);font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:999px}.badge--live{color:#b7f7c0;background:#50dc7829}.badge--demo{color:var(--acc2);background:#ff7a2d29}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(18px,2.4vw,34px);letter-spacing:-.5px;color:var(--tx)}.teams{flex:1 1 auto;display:flex;flex-direction:column;gap:clamp(10px,1.4vw,18px);min-height:0}.team{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(14px,2vw,36px);border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden;transition:order .3s}.team--a{background:linear-gradient(100deg,var(--blueT),rgba(46,107,255,.04));border-color:#2e6bff59}.team--b{background:linear-gradient(100deg,var(--redT),rgba(255,79,90,.04));border-color:#ff4f5a59}.team--winner{box-shadow:0 0 0 2px var(--acc) inset}.team__id{display:flex;flex-direction:column;gap:14px;min-width:0}.team__name-wrap{display:flex;align-items:center;gap:12px;min-width:0}.team__chip{width:clamp(14px,1.4vw,22px);height:clamp(14px,1.4vw,22px);border-radius:6px;flex:0 0 auto}.team--a .team__chip{background:var(--blue)}.team--b .team__chip{background:var(--red)}.team__name{font-weight:800;font-size:clamp(20px,3vw,56px);letter-spacing:-.6px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team--a .team__name{color:var(--blueBright)}.team--b .team__name{color:var(--redBright)}.team__players{margin-top:6px;font-size:clamp(12px,1.2vw,20px);color:var(--txS);font-weight:500}.ball{width:clamp(14px,1.5vw,26px);height:clamp(14px,1.5vw,26px);border-radius:50%;background:var(--ball);box-shadow:0 0 16px 2px #d7f25a99;align-self:flex-start;animation:ballPulse 1.4s ease-in-out infinite}.ball--left{margin-right:auto}.ball--right{margin-left:auto}@keyframes ballPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.78}}.team__score{display:flex;align-items:stretch;gap:clamp(10px,1.6vw,28px);flex:0 0 auto}.score-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:clamp(48px,6vw,120px)}.score-block__label{font-size:clamp(9px,.85vw,13px);font-weight:700;letter-spacing:.1em;color:var(--txT)}.score-block__val{font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.8px;line-height:1;font-size:clamp(28px,4vw,72px)}.score-block__val--points{font-size:clamp(40px,9vw,150px);color:var(--tx)}.team--a .score-block--points .score-block__val--points{color:#fff}.score-block--points.is-tb .score-block__val--points{color:var(--ball)}.score-block--points.is-deuce .score-block__label{color:var(--acc2)}.board__bottom{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sets-list{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sets-list--empty{color:var(--txT);font-size:clamp(12px,1.1vw,16px);font-weight:600}.set-pill{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:13px;background:var(--s1);border:1px solid var(--line)}.set-pill__num{font-size:clamp(9px,.8vw,12px);font-weight:700;letter-spacing:.08em;color:var(--txT)}.set-pill__score{font-weight:900;font-size:clamp(16px,1.6vw,24px);font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:4px}.set-pill__dash{color:var(--txT)}.set-tb{font-size:.55em;color:var(--txS);margin-left:2px}.c-a{color:var(--blueBright)}.c-b{color:var(--redBright)}.winner-banner{font-weight:800;font-size:clamp(14px,1.6vw,24px);padding:8px 18px;border-radius:13px;background:linear-gradient(135deg,var(--acc2),var(--acc));color:#1a1208}.winner-banner b{font-weight:900}@media (max-width: 720px){.board{padding:12px}.team{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.team__id{flex-direction:row;align-items:center;justify-content:space-between}.team__score{justify-content:space-around;width:100%}.score-block__val--points{font-size:clamp(44px,16vw,96px)}.team__name{font-size:clamp(20px,7vw,36px)}.board__bottom{justify-content:center}}.sound-toggle{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:50;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-weight:800;font-size:clamp(12px,1.1vw,15px);letter-spacing:.02em;padding:9px 14px;border-radius:999px;border:1px solid var(--line);cursor:pointer;color:var(--tx);background:var(--s2);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.sound-toggle--on{color:#1a1208;background:linear-gradient(135deg,var(--acc2),var(--acc));border-color:transparent}.sound-toggle--off{color:var(--txS);background:var(--s1)}.sound-toggle:hover{box-shadow:0 4px 18px #0006}