:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef3fc;background:#0b111d;font-synthesis:none;font-weight:400;--surface: #131d2c;--line: #29374b;--muted: #9aaac0;--gold: #e3bd6c;--blue: #6eb9fa;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.button{border:1px solid #34465d;background:#1b2a3d;color:#eef3fc;border-radius:9px;min-height:44px;padding:10px 16px;font-weight:650;cursor:pointer;touch-action:manipulation;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;transition:background-color var(--motion-quick) ease,border-color var(--motion-quick) ease,box-shadow var(--motion-quick) ease,transform .16s var(--motion-ease)}button:hover,.button:hover{background:#293e57;border-color:#66809d}button:active{filter:brightness(1.18)}button:active:not(:disabled),.button:active{transform:scale(.985)}button:disabled{opacity:.36;cursor:default;filter:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:#b8dfff;color:#0b2137;border-color:#b8dfff}.primary:hover{background:#d7edff}.gold-button{background:var(--gold);color:#1f1b13;border-color:var(--gold)}.gold{color:var(--gold)}h1,h2,p{margin:0 0 18px}h1{font-size:clamp(25px,3.2vw,40px);letter-spacing:-.035em}h2{font-size:20px;line-height:1.25}p{line-height:1.6;color:#b3c1d4}small,.hint,.muted{color:var(--muted)}small{display:block}.hint{font-size:13px;line-height:1.6;margin:12px 0 0}code{font-size:12px;word-break:break-word}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--gold);display:block;margin-bottom:12px}.surface{padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 8px 22px #00000012}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-title h1,.section-title h2{margin-bottom:0}.page{max-width:1440px;margin:auto;padding:34px;animation:page-enter var(--motion-normal) var(--motion-ease)}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.form-grid{display:grid;gap:16px}.form-grid h2{margin-bottom:4px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b8c7dc}.field input,.field select{width:100%;min-width:0;height:46px;padding:10px 12px;background:#0b1422;border:1px solid #3b4d66;border-radius:8px;color:#f7faff}.field input[type=color]{padding:4px;max-width:120px}.field input[type=file]{height:auto;min-height:46px}.field input[type=number]{font-variant-numeric:tabular-nums}fieldset{border:1px solid var(--line);border-radius:10px;display:grid;gap:13px;padding:18px;margin:0}legend{color:var(--gold);padding:0 8px}.empty-state{padding:65px 24px;text-align:center;color:var(--muted);margin:auto;max-width:700px}.empty-state h1{color:#f1f6ff;margin:20px 0 12px}.tag{font-size:11px;border-radius:5px;background:#0c1523;color:#b2c5dc;padding:6px 8px;white-space:nowrap}.list-card{display:flex;gap:14px;align-items:center;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:12px}.list-card>div{flex:1}.list-card small{margin-top:5px}.list-card .team-logo{width:48px;height:48px;font-size:16px}.list-card button{padding:8px;font-size:12px}.archived{opacity:.65}.match-card{display:grid;gap:14px}.match-card>strong{font-size:18px}.history-row{display:grid;justify-content:stretch;text-align:left;gap:14px}.history-row strong{display:flex;justify-content:space-between;gap:15px;align-items:center}.history-row b{font-size:25px;color:var(--gold);white-space:nowrap}.history-row span{color:var(--muted);font-weight:400;font-size:12px}.audit{margin-top:30px}.audit-event{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:14px;border-top:1px solid var(--line)}.audit-event>div{display:grid;gap:7px;min-width:0}.audit-event .tag{width:fit-content}.audit-event code{color:#aabbd2}.audit-event.invalidated{opacity:.5}.audit-event.invalidated strong{text-decoration:line-through}.diagnostics{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:13px;margin:0 0 24px}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0;overflow-wrap:anywhere}.notice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;background:#433b24;color:#ffe4a5;border-bottom:1px solid #786744;font-size:14px}.notice button{padding:3px 12px;min-height:32px}.queue-banner{background:#3a2e15;color:#f0d6a0;padding:8px 24px;font-size:12px}.error-text{color:#ffa8a8}.conflict-panel{padding:24px;background:#3c2227;border-bottom:1px solid #9a5561}.conflict-panel p{color:#ffd8df;margin:8px 0}.conflict-comparison{display:flex;gap:30px;margin-bottom:18px}.brand-mark{display:inline-grid;place-items:center;background:#e3bd6c;color:#142239;width:56px;height:56px;border-radius:14px;font-weight:950;font-size:36px;transform:skew(-6deg)}.welcome{min-height:100dvh;padding:70px max(30px,calc((100vw - 1140px)/2));background:radial-gradient(ellipse at 85% 10%,#1e3b523d,transparent 65%),linear-gradient(120deg,#101b2e,#0a101b)}.welcome-brand{display:flex;align-items:center;gap:16px;font-weight:850;font-size:24px;letter-spacing:.04em;margin-bottom:60px}.welcome .eyebrow{margin-bottom:20px}.welcome h1{font-size:clamp(46px,6.5vw,78px);line-height:1.07;letter-spacing:-.05em;margin-bottom:24px}.welcome>p{font-size:18px}.role-buttons{display:flex;gap:18px;margin-top:40px}.role-buttons button{width:370px;position:relative;display:grid;grid-template-columns:45px 1fr 24px;text-align:left;padding:24px;background:#18263a}.role-buttons button strong{font-size:17px}.role-buttons button small{grid-column:2;font-weight:400;font-size:12px}.role-buttons .role-icon{grid-row:1 / 3;font-size:32px;color:var(--gold)}.role-buttons button>span:last-child{grid-column:3;grid-row:1/3;font-size:24px;font-weight:300;color:var(--muted)}.welcome footer{font-size:10px;letter-spacing:.16em;color:#7d90aa;display:flex;gap:16px;align-items:center;margin-top:70px}.welcome footer i{width:4px;height:4px;background:var(--gold);border-radius:100%}.login{display:grid;place-items:center;min-height:100dvh;padding:24px;background:radial-gradient(ellipse at 40% 20%,#1b3450,#0b111d 70%)}.login form{width:min(100%,440px);padding:36px;display:flex;flex-direction:column;gap:18px}.login form h1,.login form p{margin:0}.login .brand-mark{margin-top:15px}.login .eyebrow{margin:0}.login .text-button{align-self:flex-start;padding:0;background:none;border:none;font-size:12px;color:var(--muted)}.password-input{font-size:20px!important;letter-spacing:2px;text-align:left;height:65px!important}.operator-top{height:66px;padding:10px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #29384d;background:#101a29;position:sticky;top:0;z-index:15}.menu-button{font-size:23px;padding:5px 12px}.wordmark{font-size:14px;font-weight:850;letter-spacing:.035em}.wordmark span{color:var(--gold)}.connection{font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.connection:before{content:"";width:6px;height:6px;border-radius:100%;background:currentColor}.connection.online{color:#86d6b8}.connection.offline{color:#f6b477}.save-status{font-size:11px;color:var(--muted);flex:1}.save-status.pending{color:var(--gold)}.top-set{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;color:#c6d4e9}.match-panel{max-width:1440px;margin:auto;padding:20px 28px}.match-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.match-heading .eyebrow{margin-bottom:6px}.match-heading small{font-size:11px}.phase-label{font-size:12px;color:#b7c6dc;padding:7px 11px;border:1px solid #384b63;border-radius:20px;background:#142133}.score-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-team{padding:20px;border:1px solid #35455c;border-radius:14px;background:#152131;position:relative;isolation:isolate;box-shadow:0 8px 22px #00000020}.control-team-title{display:flex;align-items:center;gap:12px;min-height:55px}.control-team-title>.team-logo{width:45px;height:45px;font-size:16px}.control-team-title>div{flex:1;min-width:0}.control-team-title small{font-size:9px;letter-spacing:.15em;margin-bottom:4px}.control-team h2{font-size:clamp(14px,1.7vw,23px);margin:0;line-height:1.2;overflow-wrap:anywhere}.control-cards{display:flex;gap:8px;font-size:12px}.control-cards i{font-style:normal}.yellow{color:#f2c94c}.red{color:#ff6971}.point-actions{display:grid;grid-template-columns:52px 1fr 1.3fr;gap:18px;align-items:center;margin:18px 0}.operator-points{font-size:clamp(55px,7vw,100px);font-weight:800;line-height:1;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.point-actions .plus{height:106px;background:#e1eeff;color:#102a48;font-size:40px;border-color:#eef6ff;border-radius:11px;box-shadow:0 4px #7092b34d}.point-actions .plus:active{background:#fff4c4}.point-actions .minus{height:46px;padding:8px;font-size:15px;font-weight:500;background:#152030}.provisional .operator-points{color:#f7d68f}.team-actions{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr;gap:8px}.team-actions button{font-size:11px;padding:10px 7px;min-height:46px}.team-actions img{width:18px}.team-actions .serving{color:#ffe3a4;border-color:#a3864a;background:#3b3528;box-shadow:inset 0 0 0 1px #d5b66533}.yellow-card-button{color:#f4cd62;border-color:#89713b;background:#332d22}.red-card-button{color:#ff9a9b;border-color:#8a4c55;background:#35242c}.mini-dots{display:inline-flex;gap:3px}.mini-dots i{width:5px;height:5px;background:#526176;border-radius:100%}.mini-dots i.used{background:#86c8ff}.today-match{margin:14px auto;max-width:1372px;display:flex;align-items:center;justify-content:space-between;gap:18px}.today-match>div{display:grid;gap:6px;min-width:0}.today-match strong{font-size:20px;overflow-wrap:anywhere}@media(max-width:600px){.today-match{margin:10px 12px;flex-direction:column;align-items:stretch}}.phase-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#131e2e;border:1px solid var(--line);border-radius:11px;padding:16px 20px;margin:18px 0 0;min-height:83px;border-left:3px solid var(--blue);box-shadow:0 6px 18px #00000018}.phase-description{display:flex;align-items:center;gap:24px}.phase-description>strong{font-size:12px;display:grid;gap:3px;text-align:center;white-space:nowrap;color:#b3c0d4}.phase-description>strong>span{font-size:26px;line-height:1;color:#fff}.phase-description>span{font-size:13px;max-width:520px;color:#b8c8dd}.phase-description b{margin-left:8px;font-size:21px;color:var(--gold);font-variant-numeric:tabular-nums}.latest-event{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:12px}.latest-event>span{flex:1;color:#bdc9db}.latest-event small{display:inline;color:#7f91a9;font-size:11px}.latest-event button{min-height:34px;padding:5px 12px;font-size:12px}.operator-bottom{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-top:24px}.operator-set-history{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#8e9eb5}.operator-set-history>span{display:grid;gap:5px;padding:8px 14px;border:1px solid var(--line);border-radius:6px}.operator-set-history b{font-size:18px;color:#d9e5f5}.mini-preview{width:250px;padding:6px;min-height:0;display:block;opacity:.8;pointer-events:auto}.mini-preview .overlay-board{width:100%;margin:0;pointer-events:none}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:80}.drawer{width:min(370px,90vw);height:100dvh;padding:24px;background:#121d2d;box-shadow:20px 0 60px #0007;display:flex;flex-direction:column;gap:8px;overflow:auto;animation:drawer-enter var(--motion-normal) var(--motion-ease)}.drawer .section-title{margin-bottom:20px}.drawer>button{justify-content:space-between;padding:16px;background:transparent;border-color:transparent;text-align:left}.drawer>button.selected{color:var(--gold);background:#263141;border-color:#3c485b}.drawer>small{margin-top:auto;padding-top:24px;font-size:11px}.modal-backdrop{z-index:100;display:grid;place-items:center;padding:24px;animation:backdrop-enter var(--motion-quick) ease}.confirm-dialog{width:min(540px,100%);max-height:90dvh;overflow:auto;border:1px solid #6f6b5a;border-radius:16px;padding:30px;background:#172338;box-shadow:0 30px 90px #0008;animation:dialog-enter var(--motion-normal) var(--motion-ease)}.confirm-dialog .actions{justify-content:flex-end;margin-top:28px}.preview-page iframe{width:100%;aspect-ratio:16/9;border:1px solid #39465a;border-radius:12px;background:repeating-conic-gradient(#253246 0% 25%,#1c283a 0% 50%) 0 / 30px 30px}.full-preview{position:fixed;inset:0;background:#0b111d;z-index:40;max-width:none;overflow:auto}.full-preview iframe{max-height:78dvh}.preview-page .hint{overflow-wrap:anywhere}html[data-view=overlay],body[data-view=overlay]{background:transparent;overflow:hidden}.obs-canvas{width:100vw;min-height:100dvh;overflow:hidden;background:transparent}.overlay-board{width:74vw;max-width:none;margin:20px auto 0;container-type:inline-size;display:grid;grid-template-rows:10.875% minmax(0,1fr) 13.5%;aspect-ratio:3.75;color:#f7faff;background:#172332;border:clamp(1px,.1vw,4px) solid #b4c3d6;border-radius:8px;box-shadow:0 8px 24px #0005;overflow:hidden;line-height:1.15;text-align:left}.broadcast-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:0;padding:.3cqw 1.6cqw;background:#101a28;border-bottom:1px solid #3c4b60;color:#d2deed;font-size:1cqw;letter-spacing:.1em;font-weight:650}.broadcast-top>span:last-child{text-align:right}.broadcast-top time{display:flex;flex-direction:column;align-items:center;font-size:1.1cqw;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}.broadcast-main{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:0;background:#172332;overflow:hidden}.broadcast-team{--effect-left: .3cqw;--effect-right: .3cqw;--team-axis: 22.5cqw;padding:.5cqw 2cqw .9cqw;position:relative;min-width:0;min-height:0}.broadcast-team.home{--effect-right: 5.3cqw;padding-left:.3cqw;padding-right:5.3cqw;background:#172332}.broadcast-team.away{--effect-left: 5.3cqw;--team-axis: 27.5cqw;padding-left:5.3cqw;padding-right:.3cqw;background:#172332}.team-role{display:flex;align-items:center;justify-content:center;gap:.45cqw;width:max-content;position:relative;font-size:1.05cqw;letter-spacing:.14em;color:#c1cee0;margin:0 auto .15cqw}.team-role:before,.team-role:after{box-sizing:border-box}.team-role:before{content:"";flex-shrink:0;width:1.1cqw;height:1.1cqw;-webkit-mask:var(--shirt-mask) center / contain no-repeat;mask:var(--shirt-mask) center / contain no-repeat;filter:drop-shadow(0 0 .5px #ffffffb3);background:var(--home);background-image:var(--shirt-outline);background-position:center;background-size:contain;background-repeat:no-repeat}.team-role:after{content:"";width:1.1cqw;flex-shrink:0}.broadcast-team.away .team-role:before{background-color:var(--away)}.team-identity{display:flex;align-items:center;justify-content:center;width:100%;height:4.5cqw;position:relative;z-index:2}.team-identity-group{display:inline-flex;align-items:center;justify-content:center;gap:1cqw;width:max-content;max-width:100%}.team-logo{width:4cqw;height:4cqw;object-fit:contain;flex-shrink:0;border-radius:.5cqw}.initials{display:grid;place-items:center;font-size:1.25cqw;font-weight:850;background:#f0f5ff14;border:1px solid #f4f6ff40;color:#fff}.identity-name{display:flex;align-items:center;gap:.7cqw;min-width:0;max-width:calc(100% - 5.1cqw);text-align:center}.identity-name>strong{flex:none;position:relative;left:var(--name-align, 0px);font-size:1.9cqw;line-height:1.17;font-weight:750;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:32cqw;text-shadow:0 1px 5px #0008}.cards{display:flex;gap:.5cqw;align-items:center;flex-shrink:0}.cards:empty{display:none}.card{display:flex;align-items:center;gap:.1cqw;font-size:1.4cqw;filter:drop-shadow(0 0 3px #000)}.card b{font-size:.8cqw;color:#fff}.team-crest{display:flex;position:relative;flex-shrink:0}.trophy{position:absolute;right:-.3cqw;bottom:-.2cqw;width:1.65cqw;height:1.65cqw;padding:.1cqw;display:grid;place-items:center;border:1px solid #9c8550;border-radius:.4cqw;color:#eed38e;background:#192331}.trophy svg{width:100%;height:100%}.points{display:flex;align-items:center;justify-content:center;font-size:9.3cqw;line-height:1;font-weight:800;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;margin:0;text-shadow:0 .2cqw .8cqw #0004;position:absolute;left:var(--team-axis);top:50%;transform:translate(-50%,-50%);z-index:2}.point-value{display:inline-block;position:relative}.point-value>span:first-child{display:block;position:relative}.score-ink{display:block;transform:translate(var(--score-align, 0px),var(--score-align-y, 0px))}.score-previous{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;text-align:center;pointer-events:none}.score-previous:before{display:block;content:attr(data-previous);transform:translate(var(--old-align-x, 0px),var(--old-align-y, 0px))}.team-status{position:absolute;left:var(--team-axis);bottom:.8cqw;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.8cqw;min-height:1.6cqw;margin-top:0}.team-status .cards:not(:empty){padding-left:.8cqw;border-left:1px solid #8eabc54d}.timeout-dots{display:flex;align-items:center;gap:.55cqw;justify-content:center;margin:0}.timeout-dots i{width:.7cqw;height:.7cqw;border-radius:100%;background:#8d9bb24a;border:1px solid #ffffff30}.timeout-dots i.used{background:#86c8ff;box-shadow:0 0 .5cqw #86c8ff45}.sets-center{position:absolute;left:50%;transform:translate(-50%);top:6.5cqw;width:39cqw;display:flex;flex-direction:column;align-items:center;gap:.15cqw;z-index:5}.sets-center>span{font-size:1.3cqw;font-weight:600;letter-spacing:.12em;color:#bccbde}.sets-center>strong{font-size:4.2cqw;line-height:1.05;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.serve-indicator{position:absolute;right:calc(100% + 1.3cqw);top:50%;width:.85cqw;height:.85cqw;border-radius:50%;border:.1cqw solid #d5fff5;background:#9ee8d7;box-shadow:0 0 0 .2cqw #8ddcc91a,0 0 .7cqw #8ddcc94d;opacity:0;transform:translateY(-50%) scale(.8);pointer-events:none}.serve-indicator.is-serving{opacity:1;transform:translateY(-50%) scale(1)}.set-history{display:flex;justify-content:center;align-items:center;gap:2.4cqw;background:#101a28;padding:.6cqw 2cqw;min-height:0;border-top:1px solid #3c4b60}.set-history>div{display:flex;align-items:center;gap:.8cqw;font-variant-numeric:tabular-nums}.set-history span{font-size:.9cqw;letter-spacing:.1em;color:#92a4bf}.set-history strong{font-size:1.75cqw;font-weight:650;color:#d9e4f7}.set-history .current strong{color:#f3d88c}.broadcast-message{--notice-accent: #9db6d4;width:100%;height:7.1cqw;min-height:7.1cqw;margin-top:.15cqw;padding:.6cqw 1cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35cqw;border:1px solid var(--notice-accent);border-top-width:.15cqw;border-radius:.65cqw;color:#e1e9f5;background:#0d1928;box-shadow:0 .25cqw .65cqw #0003;opacity:0;pointer-events:none}.broadcast-message:not(.visible){opacity:0}.broadcast-message.important{--notice-accent: #e2bd71;color:#f5d993;background:#1c2530}.broadcast-message strong{font-weight:700}.message-body{display:flex;align-items:center;justify-content:center;gap:1.1cqw;width:100%;min-height:0;flex:1}.message-copy{position:relative;min-width:0}.message-current{display:flex;flex-direction:column;justify-content:center;gap:.3cqw;min-width:0}.has-timer .message-copy{flex:1}.broadcast-message.match-point{--notice-accent: #f5d38b;background:#262a31}.timer-track{position:relative;width:100%;height:.7cqw;min-height:3px;margin-top:0;flex-shrink:0;overflow:hidden;border-radius:1cqw;background:#344259}.timer-track i{display:block;background:var(--timer-color, #54d5ce);transform-origin:left center;width:100%;height:100%;border-radius:inherit;will-change:transform}.broadcast-team>.team-highlight{position:absolute;top:.15cqw;left:var(--effect-left);width:calc(100% - var(--effect-left) - var(--effect-right));height:calc(100% - .3cqw);border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;overflow:visible}.team-highlight path{vector-effect:non-scaling-stroke;stroke-width:1px;stroke:#d2b77a;fill:#e4c07c06}.team-highlight.card-glow path{stroke:var(--sanction);stroke-width:2px;fill:color-mix(in srgb,var(--sanction) 7%,transparent)}.ball-point{background:#192636}.ball-point-frame{opacity:.75}.broadcast-team>.card-glow-full{inset:.15cqw var(--effect-right) .15cqw var(--effect-left);border-radius:.65cqw}.winner-sheen{position:absolute;top:.15cqw;left:var(--effect-left);width:calc(100% - var(--effect-left) - var(--effect-right));height:calc(100% - .3cqw);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 61.78%,67% 61.78%,67% 100%,0 100%);background:#d7ae5308;pointer-events:none}.away .winner-sheen{clip-path:polygon(0 0,100% 0,100% 100%,33% 100%,33% 61.78%,0 61.78%)}.winner-sheen:after{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 20%,#b282271a 38%,#ffe4a52e 50%,#d4a5491f 62%,transparent 80%);transform:translate(-110%)}.finish-celebration .winner-sheen:after{animation:gold-sweep 2.4s ease-in-out .15s both}@keyframes gold-sweep{to{transform:translate(110%)}}.point-updated{animation:point-feedback var(--motion-entrance) var(--motion-ease)}.no-broadcast{display:flex;justify-content:center;align-items:center;gap:18px;width:60vw;margin:24px auto;padding:24px;border-radius:12px;background:#111d2ef5;color:#e1eafa}.no-broadcast>span:last-child{color:#8ea4c0;font-size:12px}.compact{filter:none}.page>.overlay-board{width:100%;margin:24px 0}@keyframes point-feedback{0%{opacity:.72}to{opacity:1}}.competition-label{display:flex;align-items:center;gap:.7cqw;white-space:nowrap}.league-logo{width:5.4cqw;height:2.1cqw;object-fit:contain;background:#fff;border-radius:.2cqw;padding:.14cqw}.competition-group{padding-left:.7cqw;border-left:1px solid #4c6079;color:#dce6f4;font-size:.9cqw;font-weight:700;letter-spacing:.1em}.broadcast-connection{color:#f0c38b;font-size:.6cqw;letter-spacing:0;margin-top:.1cqw}.broadcast-team .team-logo{width:4.1cqw;height:4.1cqw}.timeout-dots>span{font-size:.9cqw;font-weight:650;letter-spacing:.12em;color:#b5c4d9;margin-right:.25cqw}.broadcast-message.visible{opacity:1}.message-label{width:100%;text-align:center}.message-label>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:1.65cqw;line-height:1.15;letter-spacing:.02em}.message-detail{font-size:1.3cqw;color:#e1e8f7;letter-spacing:.08em;font-weight:600}.broadcast-message .countdown-time{font-size:3.1cqw;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--timer-color, #54d5ce);flex-shrink:0;padding-left:1cqw;border-left:1px solid #8eabc54d}.broadcast-message.team-timeout{--timer-color: #54d5ce;--notice-accent: #54d5ce}.broadcast-message.set-interval{--timer-color: #b4a2ff;--notice-accent: #b4a2ff}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}@media(min-width:2200px){.overlay-board{margin-top:1.04vw}}@media(max-width:900px){.operator-top{padding:8px 12px;gap:12px;height:56px}.operator-top .wordmark{display:none}.match-panel{padding:14px}.match-heading{margin-bottom:12px}.score-controls{gap:12px}.control-team{padding:13px}.control-team-title{gap:8px;min-height:40px}.control-team-title>.team-logo{width:36px;height:36px}.control-cards{gap:4px;font-size:10px}.point-actions{grid-template-columns:38px 1fr 1.25fr;gap:10px;margin:14px 0}.point-actions .plus{height:90px;font-size:32px}.point-actions .minus{min-height:40px;height:40px;font-size:13px}.team-actions{gap:5px}.team-actions button{font-size:10px;padding:8px 4px;gap:4px}.team-actions img{width:14px}.phase-controls{margin-top:12px;padding:12px;gap:12px;min-height:74px}.phase-description{gap:14px}.phase-description>span{font-size:11px}.phase-controls .primary{font-size:12px}.operator-bottom{margin-top:18px}.page{padding:22px}.management-grid{gap:16px}.surface{padding:18px}.role-buttons button{width:340px}.list-card{flex-wrap:wrap}.preview-page .section-title h1{font-size:24px}}@media(max-height:540px)and (orientation:landscape){.operator-top{height:48px}.match-panel{padding:10px 14px}.match-heading{margin-bottom:9px}.match-heading small{font-size:9px}.control-team{padding:10px 12px}.control-team-title{min-height:34px}.control-team-title>.team-logo{width:30px;height:30px}.point-actions{margin:8px 0;grid-template-columns:38px 1fr 1.3fr}.point-actions .plus{height:76px}.operator-points{font-size:64px}.team-actions button{min-height:40px}.phase-controls{min-height:62px;padding:9px 12px;margin-top:9px}.phase-description>strong>span{font-size:23px}.latest-event{margin:7px 0}.operator-bottom{margin-top:12px}.mini-preview{width:170px}.login{padding:14px}.login form{display:grid;grid-template-columns:1fr 1fr;width:660px;padding:20px;gap:10px 24px}.login .brand-mark,.login .hint{display:none}.login .text-button{grid-column:1/3}.login .eyebrow,.login form h1{grid-column:1}.login form p{font-size:12px}.login .field{grid-column:2;grid-row:2/5}.login .primary{grid-column:2}.login .error-text{grid-column:1}.welcome{padding-top:26px}.welcome-brand{margin-bottom:22px}.welcome h1{font-size:40px}.welcome>p{font-size:14px}.role-buttons{margin-top:22px}.welcome footer{margin-top:30px}}@media(max-width:600px)and (orientation:portrait){.operator-top{gap:8px;flex-wrap:wrap;height:auto;min-height:66px}.save-status{flex:1;font-size:10px}.top-set{font-size:10px}.score-controls{grid-template-columns:1fr}.control-team-title h2{font-size:18px}.point-actions .plus{height:90px}.point-actions{grid-template-columns:45px 1fr 1.3fr}.operator-points{font-size:70px}.team-actions button{font-size:11px}.phase-controls{align-items:stretch;flex-direction:column}.phase-controls .actions{justify-content:flex-end}.management-grid{grid-template-columns:1fr}.page{padding:18px}.phase-description>span{font-size:12px}.operator-bottom{flex-direction:column}.mini-preview{width:100%}.latest-event{flex-wrap:wrap}.latest-event>span{flex-basis:100%;margin:8px 0}.welcome{padding:38px 24px}.welcome-brand{margin-bottom:45px}.role-buttons{flex-direction:column}.role-buttons button{width:100%}.welcome footer{margin-top:40px}.conflict-comparison{flex-direction:column;gap:6px}.confirm-dialog{padding:23px}.preview-page .section-title{align-items:flex-start;flex-direction:column}.history-row strong{font-size:13px}.diagnostics{font-size:12px}.no-broadcast{width:85vw}.overlay-board{width:96vw;margin-top:10px}}.table-scroll{max-width:100%;overflow:auto}.set-details{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:650px}.set-details caption{text-align:left;font-weight:700;font-size:18px;padding:18px 0}.set-details td,.set-details th{padding:12px;border-bottom:1px solid var(--line)}.set-details th{color:var(--muted);font-weight:500}.card-glow{position:absolute;inset:0;border:2px solid var(--sanction);border-radius:inherit;background:color-mix(in srgb,var(--sanction) 3%,transparent);box-shadow:inset 0 0 clamp(14px,.8vw,28px) var(--sanction);pointer-events:none;z-index:4;opacity:0;animation:card-illumination var(--motion-emphasis) ease-in-out}.card-glow-yellow{--sanction: #f1c64f}.card-glow-red{--sanction: #f46b76}@keyframes card-illumination{0%,to{opacity:0}30%{opacity:.28}55%{opacity:.24}}@keyframes drawer-enter{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dialog-enter{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.match-panel[data-phase=PLAYING] .phase-label{color:#9ee0c9;border-color:#386458}.match-panel[data-phase=INTERMISSION] .phase-label,.match-panel[data-phase=WAIT_NEXT_SET] .phase-label{color:#c2b6ff;border-color:#7264a5}.match-panel[data-phase=SET_END_ELIGIBLE] .phase-label,.match-panel[data-phase=MATCH_END_ELIGIBLE] .phase-label{color:#f0d18b;border-color:#927e4d}.match-panel[data-phase=INVALID_END] .phase-label{color:#ffadb1;border-color:#8b4c56}.match-panel[data-phase=INTERMISSION] .phase-controls,.match-panel[data-phase=WAIT_NEXT_SET] .phase-controls{border-left-color:#b4a2ff}.match-panel[data-phase=SET_END_ELIGIBLE] .phase-controls,.match-panel[data-phase=MATCH_END_ELIGIBLE] .phase-controls{border-left-color:var(--gold)}.danger-button{background:#a54050;border-color:#c26973;color:#fff}.danger-button:hover{background:#b95262}.close-match-button{color:#e0a5ac;background:transparent;border-color:#603b46}.close-match-button:hover{background:#35212c;border-color:#b56b78}.operator-top .connection{padding:7px 10px;border-radius:20px;background:#172a2a}.operator-top .connection.offline{background:#392c20}.operator-top .save-status{font-variant-numeric:tabular-nums}.field input,.field select{transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus{border-color:#8fcdfd;box-shadow:0 0 0 3px #6eb9fa18}.welcome.welcome-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:36px 24px;background:#0b111d}.welcome-minimal .welcome-brand{margin:0;gap:20px;font-size:32px}.welcome-minimal .brand-mark{width:76px;height:76px;font-size:48px;border-radius:19px}.welcome-minimal .role-buttons{display:grid;grid-template-columns:1fr 1fr;width:min(960px,100%);gap:24px;margin:0}.welcome-minimal .role-buttons button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:150px;padding:32px;border-radius:18px;background:#17263a;border-color:#405975;box-shadow:0 10px 30px #0003}.welcome-minimal .role-buttons button:hover{background:#223950;border-color:#8fcdfd;box-shadow:0 12px 35px #0004}.welcome-minimal .role-buttons button strong{font-size:24px}.welcome-minimal .role-buttons .role-icon{font-size:40px;line-height:1;color:#e7c47d}@media(max-width:650px){.welcome.welcome-minimal{gap:36px}.welcome-minimal .welcome-brand{font-size:26px;gap:14px}.welcome-minimal .role-buttons{grid-template-columns:1fr;max-width:430px;gap:18px}.welcome-minimal .role-buttons button{min-height:132px;padding:24px}.welcome-minimal .role-buttons button strong{font-size:21px}}@media(max-height:540px)and (orientation:landscape){.welcome.welcome-minimal{gap:28px;padding:24px}.welcome-minimal .brand-mark{width:56px;height:56px;font-size:36px}.welcome-minimal .welcome-brand{font-size:26px}.welcome-minimal .role-buttons button{min-height:120px;padding:22px}.welcome-minimal .role-buttons button strong{font-size:20px}.operator-top .connection{padding:5px 8px}.phase-label{padding:5px 8px;font-size:11px}}.control-team-title{height:68px;min-height:68px}@media(max-height:540px)and (orientation:landscape){.control-team-title{height:48px;min-height:48px}.control-team h2{font-size:13px}}@media(max-width:600px)and (orientation:portrait){.control-team-title{height:60px;min-height:60px}}.operator-top{height:54px;padding:8px 18px;gap:14px}.top-phase{margin-left:auto;font-size:12px;color:#cad7e9}.operator-messages{position:fixed;right:12px;top:60px;z-index:25;width:min(440px,calc(100vw - 24px));pointer-events:none}.operator-messages>*{pointer-events:auto;margin:0 0 8px;border-radius:12px;box-shadow:0 10px 28px #0006}.operator-messages details{padding:12px 16px;background:#24354b}.operator-messages summary{cursor:pointer;font-weight:700;font-size:13px}.operator-messages p{margin:10px 0 0;font-size:12px}.match-simple{max-width:1180px;margin:auto;padding:14px 20px 26px}.match-simple .match-heading{min-height:40px;margin-bottom:12px;display:flex;gap:16px;align-items:center}.operator-score-summary{display:flex;align-items:center;gap:9px}.operator-score-summary>span{font-size:12px;font-weight:750;letter-spacing:.1em}.operator-score-summary>strong{font-size:27px;font-variant-numeric:tabular-nums}.operator-score-summary>small{color:var(--muted)}.focus-toggle{margin-left:auto;font-size:12px}.match-simple .score-controls{gap:16px}.match-simple .control-team{padding:16px;border:1px solid #405269;border-color:color-mix(in srgb,var(--team-color) 65%,#c3d0df);border-radius:18px;background:#172332;background:color-mix(in srgb,var(--team-color) 24%,#172332);box-shadow:inset 5px 0 var(--team-color),0 8px 22px #00000020}.match-simple .control-team-title{height:64px;position:relative;padding-right:62px}.match-simple .control-team-title>.team-logo{width:46px;height:46px;font-size:15px}.match-simple .control-team-title h2{font-size:18px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0}.server-badge{position:absolute;right:0;font-size:11px;font-weight:700;color:#9de3ce;width:62px;text-align:right}.match-simple .point-actions{grid-template-columns:54px minmax(70px,1fr) minmax(100px,1.15fr);gap:18px;align-items:center;margin:12px 0}.match-simple .point-actions .minus{width:54px;height:56px;padding:6px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:22px;background:#121d2d;border-color:#465469}.point-actions .minus small{font-size:10px;font-weight:500;color:#b5c4da}.operator-number{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #ffffff18;min-width:0}.match-simple .operator-points{font-size:76px;line-height:1;margin:0;font-variant-numeric:tabular-nums}.operator-number>small{font-size:10px;height:14px;color:#9ac5b9;margin-top:4px}.operator-number.pending>small{color:#f1cb77}.operator-number.pending{border-left-color:#d4ac56}.match-simple .point-actions .plus{width:100%;min-height:110px;height:auto;display:flex;flex-direction:column;gap:4px;border:1px solid #b89e66;border-radius:14px;background:#e7c579;color:#172332;box-shadow:0 4px #8f7443;padding:12px}.match-simple .point-actions .plus b{font-size:46px;line-height:1}.match-simple .point-actions .plus small{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-simple .point-actions .plus:active{transform:translateY(2px);box-shadow:0 2px #8f7443}.match-simple .team-actions{display:grid;grid-template-columns:1.1fr 1.1fr .8fr .8fr;gap:7px}.match-simple .team-actions button{min-height:50px;font-size:12px;padding:6px 4px;display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.15}.match-simple .team-actions small{font-size:10px;font-weight:500}.match-simple .team-actions .mini-dots{display:inline-flex;gap:4px;margin:0}.team-help{height:24px;margin:7px 0 0;color:#c1cbd9;font-size:11px;line-height:1.1;overflow:hidden}.match-simple .phase-controls{min-height:76px;margin-top:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;background:#142031;border:1px solid #374b65;border-radius:14px}.match-simple .phase-description{flex:1;min-width:0}.match-simple .phase-description>strong{font-size:15px}.match-simple .phase-description>span{font-size:12px;color:#b8c8dc}.operator-countdown{font-size:32px;font-variant-numeric:tabular-nums;color:#83ded0}.next-action .actions{margin:0;flex-shrink:0}.match-toolbar{display:flex;align-items:stretch;gap:10px;margin:12px 0}.match-toolbar>button{min-height:48px;padding:8px 14px}.match-toolbar>button:first-child{display:flex;flex-direction:column;align-items:flex-start;flex:1}.match-toolbar small{font-size:10px;color:#b5c4d9;margin-top:3px}.match-toolbar .close-match-button{color:#d6a9ae;font-size:12px;border-color:transparent;background:transparent}.match-details{border-top:1px solid #34465d;padding-top:12px}.match-details>summary{font-size:12px;color:#b5c4d9;cursor:pointer;padding:6px}.match-details p{font-size:12px}.match-details .mini-preview{display:block;width:min(450px,100%);margin:14px 0;padding:4px}.match-details .mini-preview .overlay-board{width:100%;margin:0}.match-details .operator-set-history{margin-bottom:14px}.native-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);color:#edf4ff;overscroll-behavior:contain}.native-dialog::backdrop{background:#030a14c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.native-dialog .actions{position:sticky;bottom:-30px;padding:12px 0;background:#172338;z-index:1;flex-wrap:wrap}.native-dialog .actions button{min-height:46px}.native-dialog input{scroll-margin:20px;min-height:48px}.native-dialog h2{font-size:23px;line-height:1.2;margin-top:0}.result-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;background:#101b2b;border:1px solid #40546b;border-radius:12px;padding:15px;margin:18px 0}.result-summary>span{font-size:13px;overflow-wrap:anywhere}.result-summary strong{font-size:29px}.result-summary small{grid-column:1/-1;color:#adbed5}.quick-score-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-score-fields input{width:100%;font-size:30px;text-align:center}.score-change{text-align:center;padding:10px;font-variant-numeric:tabular-nums}.pending-operations{max-height:160px;overflow:auto;padding-left:22px;font-size:12px}.native-dialog.conflict-panel{padding:24px}.menu-dialog{width:min(390px,calc(100vw - 18px));height:100dvh;max-height:100dvh;margin:0;border-radius:0 18px 18px 0;padding:0;border-left:0}.menu-dialog>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-dialog .drawer{width:100%;height:100%;box-shadow:none}.menu-entry>button{width:100%;justify-content:space-between;background:transparent;border-color:transparent;text-align:left;padding:13px}.menu-entry>button.selected{background:#29394d;color:#f1cf82;border-color:#69704e}.menu-group{display:block;font-size:10px;letter-spacing:.12em;color:#91a6c3;margin:18px 12px 4px}.device-settings{display:flex;flex-direction:column;gap:12px}.check-field{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;min-height:40px}.check-field input{width:22px;height:22px;accent-color:#e7c579}.field-error{color:#ffb9b9;font-size:12px;line-height:1.3}.field-help{color:#a2b6cf;font-size:11px}.field [aria-invalid=true]{border-color:#ef9c9c}.logo-upload-preview{display:flex;gap:14px;align-items:center;font-size:12px}.logo-upload-preview img{width:74px;height:74px;object-fit:contain;background:#ffffff10;border-radius:12px}@media(max-width:600px){.operator-top{padding:8px 12px;gap:8px}.top-phase{font-size:10px;max-width:110px;text-align:right}.match-simple{padding:12px}.match-simple .score-controls{grid-template-columns:1fr}.match-simple .match-heading{gap:8px;flex-wrap:wrap}.match-simple .phase-label{font-size:10px}.match-simple .control-team-title{height:55px}.match-simple .phase-controls{flex-wrap:wrap}.match-simple .next-action .actions{width:100%}.match-simple .next-action .actions button{flex:1}.match-toolbar{flex-wrap:wrap}.match-toolbar>button:first-child{flex-basis:100%}.native-dialog{padding:20px}.native-dialog .actions{bottom:-20px}.native-dialog .actions button{flex:1}.result-summary{gap:8px;padding:12px}}@media(orientation:landscape)and (max-height:540px){.operator-top{height:44px;padding:5px 12px}.operator-messages{top:49px}.match-simple{padding:7px 12px}.match-simple .match-heading{min-height:27px;margin-bottom:6px}.operator-score-summary>strong{font-size:22px}.match-simple .score-controls{gap:10px}.match-simple .control-team{padding:8px 10px;border-radius:12px}.match-simple .control-team-title{height:42px;padding-right:53px}.match-simple .control-team-title h2{font-size:13px}.match-simple .control-team-title>.team-logo{width:32px;height:32px;font-size:11px}.server-badge{width:53px;font-size:10px}.match-simple .point-actions{grid-template-columns:46px minmax(56px,1fr) minmax(95px,1.15fr);gap:12px;margin:6px 0}.match-simple .point-actions .minus{width:46px;height:46px}.match-simple .operator-points{font-size:54px}.match-simple .point-actions .plus{min-height:76px;padding:6px}.match-simple .point-actions .plus b{font-size:35px}.match-simple .team-actions button{min-height:42px;font-size:10px}.match-simple .team-actions small{font-size:9px}.team-help{height:18px;font-size:10px;margin-top:5px}.match-simple .phase-controls{min-height:52px;margin-top:7px;padding:7px 11px;gap:10px}.match-simple .phase-description>strong{font-size:12px}.match-simple .phase-description>span{font-size:10px}.operator-countdown{font-size:26px}.match-simple .next-action button{min-height:38px;padding:7px 12px;font-size:12px}.match-toolbar{margin:7px 0;gap:8px}.match-toolbar>button{min-height:38px;padding:5px 9px;font-size:11px}.match-toolbar small{font-size:9px}}:root{--motion-quick: .24s;--motion-normal: .48s;--motion-entrance: .8s;--motion-emphasis: 1.8s;--motion-ease: cubic-bezier(.22, .61, .36, 1)}.overlay-board .point-updated{animation:none}.has-visual .timeout-dots i{transition:background-color var(--motion-normal) ease,border-color var(--motion-normal) ease}.has-visual .serve-indicator{transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}.card-added{animation:card-arrival var(--motion-entrance) var(--motion-ease)}.broadcast-message{position:relative;overflow:hidden;transition:border-color var(--motion-normal) ease,background-color var(--motion-normal) ease}.message-previous{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:.3cqw;animation:notice-leave var(--motion-quick) ease-out forwards;pointer-events:none}.message-previous>strong{font-size:1.65cqw;line-height:1.15}.message-previous>span{font-size:1.3cqw}.broadcast-message.yellow-notice{--notice-accent: #f1c64f;color:#ffe39a}.broadcast-message.red-notice{--notice-accent: #f46b76;color:#ffd0d5}.broadcast-message .countdown-time{transition:color var(--motion-normal) ease}.broadcast-message .countdown-time.urgent{color:#f4cc7c}.broadcast-message.set-point{--notice-accent: #d4b775}.broadcast-message.match-point{--notice-accent: #f6cf75;border-top-width:.2cqw;color:#ffe1a0;box-shadow:inset 0 0 1.2cqw #d6b66e12}.set-history{position:relative}.set-complete{animation:completed-set var(--motion-emphasis) ease-out;border-radius:.3cqw}.set-celebration .winner-frame{animation:set-winner-arrival 3s ease-in-out both}.finish-celebration .winner-frame{animation:winner-arrival 1.1s var(--motion-ease) both}.finish-celebration .trophy{animation:trophy-arrival var(--motion-entrance) var(--motion-ease) .18s both}.lab-controls{display:flex;flex-direction:column;gap:12px}.lab-controls .actions{flex-wrap:wrap}.lab-canvas{margin-top:24px;padding:12px;border-radius:14px;border:1px solid #43556c;background:#0b1422}.lab-canvas .overlay-board{width:100%;margin:0}@keyframes card-arrival{0%{opacity:0;transform:translateY(.15cqw)}to{opacity:1;transform:none}}@keyframes notice-leave{to{opacity:0;transform:translateY(-.12cqw)}}@keyframes completed-set{0%{opacity:.65}to{opacity:1}}@keyframes winner-arrival{0%{opacity:0}to{opacity:1}}@keyframes set-winner-arrival{0%,to{opacity:0}25%,75%{opacity:1}}@keyframes trophy-arrival{0%{opacity:0;transform:translateY(.15cqw)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.match-simple .point-actions .plus small{color:#2e3727}.correction-reminder{font-size:12px;padding:8px 12px;border-left:2px solid #e3c578;color:#d6dfeb}.operator-messages .notice{max-height:110px;overflow:auto}@media(orientation:landscape)and (max-height:540px){.match-simple .focus-toggle{min-height:28px;padding:4px 8px;font-size:10px}.match-simple .control-team-title{height:38px}.team-help{height:12px;margin-top:3px;font-size:9px}.match-simple .phase-controls{min-height:44px;padding:5px 10px}.match-simple .phase-description{gap:3px}}.focus-mode .next-action[data-idle=true]{display:none}.source-settings{margin-bottom:16px;font-size:13px}.source-settings>summary{cursor:pointer;font-weight:700}.source-settings .field{margin:14px 0}.source-settings input[readonly]{width:100%;font-size:12px}.animation-lab>h1{margin:4px 0 10px;font-size:26px}.animation-lab>p{margin:8px 0 14px;font-size:13px}.animation-lab .lab-canvas{position:sticky;top:60px;z-index:5;margin:12px 0 16px;box-shadow:0 7px 18px #0005}@media(orientation:landscape)and (max-height:540px){.animation-lab .lab-canvas{top:48px}}:root{--shirt-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 3 3 6 1 11 5 13 6.5 10.5V21h11V10.5L19 13l4-2-2-5-5-3c0 2-1.8 3-4 3s-4-1-4-3Z'/%3E%3C/svg%3E");--shirt-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23dbe7f8' stroke-opacity='.8' stroke-width='1.25' stroke-linejoin='round' d='M8 3 3 6 1 11 5 13 6.5 10.5V21h11V10.5L19 13l4-2-2-5-5-3c0 2-1.8 3-4 3s-4-1-4-3Z'/%3E%3C/svg%3E")}.pre-match-kit{margin:0 0 16px;padding:16px;border:1px solid #435e80}.kit-heading,.kit-home,.kit-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.kit-heading h2{margin:4px 0 0;font-size:19px}.kit-home{justify-content:flex-start;font-size:13px}.kit-home small{display:block;margin-top:3px;color:#b9c9de}.kit-preview{display:inline-block;width:26px;height:26px;flex-shrink:0;-webkit-mask:var(--shirt-mask) center / contain no-repeat;mask:var(--shirt-mask) center / contain no-repeat;filter:drop-shadow(0 0 .7px #ffffffbf);background-image:var(--shirt-outline);background-position:center;background-size:contain;background-repeat:no-repeat}.kit-guest-name{margin:14px 0 10px;font-weight:700}.kit-colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.kit-color{min-height:64px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid #40526a;font-size:11px}.kit-color[aria-pressed=true]{border-color:#a4d5ff;background:#253e59;box-shadow:inset 0 0 0 1px #a4d5ff}.kit-footer{margin-top:14px;flex-wrap:wrap}.kit-custom{display:flex;align-items:center;gap:12px;font-size:14px}.kit-custom input{width:64px;height:46px;padding:3px}.kit-footer>button{min-height:48px}@media(max-width:600px){.kit-heading{align-items:flex-start;flex-direction:column;gap:10px}.kit-heading h2{font-size:17px}.kit-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.kit-footer>button{width:100%}}.match-panel[data-phase=READY] .phase-controls{flex-wrap:wrap}.match-panel[data-phase=READY] .phase-description{flex-basis:100%}.match-panel[data-phase=READY] .next-action .actions{flex-shrink:1;width:100%}.match-panel[data-phase=READY] .next-action .actions button{flex:1;min-width:0;overflow-wrap:anywhere}.broadcast-top{grid-template-columns:1fr minmax(0,56cqw) 1fr}.broadcast-clocks{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2cqw;min-width:0;font-size:1cqw;letter-spacing:.01em;font-variant-numeric:tabular-nums}.match-start-clock{text-align:right}.match-duration{text-align:left}.broadcast-clocks b{color:#f3f7fc}.broadcast-message.match-start{--notice-accent: #8bc8ff}.set-duration{font-size:.9cqw;color:#b9c9de;white-space:nowrap;font-variant-numeric:tabular-nums}