@import url("/fonts/local-fonts.css");:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;--bg-0:#0c1217;--bg-1:#111b23;--panel:#141f29;--line:#2a3948;--txt:#f3f8ff;--txt-muted:#9db0c4;--accent:#58de9d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1a2a38 0,var(--bg-0) 55%);color:var(--txt)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}a{color:inherit}main{width:min(1100px,100%);margin:0 auto;padding:24px}.screen-root{min-height:100vh;display:grid;grid-template-rows:auto 1fr;grid-gap:18px;gap:18px}.screen-root-flow{display:flex;flex-direction:column;align-items:stretch}.status-bar{display:flex;flex-wrap:wrap;padding:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,black);border-radius:12px}.status-bar,.status-pill{align-items:center;gap:8px}.status-pill{display:inline-flex;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);color:var(--txt-muted);background:color-mix(in srgb,var(--bg-1) 92%,black);font-size:13px;font-weight:700}.status-good{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}.status-muted{opacity:.75}.status-switch{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));color:#fbbf24}.reset-button,.status-button{height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 15%,var(--bg-1));color:var(--accent);font-weight:700;cursor:pointer}.status-button-danger{border-color:color-mix(in srgb,#ef4444 45%,var(--line));background:color-mix(in srgb,#ef4444 15%,var(--bg-1));color:#fca5a5}.reset-button:hover,.status-button:hover{filter:brightness(1.08)}.state-dot{display:inline-flex;width:10px;height:10px;border-radius:999px}.state-dot-connected{background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.7)}.state-dot-connecting{background:#f59e0b;box-shadow:0 0 18px rgba(245,158,11,.7)}.state-dot-failed{background:#ef4444;box-shadow:0 0 18px rgba(239,68,68,.7)}.state-dot-idle{background:#64748b}.state-dot-rejected{background:#a855f7;box-shadow:0 0 18px rgba(168,85,247,.7)}.status-dot-label{color:var(--txt-muted)}.scoreboard-card{align-self:start;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 85%,black),color-mix(in srgb,var(--bg-1) 88%,black));overflow:hidden}.scoreboard-row{display:grid;grid-template-columns:1fr 72px 72px 72px 140px;min-height:112px}.scoreboard-row+.scoreboard-row{border-top:1px solid var(--line)}.team-cell{display:flex;align-items:center;padding:0 28px;font-size:clamp(22px,4vw,34px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em}.team-cell-dim{color:color-mix(in srgb,var(--txt) 80%,transparent)}.point-cell,.set-cell{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.set-cell{font-size:clamp(28px,3.4vw,40px);color:color-mix(in srgb,var(--txt) 85%,transparent)}.set-cell sup{margin-left:3px;font-size:20px;color:color-mix(in srgb,var(--txt) 60%,transparent)}.point-cell{font-size:clamp(48px,6vw,74px);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-1))}.point-cell-dim{color:var(--txt);background:color-mix(in srgb,var(--txt) 6%,var(--bg-1))}.point-cell-golden{color:#ffd700;background:rgba(255,215,0,.2);text-shadow:0 0 25px rgba(255,215,0,.6)}.point-cell-action,.set-cell-action{width:100%;border-top:0;border-right:0;border-bottom:0;cursor:pointer;background:transparent}.point-cell-action:hover,.set-cell-action:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg-1))}.special-strip{display:flex;flex-wrap:wrap;gap:8px}.team-pair{display:grid;grid-gap:4px;gap:4px}.team-pair small{font-size:12px;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.08em}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.editor-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--panel) 90%,black)}.editor-card h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-muted)}.editor-rows{display:grid;grid-gap:8px;gap:8px}.editor-actions button,.editor-rows input,.editor-rows select{height:34px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg-1) 92%,black);color:var(--txt);padding:0 10px}.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.point-buttons-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.accordion-card{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,black);overflow:hidden;min-height:auto}.accordion-toggle{width:100%;text-align:left;cursor:pointer;padding:12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-muted);border:0;border-bottom:1px solid var(--line);background:transparent}.accordion-open .accordion-toggle{border-bottom-color:var(--line)}.accordion-body{padding:12px}.editor-card-full{width:100%}.selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.selector-grid-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.selector-item{height:34px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg-1) 92%,black);color:var(--txt)}.selector-item-mode{height:64px;display:flex;align-items:center;gap:10px;padding:0 12px}.selector-item-icon{display:inline-flex;width:51px;height:51px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--txt) 8%,transparent);color:color-mix(in srgb,var(--txt) 70%,transparent)}.selector-item-icon .material-symbols-outlined{font-size:72px}.selector-item-mode span:last-child{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selector-item-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 20%,var(--bg-1))}.set-cell-win{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.team-players{gap:8px}.team-player-btn,.team-players{display:inline-flex;align-items:center}.team-player-btn{border:0;background:transparent;color:inherit;font:inherit;gap:4px;padding:0;cursor:pointer}.team-player-serving{color:var(--accent)}.team-server-icon{font-size:18px}.team-server-ball{width:18px;height:18px;object-fit:contain}.team-player-sep{color:color-mix(in srgb,var(--txt) 55%,transparent)}.modal-overlay{position:fixed;inset:0;background:rgba(1,8,15,.65);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal-card{width:min(640px,100%);border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,black);padding:14px}.modal-card h3{margin:0 0 12px;font-size:14px;color:var(--txt)}.modal-grid{display:grid;grid-gap:10px;gap:10px}.modal-set-row{display:grid;grid-gap:6px;gap:6px}.modal-set-main,.modal-set-tiebreak{display:grid;grid-template-columns:100px 1fr 1fr;grid-gap:8px;gap:8px;align-items:center}.modal-set-tiebreak span{color:var(--txt-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.modal-set-row input{height:34px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg-1) 92%,black);color:var(--txt);padding:0 10px}.modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.modal-actions button{height:34px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg-1) 92%,black);color:var(--txt);padding:0 10px}.point-action-button{min-height:70px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,black);color:var(--txt);font-size:20px;font-weight:800;cursor:pointer}.point-action-button:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.qr-only-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 48px)}.qr-only-stack{flex-direction:column;gap:12px}.control-gate-root{display:flex;align-items:center;justify-content:center}.control-gate-card{width:min(460px,100%);border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,black);padding:20px;display:grid;grid-gap:12px;gap:12px;text-align:center}.control-gate-card h1{margin:0;font-size:clamp(24px,2.8vw,36px)}.control-gate-input{height:48px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-1) 92%,black);color:var(--txt);padding:0 12px;font-size:20px;text-transform:uppercase}.control-gate-cta{height:44px;justify-content:center;font-size:18px}.tv-screen-root{width:100%;max-width:100%;height:100vh;min-height:100vh;padding:24px 32px;display:flex;flex-direction:column;gap:12px}.tv-screen-root .status-bar{min-height:56px;flex-wrap:nowrap;gap:12px}.tv-screen-root .status-button,.tv-screen-root .status-pill{height:64px;font-size:clamp(24px,1.9vw,35px)}.tv-screen-root .scoreboard-card{width:100%;flex:none}.tv-screen-root .scoreboard-row{min-height:140px}.tv-screen-root .team-cell{font-size:clamp(34px,2.6vw,52px)}.tv-screen-root .set-cell{font-size:clamp(40px,2.8vw,60px)}.tv-screen-root .point-cell{font-size:clamp(72px,5vw,108px)}.tv-screen-root .team-server-ball{width:26px;height:26px}.tv-screen-root .special-strip .status-pill{height:40px;font-size:15px}.tv-screen-root .state-dot{width:14px;height:14px}.tv-screen-root .tv-close-cta{margin-left:auto}.tv-screen-root .tv-status-info{border-color:transparent;background:transparent}.tv-special-stage{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:8px}.tv-special-stage--one .tv-msg{height:100%}.tv-special-stage--two .tv-msg{flex:none;height:calc((100% - 8px) / 2)}.tv-msg{flex:none;min-height:0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,black);display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden;position:relative;text-align:center}.tv-msg-idle{color:var(--txt-muted)}.tv-msg-text{font-weight:900;font-size:clamp(30px,2.2vw,56px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tv-msg-break{background:linear-gradient(90deg,rgba(147,0,10,.35),rgba(255,151,122,.12),rgba(147,0,10,.35))}.tv-msg-break-text{position:relative;display:inline-block;color:#ffb4ab;background:linear-gradient(transparent 50%,#ffb4ab 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(255,180,171,.45)}.tv-msg-break-text:after{content:attr(data-heading);position:absolute;left:0;top:0;width:100%;background:linear-gradient(#ffb4ab 50%,transparent 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-2px);animation:tv-break-fracture 2.4s ease-in-out infinite}@keyframes tv-break-fracture{0%,to{transform:translateY(-2px)}50%{transform:translate(-20px,-2px)}}.tv-msg-golden{background:radial-gradient(circle at center,rgba(242,202,80,.24),rgba(212,175,55,.1) 50%,rgba(16,20,24,.4) 100%);isolation:isolate}.tv-msg-golden:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,235,165,.38) 50%,transparent 75%);transform:translateX(-120%);animation:tv-golden-sweep 1.8s ease-in-out infinite;pointer-events:none}.tv-msg-golden-text{position:relative;display:inline-block;background:linear-gradient(180deg,#ffe088,#f2ca50 45%,#d4af37 55%,#574500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(242,202,80,.25);overflow:visible}.tv-msg-golden-text:after{content:"GOLDEN POINT  GOLDEN POINT  GOLDEN POINT  ";position:absolute;left:0;top:60%;white-space:nowrap;color:rgba(255,225,125,.7);filter:blur(8px);transform:translateX(0);animation:tv-golden-text-flow 6s linear infinite}@keyframes tv-golden-text-flow{to{transform:translateX(-33.333%)}}@keyframes tv-golden-sweep{to{transform:translateX(120%)}}.tv-msg-star{background:radial-gradient(circle at center,rgba(0,241,254,.16),rgba(16,20,24,.45) 65%)}.tv-msg-star-icon-wrap{position:relative;display:grid;place-items:center;width:clamp(54px,4.4vw,85px);height:clamp(54px,4.4vw,85px)}.tv-msg-star-icon-wrap:before{transform:translate(-50%,-50%) rotate(45deg)}.tv-msg-star-icon-wrap:after,.tv-msg-star-icon-wrap:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:130%;background:linear-gradient(180deg,transparent,rgba(0,241,254,.62),transparent);animation:tv-star-cross 1.6s ease-in-out infinite}.tv-msg-star-icon-wrap:after{transform:translate(-50%,-50%) rotate(-45deg);animation-delay:.8s;pointer-events:none}.tv-msg-star-icon{position:relative;z-index:2;color:#00f1fe;font-size:clamp(54px,4.4vw,85px);filter:drop-shadow(0 0 16px rgba(0,241,254,.75));animation:tv-star-spin-wait 2.4s linear infinite}@keyframes tv-star-spin-wait{0%{transform:rotate(0deg)}20%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes tv-star-cross{0%,to{opacity:.2}50%{opacity:.9}}.tv-msg-star-text{color:#ddfcff;text-shadow:0 0 14px rgba(0,241,254,.45)}.tv-msg-switch{background:linear-gradient(90deg,rgba(0,241,254,.08),rgba(16,20,24,.3),rgba(0,241,254,.08))}.tv-msg-switch-text{display:inline-block;color:#ddfcff;text-shadow:0 0 10px rgba(0,241,254,.35);animation:tv-switch-flip 6s linear infinite;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes tv-switch-flip{0%{transform:rotateX(0deg)}16%{transform:rotateX(4turn)}to{transform:rotateX(4turn)}}@media (min-height:1080px),(min-width:1920px){.tv-screen-root{padding:34px 48px;gap:24px}.tv-screen-root .status-bar{min-height:64px;padding:12px}.tv-screen-root .status-button,.tv-screen-root .status-pill{height:70px;font-size:clamp(28px,2vw,40px)}.tv-screen-root .state-dot{width:16px;height:16px}.tv-screen-root .scoreboard-row{grid-template-columns:1fr 104px 104px 104px 230px;min-height:180px}.tv-screen-root .team-cell{font-size:clamp(44px,3vw,68px);padding-inline:36px}.tv-screen-root .set-cell{font-size:clamp(56px,3vw,78px)}.tv-screen-root .point-cell{font-size:clamp(92px,6vw,150px)}.tv-screen-root .team-server-ball{width:32px;height:32px}.tv-screen-root .tv-msg-text{font-size:85px}.tv-screen-root .tv-msg-star-icon-wrap{width:85px;height:85px}.tv-screen-root .tv-msg-star-icon{font-size:85px}.tv-special-stage{gap:12px}}.control-connecting-root,.tv-connecting-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 24px}.tv-connecting-qr{border-radius:12px;background:#fff;padding:12px}.tv-connecting-session{letter-spacing:.12em;text-transform:uppercase}.connecting-status,.tv-connecting-session{font-size:18px;font-weight:700;color:var(--txt-muted)}.connecting-status{display:flex;align-items:center;gap:10px}.dot-anim{display:inline-flex;align-items:center;gap:5px}.dot-anim span{display:block;width:7px;height:7px;border-radius:999px;background:var(--accent);animation:dot-bounce 1.2s ease-in-out infinite}.dot-anim span:nth-child(2){animation-delay:.2s}.dot-anim span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.timer-ring-wrap{position:relative;width:72px;height:72px;display:grid;place-items:center}.timer-ring-wrap svg{position:absolute;inset:0}.timer-label{position:relative;z-index:1;font-size:22px;font-weight:900;color:var(--txt);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeout-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.timeout-label{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-muted)}.retry-button{height:48px;padding:0 36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 15%,var(--bg-1));color:var(--accent);font-size:18px;font-weight:700;cursor:pointer;letter-spacing:.04em}.retry-button:hover{filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-page{animation:fadeIn .45s ease}.home-root{width:100%;max-width:100%;height:100vh;flex-direction:row;padding:0;margin:0}.home-panel,.home-root{overflow:hidden;display:flex}.home-panel{flex:1 1;position:relative;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--txt);background:var(--bg-1)}.home-panel-bg{width:100%;height:100%;object-fit:cover;opacity:.45}.home-panel-bg,.home-panel-gradient{position:absolute;inset:0;pointer-events:none}.home-panel-gradient{background:linear-gradient(to top,var(--bg-0) 35%,rgba(12,18,23,.45) 70%,transparent 100%)}.home-panel-body{position:relative;z-index:2;padding:clamp(32px,5vh,64px) clamp(40px,5vw,80px);display:flex;flex-direction:column;gap:clamp(20px,2.5vh,36px)}.home-panel-tag{font-size:clamp(12px,1.1vw,16px);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--txt-muted)}.home-panel-title{font-size:clamp(72px,9vw,140px);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;line-height:1;margin:0}.home-panel-title-tv{color:var(--accent);text-shadow:0 0 60px rgba(88,222,157,.45)}.home-panel-title-control{color:#00f1fe;text-shadow:0 0 60px rgba(0,241,254,.45)}.home-panel-cta{display:inline-flex;align-items:center;gap:10px;height:clamp(52px,5.5vh,72px);padding:0 clamp(24px,2.5vw,40px);border-radius:999px;font-size:clamp(14px,1.4vw,20px);font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;width:-moz-fit-content;width:fit-content}.home-panel-cta-tv{background:var(--accent);color:#0c1217}.home-panel-cta-control{background:#00f1fe;color:#0c1217}.home-panel-sep{width:1px;background:var(--line);flex-shrink:0;z-index:1}@media (max-width:700px){.home-root{flex-direction:column;height:auto;min-height:100vh}.home-panel{min-height:50vh}.home-panel-sep{width:100%;height:1px}}@media (max-width:900px){main{padding:14px}.scoreboard-row{grid-template-columns:1fr 46px 46px 46px 88px;min-height:96px}.team-cell{padding:0 14px}.screen-root-flow .scoreboard-row{min-height:118px}.screen-root-flow .team-players{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.screen-root-flow .team-player-sep{display:none}.screen-root-flow .team-player-btn{display:inline-flex;align-items:center;gap:6px;font-size:15px;line-height:1.1}.screen-root-flow .set-cell{font-size:24px}.screen-root-flow .set-cell sup{margin-left:1px;font-size:9px}.screen-root-flow .team-player-serving{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.editor-grid,.point-buttons-row{grid-template-columns:1fr}.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-set-main,.modal-set-tiebreak,.selector-grid-modes{grid-template-columns:1fr}}