:root{--paper:#f3f1eb;--panel:#fffefb;--ink:#14202b;--muted:#66717a;--line:#d9d8d1;--broadcast:#101a24;--broadcast-2:#182532;--signal:#b8e12d;--warning:#d78124;--critical:#c94737;--radius:12px;--shadow:0 18px 50px rgba(25,35,43,.11)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a,button{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:222px minmax(0,1fr)}.nav-rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;background:var(--broadcast);color:#f9fbf4}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 25px;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--signal);color:var(--broadcast);font-weight:900}.brand strong{font-size:12px;letter-spacing:.04em}.brand small{display:block;margin-top:3px;color:#aeb9c2;font-size:9px;letter-spacing:.18em}.nav-rail nav{display:grid;grid-gap:4px;gap:4px}.nav-rail nav a{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 11px;border-radius:8px;color:#aeb9c2;text-decoration:none;font-size:11px}.nav-rail nav a:focus-visible,.nav-rail nav a:hover{background:#22313f;color:white}.nav-rail nav a.active{background:#f6f7f1;color:var(--broadcast);font-weight:700}.nav-rail nav svg{width:16px}.nav-rail footer{margin-top:auto;padding:14px 10px 4px;border-top:1px solid #2a3946}.nav-rail footer>div{display:flex;gap:9px;align-items:center}.nav-rail footer i{width:8px;height:8px;border-radius:50%;background:var(--signal)}.nav-rail footer span{color:#93a1ad;font-size:8px}.nav-rail footer strong{display:block;margin-top:3px;color:#eef4e7;font-size:9px}.workspace{min-width:0;padding:32px 36px 50px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.location-mark{display:flex;align-items:center;gap:6px;color:#53616c;font-size:10px;font-weight:700}.location-mark svg{width:13px;color:#718b00}.masthead h1{margin:8px 0 5px;font-size:30px;letter-spacing:-.025em}.masthead p{margin:0;color:var(--muted);font-size:11px}.operator{display:flex;align-items:center;gap:9px}.operator button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.operator button svg{width:16px}.court-row>button:focus-visible,.operator button:focus-visible,.state-panel button:focus-visible{outline:3px solid #718b00;outline-offset:2px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--broadcast);color:white;font-size:10px;font-weight:800}.demo-badge{padding:6px 9px;border:1px solid #bea86b;border-radius:999px;background:#fff9df;color:#6c571c;font-size:8px;font-weight:800}.instrument-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.instrument-strip>div{display:grid;grid-template-columns:1fr auto;grid-gap:3px 14px;gap:3px 14px;padding:15px 18px;border-right:1px solid var(--line)}.instrument-strip>div:last-child{border:0}.instrument-strip span{color:var(--muted);font-size:9px}.instrument-strip strong{grid-row:1/3;grid-column:2;font:700 26px/1 Arial Narrow,Arial,sans-serif}.instrument-strip small{color:#778089;font-size:8px}.control-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;grid-gap:17px;gap:17px}.court-fleet,.operating-brief{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.court-fleet>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 20px}.court-fleet>header span,.operating-brief>header span{color:#718000;font-size:9px;font-weight:800}.court-fleet h2{margin:4px 0 0;font-size:15px}.court-fleet>header p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:8px}.court-fleet>header p i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 3px 12px rgba(98,125,0,.35)}.court-columns,.court-row{display:grid;grid-template-columns:minmax(145px,1.2fr) minmax(100px,.8fr) minmax(210px,1.7fr) minmax(130px,1fr) 34px;align-items:center;grid-gap:14px;gap:14px}.court-columns{padding:8px 15px;background:#ecebe5;color:#727b82;font-size:8px}.court-row{min-height:86px;padding:11px 15px;border-top:1px solid var(--line)}.court-row.is-live{background:var(--broadcast);color:#f8fbf4}.court-name{display:flex;align-items:center;gap:11px}.court-name>span{font:800 25px Arial Narrow,Arial,sans-serif;color:#778089}.is-live .court-name>span{color:var(--signal)}.court-name div{display:grid;grid-gap:4px;gap:4px}.court-name strong{font-size:11px}.court-name small,.court-state small,.device-chain small{color:var(--muted);font-size:8px}.is-live .court-name small,.is-live .court-state small,.is-live .device-chain small{color:#9ba8b2}.court-state{display:grid;justify-items:start;grid-gap:6px;gap:6px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#e9ece6;color:#415047;font-size:8px;font-weight:800}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-session_active{background:var(--signal);color:var(--broadcast)}.status-device_warning{background:#fff0dc;color:#975008}.status-offline{background:#fbe5e1;color:#9e3226}.court-score{display:grid;grid-gap:5px;gap:5px}.court-score>div{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:10px;gap:10px}.court-score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.court-score b{font:800 22px Arial Narrow,Arial,sans-serif;color:var(--signal)}.quiet{color:var(--muted)}.device-chain{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:5px 8px;gap:5px 8px}.device-chain>span{font:700 11px Arial Narrow,Arial,sans-serif}.device-chain>div{height:4px;background:#d8ddd5}.is-live .device-chain>div{background:#32414e}.device-chain>div i{display:block;height:100%;background:var(--signal)}.device-chain small{grid-column:1/-1}.court-row>button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:inherit}.court-row>button:hover{background:rgba(128,140,145,.14)}.court-row>button svg{width:16px}.operating-brief{align-self:start}.operating-brief>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.operating-brief>header svg{width:17px;color:#718000}.brief-time{display:grid;padding:20px 18px 16px}.brief-time strong{font:800 42px/1 Arial Narrow,Arial,sans-serif;letter-spacing:-.03em}.brief-time span{margin-top:5px;color:var(--muted);font-size:8px}.operating-brief dl{margin:0;border-top:1px solid var(--line)}.operating-brief dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 18px;border-bottom:1px solid var(--line);font-size:9px}.operating-brief dt{color:var(--muted)}.operating-brief dd{margin:0;font-weight:700;text-align:right}.operating-brief>section{display:flex;gap:10px;margin:15px;padding:13px;border-radius:8px;background:#eef4df;color:#34420f}.operating-brief>section.attention{background:#fff0dc;color:#7e470f}.operating-brief>section svg{width:18px;flex:0 0 auto}.operating-brief>section div{display:grid;grid-gap:4px;gap:4px}.operating-brief>section strong{font-size:9px}.operating-brief>section span{font-size:8px;line-height:1.45}.state-panel{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.state-panel svg{color:#718000}.state-panel h2{margin:14px 0 6px;font-size:17px}.state-panel p{max-width:52ch;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.state-panel button{margin-top:16px;min-height:42px;padding:0 16px;border:0;border-radius:7px;background:var(--broadcast);color:white}.error-state svg{color:var(--critical)}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}@media(max-width:1100px){.control-layout{grid-template-columns:1fr}.operating-brief{display:grid;grid-template-columns:180px 1fr}.operating-brief>header{grid-column:1/-1}.operating-brief dl{border-left:1px solid var(--line)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.nav-rail{position:static;height:auto;padding:12px}.brand{padding:0 6px 12px}.nav-rail nav{display:flex;overflow-x:auto}.nav-rail nav a{flex:0 0 auto}.nav-rail footer{display:none}.workspace{padding:22px 18px}.court-columns{display:none}.court-row{grid-template-columns:1.2fr .8fr 1.5fr 32px}.device-chain{grid-column:1/-1;grid-row:2}.instrument-strip{grid-template-columns:1fr 1fr}.instrument-strip>div:nth-child(2){border-right:0}.instrument-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.masthead{align-items:flex-start;flex-direction:column}.operator{width:100%}.demo-badge{margin-right:auto}.instrument-strip{grid-template-columns:1fr}.instrument-strip>div{border-right:0;border-bottom:1px solid var(--line)}.court-row{grid-template-columns:1fr auto;gap:10px}.court-score,.device-chain{grid-column:1/-1}.court-row>button{grid-column:2;grid-row:1}.operating-brief{display:block}.operating-brief dl{border-left:0}.nav-rail nav a span{display:none}}.app-shell{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif}.brief-time strong,.court-name>span,.court-score b,.device-chain>span,.instrument-strip strong{font-family:DIN Alternate,Avenir Next Condensed,sans-serif}.nav-rail nav .nav-future{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 11px;border-radius:8px;color:#aeb9c2;font-size:11px;cursor:not-allowed;opacity:.62}.nav-rail nav .nav-future svg{width:16px}.nav-future small{margin-left:auto;color:#71808c;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.court-row>button:disabled{cursor:not-allowed;opacity:.38}.court-row>button:disabled:hover{background:transparent}@media(max-width:820px){.nav-rail nav .nav-future{flex:0 0 auto}}@media(max-width:560px){.nav-rail nav .nav-future>span{display:none}}.highlight-broadcast button:disabled,.touch-ui button:disabled{cursor:not-allowed;opacity:.38}.touch-ui>footer button.selected{border-color:#718b00;background:#eef4df;color:#34420f}.screen-lab{min-height:100vh;background:#dcded9;color:#14202b;font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif}.screen-lab-header{position:-webkit-sticky;position:sticky;z-index:10;top:0;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:24px;gap:24px;min-height:72px;padding:0 28px;background:#101a24;color:#f8fbf4;box-shadow:0 12px 30px rgba(16,26,36,.18)}.screen-back,.screen-lab-header nav a{display:flex;align-items:center;gap:8px;min-height:44px;color:#aeb9c2;text-decoration:none;font-size:12px}.screen-back:hover,.screen-lab-header nav a:hover{color:white}.screen-back svg,.screen-lab-header nav svg{width:16px}.screen-lab-brand{display:flex;align-items:center;gap:10px}.screen-lab-brand>span{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#b8e12d;color:#101a24;font-weight:900}.screen-lab-brand div{display:grid;grid-gap:2px;gap:2px}.screen-lab-brand strong{font-size:12px}.screen-lab-brand small{color:#8796a1;font-size:8px}.screen-lab-header nav{display:flex;gap:5px;padding:4px;border:1px solid #33424f;border-radius:10px}.screen-lab-header nav a{padding:0 12px;border-radius:7px}.screen-lab-header nav a.active{background:#f6f7f1;color:#101a24;font-weight:700}.screen-live{display:flex;align-items:center;gap:7px;color:#c6d0d8;font-size:9px}.screen-live i{width:7px;height:7px;border-radius:50%;background:#b8e12d;box-shadow:0 2px 9px rgba(184,225,45,.35)}.screen-live svg{width:13px;color:#b8e12d}.screen-workspace{max-width:1500px;margin:auto;padding:38px 44px 54px}.screen-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}.screen-intro>div:first-child{max-width:720px}.screen-intro>div>span{color:#58666f;font-size:10px;font-weight:800}.screen-intro h1{margin:8px 0 7px;font:800 clamp(34px,4vw,60px)/.98 DIN Alternate,Avenir Next Condensed,sans-serif;letter-spacing:-.025em}.screen-intro p{max-width:68ch;margin:0;color:#536069;font-size:12px;line-height:1.55}.screen-spec{display:flex;gap:8px}.screen-spec span{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #bec2bd;border-radius:8px;background:#f4f4ef;font-size:9px;font-weight:700}.screen-spec svg{width:14px;color:#718b00}.touch-bench{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;grid-gap:24px;gap:24px}.device-frame{position:relative;padding:14px;border-radius:22px;background:#090f15;box-shadow:0 28px 60px rgba(16,26,36,.24),0 5px 10px rgba(16,26,36,.18)}.device-camera{position:absolute;z-index:2;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#34424d}.touch-device{max-width:1060px;margin:auto}.touch-ui{overflow:hidden;aspect-ratio:16/10;border-radius:11px;background:#f2f1eb;display:grid;grid-template-rows:auto auto 1fr auto}.touch-ui>header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:16px 20px;background:#172430;color:white}.touch-ui>header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:#273744;color:white}.touch-ui>header button svg{width:20px}.touch-ui>header div{display:grid;grid-gap:3px;gap:3px}.touch-ui>header small{color:#9dabb6;font-size:8px}.touch-ui>header strong{font-size:12px}.touch-ui>header>span{display:flex;align-items:center;gap:5px;color:#b8e12d;font-size:9px;font-weight:900}.touch-ui>header>span i{width:7px;height:7px;border-radius:50%;background:#b8e12d}.set-rail{display:grid;grid-template-columns:repeat(3,1fr);background:#e4e4df}.set-rail>span{display:flex;align-items:center;justify-content:center;gap:13px;min-height:45px;border-right:1px solid #cacbc5;color:#6b757c;font-size:8px;font-weight:800}.set-rail b{font:800 17px DIN Alternate,sans-serif;color:#34404a}.set-rail .current{background:#fffefb;color:#172430}.touch-scoreboard{display:grid;grid-template-columns:1fr 76px 1fr;min-height:0}.team{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;grid-gap:14px;gap:14px;padding:26px 28px}.team-blue{background:#132e42;color:white}.team-orange{background:#d96d27;color:white}.team small{font-size:8px;font-weight:900;opacity:.7}.team h2{max-width:12ch;margin:8px 0 0;font:800 clamp(18px,2.4vw,34px)/1 DIN Alternate,sans-serif}.team h2 em{color:#b8e12d;font-style:normal}.team>strong{font:900 clamp(70px,9vw,142px)/.8 DIN Alternate,sans-serif;letter-spacing:-.035em}.team button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;border:0;border-radius:9px;background:#b8e12d;color:#13202a;font-size:12px;font-weight:900}.team button:active{transform:scale(.985)}.team button svg{width:22px}.serve-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffefb;color:#657078;font-size:7px;text-align:center}.serve-line i{width:2px;height:34%;background:#b8e12d}.touch-ui>footer{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fffefb}.touch-ui>footer button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 14px;border:1px solid #c9cbc5;border-radius:8px;background:white;color:#26343d;font-size:9px;font-weight:800}.touch-ui>footer button:disabled{opacity:.38;cursor:not-allowed}.touch-ui>footer button svg{width:16px}.touch-ui>footer>span{margin-left:auto;color:#68727a;font-size:8px}.touch-ui>footer>span b{display:block;margin-top:2px;color:#172430;font-size:14px}.touch-ui>footer .confirm{border-color:#172430;background:#172430;color:white}.anatomy{display:grid;grid-template-columns:28px 1fr;align-items:start;grid-gap:5px 10px;gap:5px 10px}.anatomy span{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#101a24;color:#b8e12d;font:800 9px DIN Alternate,sans-serif}.anatomy h2{margin:1px 0 0;font-size:10px}.anatomy p{margin:0 0 28px;color:#59666e;font-size:9px;line-height:1.5}.screen-notes{display:flex;align-items:center;justify-content:center;gap:0;margin:24px auto 0}.screen-notes>*{padding:0 18px;border-right:1px solid #b9bdb8;color:#5c6870;font-size:9px}.screen-notes>:last-child{border:0}.screen-notes strong{color:#172430}.display-workspace{max-width:1680px}.display-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.7fr);grid-gap:12px 24px;gap:12px 24px;align-items:start}.display-label{display:flex;align-items:baseline;gap:12px;padding:0 4px}.display-label span{color:#718000;font-size:9px;font-weight:900}.display-label strong{font-size:12px}.display-label small{margin-left:auto;color:#69747b;font-size:8px}.main-device{grid-column:1}.highlight-device{grid-column:2}.highlight-label{grid-column:2;grid-row:1}.main-broadcast{overflow:hidden;aspect-ratio:16/9;border-radius:10px;background:#101a24;color:white;display:grid;grid-template-rows:auto 1fr auto}.main-broadcast>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 22px;border-bottom:1px solid #30404d}.main-broadcast>header>span{font-size:11px;font-weight:900}.main-broadcast>header b{margin-left:8px;padding:4px 6px;border-radius:4px;background:#b8e12d;color:#101a24;font-size:7px}.main-broadcast>header small{color:#9aa7b1;font-size:8px}.main-broadcast>header>strong{text-align:right;font-size:10px}.broadcast-score{display:grid;grid-template-columns:1fr auto 90px auto 1fr;align-items:center;grid-gap:22px;gap:22px;padding:40px 34px}.broadcast-score>section:last-child{text-align:right}.broadcast-score section small{color:#92a0aa;font-size:8px;font-weight:900}.broadcast-score h2{margin:8px 0 18px;font:800 clamp(19px,2.1vw,36px)/1 DIN Alternate,sans-serif}.broadcast-score h2 em{color:#b8e12d;font-style:normal}.broadcast-score section div{display:flex;gap:7px}.broadcast-score>section:last-child div{justify-content:flex-end}.broadcast-score section div span{display:grid;place-items:center;width:35px;height:35px;background:#23323f;color:#acb7bf;font:800 15px DIN Alternate,sans-serif}.broadcast-score section div .set-current{background:#b8e12d;color:#101a24}.broadcast-score>strong{font:900 clamp(75px,8vw,138px)/.8 DIN Alternate,sans-serif;color:#b8e12d;letter-spacing:-.035em}.broadcast-center{display:flex;flex-direction:column;align-items:center;gap:10px;color:#b8e12d;text-align:center}.broadcast-center i{width:1px;height:70px;background:#51616d}.broadcast-center span{font-size:8px;font-weight:900}.broadcast-center small{color:#81909b;font-size:8px}.main-broadcast>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#182632;color:#9eabb4;font-size:8px}.main-broadcast>footer span{display:flex;align-items:center;gap:6px}.main-broadcast>footer span i{width:6px;height:6px;border-radius:50%;background:#b8e12d}.main-broadcast>footer strong{color:white;font-size:9px}.highlight-broadcast{position:relative;overflow:hidden;aspect-ratio:9/16;border-radius:10px;background:#0b141c;color:white}.highlight-court{position:absolute;inset:0;background:linear-gradient(150deg,#294556,#132f3e 52%,#17232c)}.court-lines{position:absolute;inset:19% 12% 23%;border:2px solid rgba(255,255,255,.64);transform:perspective(500px) rotateX(45deg)}.court-lines:after,.court-lines:before{content:"";position:absolute;background:rgba(255,255,255,.55)}.court-lines:before{top:50%;left:0;width:100%;height:2px}.court-lines:after{top:0;left:50%;width:2px;height:100%}.player{position:absolute;width:11px;height:22px;border-radius:50% 50% 35% 35%;background:#b8e12d;box-shadow:0 8px 12px rgba(0,0,0,.3)}.player-a{left:28%;top:42%}.player-b{left:61%;top:36%}.player-c{left:35%;top:65%;background:#e98941}.player-d{left:67%;top:70%;background:#e98941}.ball{position:absolute;left:55%;top:51%;width:6px;height:6px;border-radius:50%;background:#e8ff88;box-shadow:0 0 0 5px rgba(184,225,45,.13)}.playing .ball{animation:ball-flight 2.4s cubic-bezier(.22,.7,.25,1) infinite}.impact{position:absolute;right:16%;top:43%;display:flex;align-items:baseline;gap:3px;color:#b8e12d}.impact b{font:900 30px DIN Alternate,sans-serif}.impact span{font-size:7px}.highlight-broadcast>header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px;background:linear-gradient(#0b141c,transparent)}.highlight-broadcast>header span{display:flex;align-items:center;gap:6px;color:#b8e12d;font-size:8px;font-weight:900}.highlight-broadcast>header svg{width:14px}.highlight-broadcast>header small{font-size:7px;color:#c0c9ce}.highlight-title{position:absolute;z-index:2;right:0;bottom:70px;left:0;padding:60px 18px 16px;background:linear-gradient(transparent,#0b141c)}.highlight-title span{color:#b8e12d;font-size:8px;font-weight:900}.highlight-title h2{margin:8px 0 4px;font:800 clamp(20px,2.2vw,34px)/1 DIN Alternate,sans-serif}.highlight-title p{margin:0;color:#9dabb5;font-size:8px}.highlight-broadcast>footer{position:absolute;z-index:3;right:0;bottom:0;left:0;display:grid;grid-template-columns:42px 1fr 42px 42px;align-items:center;grid-gap:6px;gap:6px;padding:10px 12px;background:#101a24}.highlight-broadcast>footer button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:7px;background:#253440;color:white}.highlight-broadcast>footer button:first-child{background:#b8e12d;color:#101a24}.highlight-broadcast>footer button svg{width:15px}.highlight-broadcast>footer div{position:relative;height:3px;margin:0 6px;background:#45535f}.highlight-broadcast>footer div i{display:block;height:100%;background:#b8e12d;transition:width .4s cubic-bezier(.22,.7,.25,1)}.highlight-broadcast>footer div span{position:absolute;top:8px;left:0;color:#7f8e98;font-size:6px}@keyframes ball-flight{0%{transform:translate(-80px,70px) scale(.7)}50%{transform:translate(20px,-35px) scale(1.2)}to{transform:translate(75px,55px) scale(.7)}}@media(prefers-reduced-motion:reduce){.playing .ball{animation:none}}@media(max-width:1100px){.screen-lab-header{grid-template-columns:auto 1fr auto}.screen-live{display:none}.touch-bench{grid-template-columns:1fr}.anatomy{display:none}.display-stage{grid-template-columns:1fr}.highlight-device,.highlight-label,.main-device{grid-column:1}.highlight-label{grid-row:auto;margin-top:18px}.highlight-device{max-width:440px;width:100%;margin:auto}.broadcast-score{gap:12px;padding:24px 20px}}@media(max-width:760px){.screen-lab-header{position:static;grid-template-columns:1fr auto;padding:12px 16px;gap:10px}.screen-back{grid-column:1}.screen-lab-brand{justify-self:end}.screen-lab-header nav{grid-column:1/-1}.screen-lab-header nav a{flex:1 1;justify-content:center}.screen-workspace{padding:26px 16px 38px}.screen-intro{align-items:flex-start;flex-direction:column;gap:16px}.screen-spec{flex-wrap:wrap}.touch-device{padding:7px;border-radius:13px}.touch-ui{aspect-ratio:auto;min-height:680px}.touch-ui>header{padding:12px}.touch-scoreboard{grid-template-columns:1fr}.serve-line{display:none}.team{min-height:220px;padding:20px}.team>strong{font-size:82px}.touch-ui>footer{flex-wrap:wrap}.touch-ui>footer>span{order:-1;width:100%;margin:0}.display-label{flex-wrap:wrap}.display-label small{width:100%;margin:0}.main-device{padding:7px;border-radius:13px}.main-broadcast{aspect-ratio:auto;min-height:570px}.main-broadcast>header{grid-template-columns:1fr auto}.main-broadcast>header small{display:none}.broadcast-score{grid-template-columns:1fr auto;align-content:center}.broadcast-score>section{grid-column:1}.broadcast-score>section:last-child{grid-row:2;grid-column:1}.broadcast-score>strong{font-size:78px}.broadcast-score>strong:nth-of-type(2){grid-row:2;grid-column:2}.broadcast-center,.main-broadcast>footer strong{display:none}.screen-notes{align-items:flex-start;flex-wrap:wrap;gap:8px}.screen-notes>*{border:0;padding:4px 8px}}