@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);--lineS: rgba(255, 255, 255, .16);--acc-soft: rgba(255, 122, 45, .18);--ball: #d7f25a;--serve: #c6e84f;--trophy: #ff7a2d}*{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}body[data-mode=entry],body[data-mode=overlay]{overflow:auto}#app{height:100vh;height:100dvh;display:flex}body[data-mode=entry] #app,body[data-mode=overlay] #app{height:auto;min-height:100dvh}body[data-mode=board] #app{align-items:center;justify-content:center;padding:clamp(8px,2vw,28px)}.wb-board{width:100%;max-width:1280px;aspect-ratio:16 / 9;max-height:100%;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--lineS);background:radial-gradient(120% 90% at 50% 0%,#15150f,var(--bg));box-shadow:0 40px 80px -30px #00000080;container-type:inline-size}.wb-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:2.4cqw 3.6cqw;border-bottom:1px solid var(--line)}.wb-brand{display:flex;align-items:center;gap:1.4cqw;min-width:0}.logo{width:3.4cqw;height:3.4cqw;min-width:26px;min-height:26px;border-radius:1cqw;background:linear-gradient(150deg,var(--acc2),var(--acc));display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo__ring{width:38%;height:38%;border-radius:999px;border:.26cqw solid #fff;min-width:11px;min-height:11px}.wb-court{font-size:clamp(16px,2.1cqw,30px);font-weight:800;letter-spacing:-.02em;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-sub{font-size:clamp(11px,1.3cqw,16px);color:var(--txS);font-weight:500}.wb-status{display:flex;align-items:center;gap:1.2cqw;flex-shrink:0}.wb-live{display:inline-flex;align-items:center;gap:.9cqw;background:color-mix(in srgb,var(--red) 13%,transparent);border:1px solid color-mix(in srgb,var(--red) 50%,transparent);color:var(--redBright);border-radius:999px;padding:.9cqw 1.6cqw;font-size:clamp(11px,1.3cqw,15px);font-weight:800;letter-spacing:.12em}.wb-live--demo{background:var(--acc-soft);border-color:#ff7a2d66;color:var(--acc2)}.wb-live__dot{position:relative;width:9px;height:9px;border-radius:999px;background:currentColor}.wb-live__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:currentColor;animation:vlPulse 1.6s infinite}@keyframes vlPulse{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.4);opacity:0}}.wb-clock{display:inline-flex;align-items:center;gap:.8cqw;font-size:clamp(13px,1.6cqw,20px);font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums;background:var(--s1);border:1px solid var(--line);padding:.9cqw 1.6cqw;border-radius:999px}.wb-clock .ico{width:1.6cqw;height:1.6cqw;min-width:14px;min-height:14px;color:var(--txS)}.wb-grid{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:1.4cqw 3.6cqw;min-height:0}.wb-grid__head,.wb-team{display:grid;grid-template-columns:1fr 7cqw 7cqw 7cqw 18cqw;align-items:center}.wb-grid__head{padding-bottom:.4cqw}.wb-h{text-align:center;font-size:clamp(10px,1.3cqw,14px);font-weight:800;letter-spacing:.05em;color:var(--txT)}.wb-h--set.is-current{color:var(--acc)}.wb-team{padding:1.6cqw 0}.wb-team__id{display:flex;align-items:center;gap:1.8cqw;min-width:0}.wb-marker{width:1.6cqw;height:4.8cqw;min-width:12px;min-height:36px;border-radius:.6cqw;flex-shrink:0}.wb-team--a .wb-marker{background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 16%,transparent)}.wb-team--b .wb-marker{background:var(--red);box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 16%,transparent)}.wb-name-row{display:flex;align-items:center;gap:1.1cqw;min-width:0}.wb-name{font-size:clamp(18px,3.2cqw,42px);font-weight:800;color:var(--tx);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-ball{display:inline-flex;flex-shrink:0;filter:drop-shadow(0 0 7px rgba(198,232,79,.6))}.ball-svg{width:2.2cqw;height:2.2cqw;min-width:18px;min-height:18px}.wb-players{margin-top:.3cqw;font-size:clamp(11px,1.4cqw,16px);color:var(--txS);font-weight:600}.wb-cell{text-align:center;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;font-size:clamp(20px,3.8cqw,40px)}.wb-cell.is-done{color:#f5f2ec99}.wb-cell.is-current{color:var(--tx)}.wb-cell.is-empty{color:#f5f2ec29}.wb-point{text-align:center;font-size:clamp(48px,8cqw,100px);font-weight:900;letter-spacing:-.04em;line-height:.8;font-variant-numeric:tabular-nums;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.wb-team--a .wb-point{color:var(--blueBright)}.wb-team--b .wb-point{color:var(--redBright)}.wb-divider{height:1px;background:var(--line)}.wb-bottom{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.8cqw 3.6cqw;border-top:1px solid var(--line);background:#08080766}.wb-bottom__l{display:flex;align-items:center;gap:1.4cqw;min-width:0}.wb-phase{display:inline-flex;align-items:center;gap:.9cqw;background:var(--acc-soft);border:1px solid rgba(255,122,45,.4);color:var(--acc);border-radius:999px;padding:.9cqw 1.6cqw;font-size:clamp(11px,1.4cqw,16px);font-weight:800;white-space:nowrap}.wb-phase__dot{width:.8cqw;height:.8cqw;min-width:7px;min-height:7px;border-radius:999px;background:var(--acc)}.wb-ver{font-size:clamp(10px,1.2cqw,13px);color:var(--txT);font-weight:600;white-space:nowrap}.wb-follow{display:flex;align-items:center;gap:1.4cqw;flex-shrink:0}.wb-follow--empty{display:none}.wb-follow__txt{text-align:right}.wb-follow__cap{font-size:clamp(10px,1.2cqw,13px);color:var(--txT);font-weight:600}.wb-follow__url{font-size:clamp(12px,1.5cqw,16px);color:var(--tx);font-weight:700;letter-spacing:.01em}.wb-qr{width:6cqw;height:6cqw;min-width:48px;min-height:48px;border-radius:1.2cqw;background:#f5f2ec;display:flex;align-items:center;justify-content:center;padding:.6cqw;flex-shrink:0}.wb-qr svg{width:100%;height:100%}@container (max-width: 560px){.wb-players,.wb-follow__txt{display:none}}.wr{width:100%;max-width:1280px;aspect-ratio:1000 / 430;max-height:100%;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--lineS);background:radial-gradient(120% 90% at 50% 0%,#15150f,var(--bg));box-shadow:0 40px 80px -30px #00000080;container-type:size}.wr-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:2.1cqw 3.6cqw;border-bottom:1px solid var(--line)}.wr-pill{display:inline-flex;align-items:center;gap:.9cqw;background:var(--acc-soft);border:1px solid rgba(255,122,45,.4);color:var(--trophy);border-radius:999px;padding:.9cqw 1.6cqw;font-size:clamp(11px,1.3cqw,15px);font-weight:800;letter-spacing:.08em}.wr-grid{flex:1 1 auto;display:grid;grid-template-columns:1fr 1px 1.05fr;align-items:stretch;min-height:0}.wr-hero{padding:3cqw 4.4cqw;display:flex;flex-direction:column;gap:2.4cqw;justify-content:center}.wr-hero__top{display:flex;align-items:center;gap:2.2cqw}.wr-trophy{width:8.8cqw;height:8.8cqw;min-width:56px;min-height:56px;border-radius:999px;background:#ff7a2d29;border:1px solid rgba(255,122,45,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trophy-svg{width:4.4cqw;height:4.4cqw;min-width:28px;min-height:28px}.wr-winner{font-size:clamp(28px,5.2cqw,64px);font-weight:900;letter-spacing:-.02em;line-height:1}.wr-hero--a .wr-winner{color:var(--blueBright)}.wr-hero--b .wr-winner{color:var(--redBright)}.wr-badge{margin-top:1cqw;display:inline-flex;align-items:center;gap:.6cqw;font-size:clamp(11px,1.4cqw,16px);font-weight:800;color:var(--trophy);background:#ff7a2d2e;padding:.6cqw 1.4cqw;border-radius:999px;letter-spacing:.04em}.wr-score{display:flex;align-items:baseline;gap:1.8cqw}.wr-score__big{font-size:clamp(52px,9.2cqw,110px);font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:.9}.wr-c--a{color:var(--blueBright)}.wr-c--b{color:var(--redBright)}.wr-score__sep{font-size:clamp(28px,4.4cqw,52px);font-weight:700;color:var(--txT)}.wr-score__cap{font-size:clamp(12px,1.5cqw,18px);color:var(--txS);font-weight:600;align-self:flex-end;padding-bottom:1.4cqw}.wr-vline{background:var(--line)}.wr-table{padding:3cqw 4.4cqw;display:flex;flex-direction:column;justify-content:center}.wr-row{display:flex;align-items:center;padding:1.6cqw .4cqw;border-top:1px solid var(--line)}.wr-row--head{border-top:none;padding-bottom:1.4cqw}.wr-team{flex:1;font-size:clamp(16px,2.2cqw,28px);font-weight:800}.wr-team--label{font-size:clamp(10px,1.3cqw,14px);font-weight:700;letter-spacing:.06em;color:var(--txT)}.wr-row--a .wr-team{color:var(--blueBright)}.wr-row--b .wr-team{color:var(--redBright)}.wr-th,.wr-cell{width:7cqw;text-align:center;font-variant-numeric:tabular-nums}.wr-th{font-size:clamp(10px,1.3cqw,14px);font-weight:800;letter-spacing:.05em;color:var(--txT)}.wr-cell{font-size:clamp(20px,2.8cqw,34px);font-weight:800;color:#f5f2ec6b}.wr-cell.is-won{color:var(--tx)}.wr-dur{margin-top:1.6cqw;font-size:clamp(11px,1.4cqw,16px);color:var(--txS);font-weight:600}.wr-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.6cqw 3.6cqw;border-top:1px solid var(--line);background:#08080766}.wr-foot__ver{font-size:clamp(10px,1.2cqw,13px);color:var(--txT);font-weight:600}body[data-mode=overlay]{background:transparent}body[data-mode=overlay] #app{align-items:center;justify-content:center;padding:20px}.ov{display:flex;align-items:center;justify-content:center}.ov-strip{display:flex;align-items:stretch;background:#0b0b0ad6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--lineS);border-radius:14px;overflow:hidden;box-shadow:0 16px 36px -12px #0000008c;min-width:460px;height:76px}.ov-live{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 14px;color:var(--redBright);background:color-mix(in srgb,var(--red) 16%,transparent);border-right:1px solid var(--line)}.ov-live--off{color:var(--acc2);background:var(--acc-soft)}.ov-live__dot{position:relative;width:8px;height:8px;border-radius:999px;background:currentColor}.ov-live__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:currentColor;animation:vlPulse 1.6s infinite}.ov-live__txt{font-size:9px;font-weight:800;letter-spacing:.1em}.ov-team{display:flex;align-items:center;gap:10px;padding:14px 16px}.ov-chip{width:10px;height:10px;border-radius:3px}.ov-chip--a{background:var(--blue)}.ov-chip--b{background:var(--red)}.ov-lbl{font-size:15px;font-weight:800;color:var(--tx)}.ov-pt{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.ov-pt--a{color:var(--blueBright)}.ov-pt--b{color:var(--redBright)}.ov-divider{width:1px;background:var(--line);margin:14px 0}.ov-set{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 16px;background:var(--s1);border-left:1px solid var(--line)}.ov-set__cap{font-size:8.5px;font-weight:800;letter-spacing:.06em;color:var(--txT)}.ov-set__games{font-size:16px;font-weight:900;color:var(--tx);font-variant-numeric:tabular-nums}@keyframes vlBlink{0%,to{opacity:1}50%{opacity:.35}}.entry-host{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}.entry-card{width:520px;max-width:100%;border-radius:22px;background:radial-gradient(130% 80% at 50% 0%,#16140f,var(--s1));border:1px solid var(--lineS);padding:clamp(24px,4vw,38px);box-shadow:0 40px 80px -30px #00000080}.entry-brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}.entry-brand .logo{width:30px;height:30px;border-radius:9px}.entry-brand .logo__ring{border-width:2.4px}.entry-brand__name{font-size:18px;font-weight:800;color:var(--tx);letter-spacing:-.02em}.entry-title{font-size:28px;font-weight:800;color:var(--tx);letter-spacing:-.02em}.entry-lead{font-size:14.5px;color:var(--txS);line-height:1.5;margin-top:8px}.entry-field{margin-top:24px;height:56px;border-radius:14px;background:var(--bg);border:1px solid var(--lineS);display:flex;align-items:center;padding:0 18px;gap:13px;transition:border-color .15s ease}.entry-field:focus-within{border-color:var(--acc)}.entry-field .ico{width:20px;height:20px;color:var(--txT);flex-shrink:0}.entry-field input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--tx);font-family:inherit;font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.entry-field input::placeholder{color:var(--txT);letter-spacing:2px}.entry-field__hint{color:var(--txT);font-size:15px;font-weight:500;flex-shrink:0}.entry-hint{margin-top:11px;font-size:13px;color:var(--txT);text-align:center}.entry-hint.is-error{color:var(--redBright)}.entry-btn{margin-top:20px;width:100%;height:56px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--acc2),var(--acc));display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-family:inherit;font-size:17px;font-weight:800;box-shadow:0 12px 26px -10px #ff6a12b3;cursor:pointer}.entry-btn .ico{width:19px;height:19px}.entry-sep{display:flex;align-items:center;gap:12px;margin:24px 0}.entry-sep:before,.entry-sep:after{content:"";flex:1;height:1px;background:var(--line)}.entry-sep span{font-size:12px;color:var(--txT);font-weight:600}.entry-example{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.entry-example__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.entry-example__court{font-size:13px;font-weight:700;color:var(--txS)}.entry-example .wb-live{padding:5px 11px;font-size:11px}.entry-example__row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.entry-example__row:last-child{margin-bottom:0}.entry-example__chip{width:11px;height:11px;border-radius:3px;flex-shrink:0}.entry-example__chip--a{background:var(--blue)}.entry-example__chip--b{background:var(--red)}.entry-example__name{flex:1;font-size:15px;font-weight:700;color:var(--tx)}.entry-example__sg{font-size:13px;color:var(--txS);font-variant-numeric:tabular-nums}.entry-example__pt{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.entry-example__pt--a{color:var(--blueBright)}.entry-example__pt--b{color:var(--redBright)}.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}