@property --otie-x{syntax:"<angle>";inherits:false;initial-value:0deg}@property --otie-y{syntax:"<angle>";inherits:false;initial-value:0deg}@property --otie-z{syntax:"<angle>";inherits:false;initial-value:0deg}@property --otie-scale{syntax:"<number>";inherits:false;initial-value:1}.otie-acting{transition:none!important}.otie-move{animation:.48s ease-out otieMove}@keyframes otieMove{35%{--otie-x:-8deg;--otie-y:3deg}}.otie-capture{animation:.64s cubic-bezier(.3,.9,.25,1) otieCapture}@keyframes otieCapture{0%{--otie-scale:1;--otie-x:0deg}18%{--otie-scale:1.1;--otie-x:-11deg;color:#ff7847}34%{--otie-scale:.85;--otie-x:14deg}50%{--otie-scale:1.04;--otie-x:-3deg}66%{--otie-scale:.95;--otie-x:5deg;color:#ff7847}to{--otie-scale:1;--otie-x:0deg}}.otie-castle{animation:.9s cubic-bezier(.45,0,.2,1) otieCastle}@keyframes otieCastle{0%{--otie-y:0deg}50%{color:#4fa3ff}to{--otie-y:360deg}}.otie-check{animation:.65s ease-in-out otieCheck}@keyframes otieCheck{15%{--otie-z:10deg;color:#ffb020}35%{--otie-z:-10deg;color:#ffb020}55%{--otie-z:7deg;color:#ffb020}75%{--otie-z:-3deg}}.otie-promote{animation:.95s cubic-bezier(.34,1.56,.64,1) otiePromote}@keyframes otiePromote{0%{--otie-scale:1;--otie-x:0deg}20%{--otie-scale:.92}55%{--otie-scale:1.14;--otie-x:-10deg;color:#ffd24a}78%{color:#ffd24a}to{--otie-scale:1;--otie-x:0deg}}.otie-checkmate{animation:1s cubic-bezier(.2,.9,.25,1) otieCheckmate}@keyframes otieCheckmate{0%{--otie-x:0deg;--otie-z:0deg}22%{--otie-x:-20deg;color:#ff5d3a}40%{--otie-x:-20deg;--otie-z:0deg}to{--otie-x:0deg;--otie-z:360deg;color:#ffd24a}}.otie-victory{animation:1.6s ease-in-out otieVictory,1.6s step-end otieVictoryFlag}@keyframes otieVictory{0%{--otie-z:0deg}14%{--otie-z:17deg}28%{--otie-z:-17deg}42%{--otie-z:13deg}56%{--otie-z:-13deg}70%{--otie-z:9deg}84%{--otie-z:-5deg}to{--otie-z:0deg}}@keyframes otieVictoryFlag{0%,to{color:var(--brand-logo-accent,var(--accent))}16%{color:var(--text-main)}33%{color:var(--brand-logo-accent,var(--accent))}50%{color:var(--text-main)}66%{color:var(--brand-logo-accent,var(--accent))}83%{color:var(--text-main)}}.otie-victory .brand-logo-neutral,.otie-victory .mark-neutral{animation:1.6s step-end otieVictoryFlagNeutral}@keyframes otieVictoryFlagNeutral{0%,to{fill:var(--text-main)}16%{fill:var(--brand-logo-accent,var(--accent))}33%{fill:var(--text-main)}50%{fill:var(--brand-logo-accent,var(--accent))}66%{fill:var(--text-main)}83%{fill:var(--brand-logo-accent,var(--accent))}}.otie-defeat{animation:2.4s ease-in-out otieDefeat}@keyframes otieDefeat{22%{--otie-x:-34deg;--otie-z:-7deg;--otie-scale:.9;color:#8d8d94}68%{--otie-x:-34deg;--otie-z:-7deg;--otie-scale:.9;color:#8d8d94}}.otie-defeat .brand-logo-neutral,.otie-defeat .mark-neutral{animation:2.4s ease-in-out otieNeutralDrain}@keyframes otieNeutralDrain{22%{fill:#6e6e76}68%{fill:#6e6e76}}.otie-draw{animation:1.2s ease-in-out otieDraw}@keyframes otieDraw{22%{--otie-y:15deg}52%{--otie-y:-15deg}78%{--otie-y:6deg}}.otie-enpassant{animation:.82s ease-in-out otieEnPassant}@keyframes otieEnPassant{0%{--otie-y:0deg;--otie-z:0deg}20%{--otie-y:32deg}38%{--otie-y:27deg;--otie-z:-7deg;color:#ff7847}60%{--otie-y:-16deg;--otie-z:5deg}80%{--otie-y:7deg}to{--otie-y:0deg;--otie-z:0deg}}@media (prefers-reduced-motion:reduce){.otie-move,.otie-capture,.otie-castle,.otie-check,.otie-enpassant{animation:none}.otie-promote,.otie-checkmate,.otie-victory,.otie-draw{animation:.9s ease-in-out otieQuietPulse}.otie-defeat{animation:1.4s ease-in-out otieQuietDim}.otie-defeat .brand-logo-neutral,.otie-defeat .mark-neutral,.otie-victory .brand-logo-neutral,.otie-victory .mark-neutral{animation:none}}@keyframes otieQuietPulse{50%{color:#ffd24a}}@keyframes otieQuietDim{50%{color:#8d8d94}}@property --glow{syntax:"<number>";inherits:true;initial-value:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mono:"Space Mono", ui-monospace, SFMono-Regular, monospace;--accent:#8fbf5a;--accent-text:#8fbf5a;--panel-accent-text:#8fbf5a;--accent-glow:#8fbf5a66;--accent-faded:#8fbf5a1a;--accent-border:#8fbf5a59;--shadow-soft:#40562947;--shadow-medium:#4056296b;--shadow-deep:#4056299e;--bg-core:#0a0908;--bg-raised:#171612;--bg-gradient:radial-gradient(1200px 640px at 50% -12%, #17160f 0%, #0a0908 60%) fixed, #0a0908;--panel-solid:#181712;--panel-soft:#181712e6;--panel-bg:linear-gradient(180deg,#181712,#0f0e0b);--panel-border:#ffffff14;--text-main:#f2efe8;--text-muted:#aaa49a;--text-dim:#918a7e;--panel-text-main:#f2efe8;--panel-text-muted:#aaa49a;--panel-text-dim:#918a7e;--surface-soft:#161512;--surface-border:#ffffff24;--panel-surface-soft:#24231f;--panel-surface-hover:#2f2d28;--panel-surface-border:#ffffff29;--board-light:#e9e2cf;--board-dark:#7d9455;--board-highlight:#8fbf5a6b;--on-board-light:#000;--on-board-dark:#000;--on-accent:#11110e;--live-red:#d75448;font-family:Figtree,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;min-height:100%;margin:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;gap:16px;padding:22px 18px 60px;display:flex}::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-text)}input,button,select{font-family:inherit}button{cursor:pointer;transition:transform 60ms,filter .15s}button:active{transform:scale(.985)}button:hover{filter:brightness(1.12)}:where(button,input,select,a,[tabindex]):focus-visible,.broadcast-switch input:focus-visible+.broadcast-switch-track{outline:2px solid var(--accent);outline-offset:3px}.broadcast-preview-tag{color:var(--text-dim);font:700 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0 0 -6px}body.clean .broadcast-preview-tag{display:none}#broadcast-scene{aspect-ratio:16/9;background:radial-gradient(90% 130% at 16% 8%, var(--accent-faded), transparent 52%), radial-gradient(circle at 20% 20%, var(--bg-raised), var(--bg-core) 62%);width:min(100%,1600px);box-shadow:0 30px 100px var(--shadow-deep), inset 0 0 0 1px #ffffff0f;border-radius:22px;grid-template-rows:minmax(0,100%);display:grid;overflow:hidden;container-type:size}body:not(.clean) #broadcast-scene{width:min(100%,1240px,177.778vh - 533.333px);min-width:min(100%,640px)}#broadcast-physical-card{grid-area:cam}.broadcast-board-wrap{grid-area:board}.broadcast-sidebar{grid-area:side}#broadcast-face-card{grid-area:face;display:none}body.face-live #broadcast-face-card{display:grid}#broadcast-scene,.scene-board-physical #broadcast-scene{grid-template-columns:minmax(0,50%) minmax(0,27%) minmax(0,23%);grid-template-areas:"cam board side"}body.face-live.scene-board-physical #broadcast-scene,body.face-live:not([class*=scene-]) #broadcast-scene{grid-template-rows:minmax(0,56%) minmax(0,44%);grid-template-areas:"cam board side""cam face side"}.scene-board-focus #broadcast-scene{grid-template-columns:minmax(0,68%) minmax(0,32%);grid-template-areas:"cam side"}.scene-board-focus .broadcast-board-wrap{display:none}body.face-live.scene-board-focus #broadcast-scene{grid-template-rows:minmax(0,58%) minmax(0,42%);grid-template-areas:"cam side""cam face"}.scene-analysis-desk #broadcast-scene{grid-template-columns:minmax(0,46%) minmax(0,27%) minmax(0,27%);grid-template-areas:"board cam side"}.scene-analysis-desk #broadcast-physical-video{object-fit:cover}body.face-live.scene-analysis-desk #broadcast-scene{grid-template-rows:minmax(0,55%) minmax(0,45%);grid-template-areas:"board cam side""board face side"}.scene-full-frame #broadcast-scene{grid-template:"cam"minmax(0,76%)"side"minmax(0,24%)/minmax(0,1fr)}.scene-full-frame .broadcast-board-wrap{display:none}body.face-live.scene-full-frame #broadcast-scene{grid-template-columns:minmax(0,1fr) minmax(0,24%);grid-template-areas:"cam cam""side face"}.broadcast-board-wrap{place-items:center;min-width:0;padding:4%;display:grid}.broadcast-board-frame{aspect-ratio:1;width:min(100%,92cqh);min-width:0;min-height:0;position:relative}body.live-eval .broadcast-board-frame{width:min(100% - 2.8cqw,92cqh);margin-left:2.8cqw}.broadcast-board{width:100%;height:100%;box-shadow:0 1.4cqw 4.5cqw color-mix(in srgb, var(--shadow-medium) 80%, transparent), 0 0 0 1px color-mix(in srgb, var(--text-main) 40%, transparent);border-radius:1.4%;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.broadcast-evalbar{background:#1f1c17;border-radius:.5cqw;width:1.7cqw;position:absolute;top:0;bottom:0;left:-2.8cqw;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}#broadcast-evalbar-fill{background:#f2efe8;height:50%;transition:height .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0}.broadcast-evalbar.flipped #broadcast-evalbar-fill{top:0;bottom:auto}#broadcast-evalbar-text{color:#1f1c17;font:700 clamp(6px, .62cqw, 10px)/1 var(--mono);background:#f2efe8eb;border-radius:3px;padding:1px 2px;position:absolute;bottom:.5cqh;left:50%;transform:translate(-50%)}.broadcast-evalbar.flipped #broadcast-evalbar-text{top:.5cqh;bottom:auto}.broadcast-arrow{z-index:3;pointer-events:none;filter:drop-shadow(0 .15cqw .4cqw #00000073);width:100%;height:100%;position:absolute;inset:0}.broadcast-arrow line{stroke:var(--accent);opacity:.9}.broadcast-arrow line.arrow-back{stroke:#0000008c;opacity:1}.broadcast-arrow polygon{fill:var(--accent);opacity:.9}.broadcast-board:empty{background:conic-gradient(var(--board-light) 90deg, var(--board-dark) 0 180deg, var(--board-light) 0 270deg, var(--board-dark) 0) 0 0 / 25% 25%;opacity:.22}.broadcast-square{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.broadcast-square.light{background:var(--board-light)}.broadcast-square.dark{background:var(--board-dark)}.broadcast-square.last:after{content:"";background:var(--board-highlight);position:absolute;inset:0}.broadcast-piece{z-index:1;width:88%;height:88%;filter:drop-shadow(0 .12cqw .3cqw color-mix(in srgb, var(--text-main) 35%, transparent));position:relative}.broadcast-piece svg{width:100%;height:100%;display:block}.broadcast-coord{z-index:2;pointer-events:none;font:700 clamp(8px, .8cqw, 13px)/1 var(--mono);opacity:.9;position:absolute}.broadcast-coord.file{bottom:5%;right:7%}.broadcast-coord.rank{top:5%;left:7%}.broadcast-square.light .broadcast-coord{color:var(--on-board-light)}.broadcast-square.dark .broadcast-coord{color:var(--on-board-dark)}.broadcast-media{display:contents}.broadcast-video-card{min-height:0;color:var(--text-dim);background:radial-gradient(80% 90% at 30% 20%,#ffffff0b,#0000 60%),#00000052;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.broadcast-video-card video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s}.broadcast-video-main{z-index:1;position:absolute;inset:0}.broadcast-video-card .broadcast-video-blur{z-index:0;object-fit:cover;filter:blur(1.1cqw)brightness(.4)saturate(.85);position:absolute;inset:0;transform:scale(1.12)}#broadcast-face-video{object-fit:cover}.broadcast-video-card.media-live video{opacity:1}.broadcast-video-label{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eee9de;font:700 clamp(8px, .72cqw, 12px)/1.1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#0000009e;border-radius:999px;align-items:center;gap:.45em;padding:.35em .7em;display:inline-flex;position:absolute;bottom:1cqw;left:1cqw}.broadcast-video-label i{background:#ffffff59;border-radius:50%;width:.55em;height:.55em}.broadcast-video-card.media-live .broadcast-video-label i{background:var(--live-red);animation:1.4s step-end infinite broadcastBlink}.broadcast-video-state{z-index:2;text-align:center;color:var(--text-main);padding:6%;font-size:clamp(9px,.8cqw,13px);line-height:1.45;position:absolute}.broadcast-sidebar{--text-main:var(--panel-text-main);--text-muted:var(--panel-text-muted);--text-dim:var(--panel-text-dim);--accent-text:var(--panel-accent-text);--surface-soft:var(--panel-surface-soft);--surface-border:var(--panel-surface-border);border-left:1px solid var(--panel-border);background:var(--panel-bg);min-width:0;color:var(--text-main);flex-direction:column;gap:1.8cqh;padding:6% 7%;display:flex}.broadcast-brand{perspective:340px;perspective-origin:50%;align-items:center;gap:.55em;margin-bottom:2%;font-size:clamp(16px,2cqw,33px);display:flex}.broadcast-brand-mark{width:1.15em;height:1.15em;filter:drop-shadow(0 .1em .18em var(--shadow-medium));color:var(--accent);transform-origin:50%;transform:rotateX(var(--otie-x,0deg)) rotateY(var(--otie-y,0deg)) rotateZ(var(--otie-z,0deg)) scale(var(--otie-scale,1));flex:none}.broadcast-brand-mark .mark-neutral{fill:var(--text-main)}.broadcast-brand-mark .mark-accent{fill:currentColor}.broadcast-brand-word{letter-spacing:-.01em;white-space:nowrap;font-weight:800}.broadcast-brand-word>span{color:var(--accent-text)}.broadcast-live-chip{background:var(--live-red);color:#fff;font:700 .34em/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5em;margin-left:.4em;padding:.42em .8em;font-size:max(8px,.34em);display:inline-flex}.broadcast-live-chip i{background:#fff;border-radius:50%;width:.6em;height:.6em;animation:1.4s step-end infinite broadcastBlink}.broadcast-player{background:var(--surface-soft);border:1px solid var(--surface-border);border-radius:1.1cqw;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.18em 1em;padding:4.5% 6% 4.5% 7.5%;transition:border-color .25s,background .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}#broadcast-white{background:var(--board-light);border-color:#0000}#broadcast-white,#broadcast-white .broadcast-side,#broadcast-white time{color:var(--on-board-light)}#broadcast-black{background:var(--bg-core);border-color:#ffffff24}#broadcast-black,#broadcast-black .broadcast-side,#broadcast-black time{color:var(--text-main)}.broadcast-player:before{content:"";background:0 0;width:.38cqw;transition:background .25s;position:absolute;top:0;bottom:0;left:0}.broadcast-player.active:before{background:var(--accent)}.broadcast-player.active{box-shadow:0 0 1.6cqw var(--accent-faded), inset 0 0 0 1px var(--accent-border)}.broadcast-side{opacity:.72;font:700 clamp(8px, .72cqw, 12px)/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;grid-area:1/1}.broadcast-player strong{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1/auto/-1;min-width:0;font-size:clamp(12px,1.3cqw,22px);font-weight:700;overflow:hidden}.broadcast-player time{font:700 clamp(15px, 1.7cqw, 30px)/1 var(--mono);font-variant-numeric:tabular-nums;grid-area:1/2}.broadcast-player.urgent time{color:var(--live-red);animation:1s step-end infinite broadcastBlink}.broadcast-result{text-align:center;color:var(--text-main);background:var(--accent-faded);border:1px solid var(--accent-border);letter-spacing:.03em;border-radius:1cqw;padding:4% 5%;font-size:clamp(11px,1.05cqw,17px);font-weight:800}.broadcast-moves-head{color:var(--text-dim);font:700 clamp(8px, .78cqw, 12px)/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-top:2%}.broadcast-moves{min-height:0;font:clamp(10px, .95cqw, 15px)/1.5 var(--mono);flex:1;grid-template-columns:auto 1fr 1fr;align-content:start;gap:.35em .8em;display:grid;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 1.6em);mask-image:linear-gradient(#0000 0,#000 1.6em)}.broadcast-move-number{color:var(--text-dim)}.broadcast-move{text-overflow:ellipsis;white-space:nowrap;border-radius:.4em;min-width:0;overflow:hidden}.broadcast-move.latest{color:var(--accent-text);background:var(--accent-faded);box-shadow:0 0 0 .28em var(--accent-faded);font-weight:700}.broadcast-waiting{color:var(--text-muted);justify-items:start;gap:.9em;margin:auto 0;font-size:clamp(11px,1.1cqw,17px);line-height:1.55;display:grid;overflow:hidden}.broadcast-waiting-scan{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:34%;height:2px;box-shadow:0 0 10px var(--accent-glow);border-radius:999px;animation:2.6s ease-in-out infinite broadcastScan}.brand-hidden .broadcast-brand{visibility:hidden}.moves-hidden .broadcast-moves-head,.moves-hidden .broadcast-moves{display:none}.face-mirrored #broadcast-face-video{transform:scaleX(-1)}.scene-full-frame .broadcast-sidebar{border-left:0;border-top:1px solid var(--panel-border);flex-direction:row;align-items:center;gap:1.4cqw;padding:0 2.2cqw}.scene-full-frame .broadcast-brand{flex:none;margin:0;font-size:clamp(14px,1.7cqw,28px)}.scene-full-frame .broadcast-player{flex:0 21%;min-width:0;padding:1.4cqh 1cqw 1.4cqh 1.3cqw}.scene-full-frame .broadcast-player:before{width:.28cqw}.scene-full-frame .broadcast-moves-head{display:none}.scene-full-frame .broadcast-moves{flex-flow:row;flex:1 1 0;justify-content:flex-end;align-self:stretch;align-items:center;gap:.35em .9em;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4em);mask-image:linear-gradient(90deg,#0000 0,#000 4em)}.scene-full-frame .broadcast-moves>*{flex:none}.scene-full-frame .broadcast-result{flex:none;max-width:24%;padding:1.2cqh 1.2cqw}.scene-full-frame .broadcast-waiting{flex:1 1 0;min-width:0;margin:0}body.face-live.scene-full-frame #broadcast-face-card{border-left:1px solid var(--panel-border)}@keyframes broadcastBlink{50%{opacity:.25}}@keyframes broadcastScan{0%{opacity:0;transform:translate(-40%)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(210%)}}.broadcast-square.evt-pop .broadcast-piece{animation:.4s cubic-bezier(.2,.85,.3,1.2) bPop}@keyframes bPop{0%{transform:scale(.55)}to{transform:scale(1)}}.broadcast-square.evt-burst:before{content:"";z-index:1;border:.35cqw solid var(--accent);border-radius:50%;animation:.55s ease-out forwards bBurst;position:absolute;inset:8%}@keyframes bBurst{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.broadcast-square.evt-check:before,.broadcast-square.evt-mate:before{content:"";z-index:1;background:radial-gradient(circle,#d75448d9 0%,#d7544847 55%,#0000 75%);animation:.9s ease-out 2 bCheck;position:absolute;inset:0}.broadcast-square.evt-mate:before{background:radial-gradient(circle,#d75448e6 0%,#d7544866 45%,#0000 75%);animation:1.1s ease-in-out infinite bCheck}.broadcast-square.evt-check .broadcast-piece{animation:.9s ease-out 2 bPieceCheck}.broadcast-square.evt-mate .broadcast-piece{filter:drop-shadow(0 0 .9cqw var(--live-red,#d75448));animation:1.1s ease-in-out infinite bPieceCheck}@keyframes bPieceCheck{50%{filter:brightness(1.45)drop-shadow(0 0 .5cqw #d75448cc)}}@keyframes bCheck{0%,to{opacity:.35}50%{opacity:1}}.celebrate .broadcast-result{animation:.7s cubic-bezier(.2,.85,.3,1.15) both bResultIn}@keyframes bResultIn{0%{opacity:0;transform:translateY(-40%)scale(.85)}to{opacity:1;transform:none}}.celebrate .broadcast-board-frame:after{content:"";z-index:4;pointer-events:none;box-shadow:0 0 0 .25cqw var(--accent), 0 0 4cqw var(--accent-glow);border-radius:2%;animation:2.6s ease-out forwards bFrameGlow;position:absolute;inset:-1.2%}@keyframes bFrameGlow{0%{opacity:0}18%{opacity:1}to{opacity:0}}body.clean{background:var(--bg-core);place-items:center;gap:0;padding:0;display:grid;overflow:hidden}body.clean #broadcast-scene{aspect-ratio:16/9;width:min(100vw,177.778vh);height:min(100vh,56.25vw);box-shadow:none;border-radius:0}body.clean .broadcast-controls,body.clean .broadcast-guide,body.clean .broadcast-dual{display:none}.layout-vertical #broadcast-scene{aspect-ratio:9/16;grid-template:"cam board"minmax(0,62%)"side side"minmax(0,38%)/minmax(0,62%) minmax(0,38%);width:min(100%,900px)}body.layout-vertical:not(.clean) #broadcast-scene{width:min(100%,460px,56.25vh - 168.75px);min-width:min(100%,300px)}body.clean.layout-vertical #broadcast-scene{aspect-ratio:9/16;width:min(100vw,56.25vh);height:min(100vh,177.778vw)}.layout-vertical .broadcast-board-wrap{align-content:start;padding:4%}.layout-vertical .broadcast-board-frame{width:100%}body.live-eval.layout-vertical .broadcast-board-frame{width:calc(100% - 3.4cqw);margin-left:3.4cqw}.layout-vertical .broadcast-evalbar{width:2.2cqw;left:-3.4cqw}body.face-live.layout-vertical.scene-board-physical #broadcast-scene{grid-template-rows:minmax(0,26%) minmax(0,38%) minmax(0,36%);grid-template-areas:"cam board""cam face""side side"}.layout-vertical.scene-board-focus #broadcast-scene{grid-template:"cam"minmax(0,66%)"side"minmax(0,34%)/minmax(0,100%)}body.face-live.layout-vertical.scene-board-focus #broadcast-scene{grid-template-columns:minmax(0,56%) minmax(0,44%);grid-template-areas:"cam cam""side face"}.layout-vertical.scene-analysis-desk #broadcast-scene{grid-template:"board board"minmax(0,50%)"cam side"minmax(0,50%)/minmax(0,50%) minmax(0,50%)}.layout-vertical.scene-analysis-desk .broadcast-board-wrap{place-content:center;padding:3%;display:grid}.layout-vertical.scene-analysis-desk .broadcast-board-frame{justify-self:center;width:min(100%,44cqh)}body.face-live.layout-vertical.scene-analysis-desk #broadcast-scene{grid-template-rows:minmax(0,44%) minmax(0,28%) minmax(0,28%);grid-template-areas:"board board""cam side""face side"}body.face-live.layout-vertical.scene-analysis-desk .broadcast-board-frame{width:min(100%,38cqh)}.layout-vertical.scene-full-frame #broadcast-scene{grid-template:"cam"minmax(0,80%)"side"minmax(0,20%)/minmax(0,100%)}body.face-live.layout-vertical.scene-full-frame #broadcast-scene{grid-template-columns:minmax(0,58%) minmax(0,42%);grid-template-areas:"cam cam""side face"}.layout-vertical .broadcast-sidebar{border-left:0;border-top:1px solid var(--panel-border);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr 1fr;gap:3%;padding:5%;display:grid;position:relative}.layout-vertical.scene-full-frame .broadcast-sidebar{grid-template-rows:auto minmax(0,1fr);gap:3% 4%;padding:3% 4%}.layout-vertical.scene-full-frame .broadcast-moves,.layout-vertical.scene-full-frame .broadcast-moves-head,.layout-vertical.scene-full-frame .broadcast-waiting{display:none}.layout-vertical .broadcast-brand{grid-column:1/-1;margin:0;font-size:clamp(15px,3.6cqw,34px)}.layout-vertical .broadcast-player{border-radius:2cqw;padding:3% 4%}.layout-vertical .broadcast-side{font-size:clamp(8px,1.4cqw,13px)}.layout-vertical .broadcast-player strong{font-size:clamp(12px,2.6cqw,24px)}.layout-vertical .broadcast-player time{font-size:clamp(15px,3.8cqw,34px)}.layout-vertical .broadcast-result{border-radius:1.8cqw;max-width:52%;font-size:clamp(10px,1.9cqw,16px);position:absolute;top:5%;right:5%}.layout-vertical .broadcast-moves-head{display:none}.layout-vertical .broadcast-moves{grid-area:3/1/auto/-1;font-size:clamp(9px,1.7cqw,15px)}.layout-vertical .broadcast-waiting{grid-area:3/1/auto/-1;margin:auto 0;font-size:clamp(10px,2cqw,16px)}.layout-vertical .broadcast-video-label{font-size:clamp(7px,1.3cqw,12px)}.layout-vertical .broadcast-video-state{font-size:clamp(8px,1.5cqw,13px)}.layout-vertical .broadcast-coord{font-size:clamp(6px,1.2cqw,11px)}.layout-both #broadcast-scene{display:none}.broadcast-controls,.broadcast-guide,.broadcast-dual{--text-main:var(--panel-text-main);--text-muted:var(--panel-text-muted);--text-dim:var(--panel-text-dim);--accent-text:var(--panel-accent-text);--surface-soft:var(--panel-surface-soft);--surface-border:var(--panel-surface-border);border:1px solid var(--panel-border);background:var(--panel-bg);width:min(100%,1240px);color:var(--text-main);box-shadow:0 18px 40px -16px var(--shadow-medium);border-radius:18px;padding:20px 22px}.broadcast-kicker{color:var(--accent-text);font:700 11px/1.2 var(--mono);letter-spacing:.22em;text-transform:uppercase}.broadcast-controls-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.broadcast-controls-title{gap:5px;min-width:0;display:grid}.broadcast-status{color:var(--text-muted);font-size:13px;line-height:1.4}.broadcast-return{border:1px solid var(--surface-border);background:var(--surface-soft);color:var(--text-main);border-radius:999px;flex:none;padding:9px 14px;font-size:12.5px;font-weight:600;transition:border-color .18s,background .18s}.broadcast-return:hover{border-color:var(--accent-border);background:var(--panel-surface-hover);color:var(--text-main)}.broadcast-control-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.broadcast-control-group{border:1px solid var(--panel-border);background:#ffffff05;border-radius:14px;flex-direction:column;align-items:stretch;gap:11px;padding:14px 15px 15px;display:flex}.broadcast-group-label{color:var(--text-dim);font:700 10.5px/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase}.broadcast-hint{color:var(--text-dim);margin:-4px 0 0;font-size:11.5px;line-height:1.45}.broadcast-field{color:var(--text-muted);gap:6px;font-size:12.5px;display:grid}.broadcast-controls select,#broadcast-face-device{border:1px solid var(--surface-border);background:var(--surface-soft);width:100%;color:var(--text-main);appearance:none;border-radius:12px;padding:10px 12px;font-size:13.5px}.broadcast-relay-links{gap:10px;display:grid}.broadcast-relay-links input{border:1px solid var(--surface-border);background:var(--surface-soft);width:100%;color:var(--text-main);font:400 11.5px/1.3 var(--mono);text-overflow:ellipsis;border-radius:12px;padding:9px 11px}.broadcast-primary{--pointer-x:50%;--pointer-y:50%;--glow:0;background-color:var(--accent);background-image:radial-gradient(circle 100px at var(--pointer-x) var(--pointer-y), color-mix(in srgb, #fff calc(15% * var(--glow)), transparent), transparent);color:var(--on-accent);cursor:pointer;box-shadow:0 10px 30px -10px var(--accent);border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;transition:--glow .3s,filter .15s,transform 60ms}.broadcast-primary:hover{--glow:1;filter:brightness(1.15)}.broadcast-secondary{--pointer-x:50%;--pointer-y:50%;--glow:0;border:1px solid var(--surface-border);background-color:var(--surface-soft);background-image:radial-gradient(circle 80px at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--surface-glow-tint,var(--text-main)) calc(12% * var(--glow)), transparent), transparent);color:var(--text-main);cursor:pointer;border-radius:12px;padding:11px 14px;font-size:13.5px;font-weight:600;transition:--glow .3s,border-color .18s,background-color .18s,transform 60ms}.broadcast-secondary:hover{--glow:1;border-color:var(--accent-border);background-color:var(--panel-surface-hover)}.broadcast-switch{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.broadcast-switch input{opacity:0;pointer-events:none;position:absolute}.broadcast-switch-track{background:#ffffff1a;border-radius:12px;flex:none;align-items:center;width:40px;height:24px;padding:2px;transition:background .2s;display:flex}.broadcast-switch-knob{width:20px;height:20px;box-shadow:0 2px 5px var(--shadow-soft);background:#f2efe8;border-radius:50%;transition:transform .2s cubic-bezier(.2,.7,.2,1);display:block}.broadcast-switch input:checked+.broadcast-switch-track{background:var(--accent)}.broadcast-switch input:checked+.broadcast-switch-track .broadcast-switch-knob{transform:translate(16px)}.broadcast-switch:hover .broadcast-switch-track{filter:brightness(1.12)}.broadcast-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.broadcast-preset{--pointer-x:50%;--pointer-y:50%;--glow:0;text-align:left;border:1px solid var(--surface-border);background-color:var(--surface-soft);background-image:radial-gradient(circle 90px at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--surface-glow-tint,var(--text-main)) calc(10% * var(--glow)), transparent), transparent);color:var(--text-muted);cursor:pointer;border-radius:12px;align-content:start;gap:3px;padding:9px;transition:--glow .3s,border-color .18s,background-color .18s,box-shadow .18s,transform 60ms;display:grid}.broadcast-preset:hover{--glow:1;border-color:var(--accent-border)}.broadcast-preset[aria-pressed=true]{border-color:var(--accent);background-color:var(--accent-faded);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--accent-border)}.pc-name{font-size:12.5px;font-weight:700}.pc-sub{color:var(--text-dim);font-size:10.5px;line-height:1.35}#broadcast-status{flex-wrap:wrap;gap:6px;display:flex}.status-chip{border:1px solid var(--surface-border);background:var(--surface-soft);color:var(--text-muted);font:600 11px/1.3 var(--mono);letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-chip i{opacity:.45;background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-chip.is-live{color:var(--accent-text);border-color:var(--accent-border);background:var(--accent-faded)}.status-chip.is-live i{background:var(--accent);opacity:1}.status-chip.is-wait i{opacity:1;background:#d9a441;animation:1.4s step-end infinite broadcastBlink}.broadcast-alttab{border:1px solid var(--accent-border);background:var(--accent-faded);border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.alttab-check{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.alttab-steps{min-width:0;color:var(--text-muted);gap:3px;font-size:12.5px;line-height:1.55;display:grid}.alttab-steps strong{color:var(--text-main);font-size:13px}.alttab-steps em{color:var(--text-main);font-style:normal;font-weight:600}.broadcast-alttab kbd{border:1px solid var(--surface-border);background:var(--surface-soft);color:var(--text-main);font:700 11px/1.6 var(--mono);border-bottom-width:2px;border-radius:6px;padding:1px 7px;display:inline-block}#broadcast-alttab-dismiss{flex:none;margin-left:auto}@media (width<=849px),(pointer:coarse){.broadcast-alttab{display:none!important}}.broadcast-guide-head{gap:5px;margin-bottom:16px;display:grid}.broadcast-guide-head h2{margin:0;font-size:19px;line-height:1.2}.broadcast-steps{counter-reset:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;padding:0;list-style:none;display:grid}.broadcast-steps li{border:1px solid var(--panel-border);background:#ffffff05;border-radius:14px;align-items:flex-start;gap:13px;padding:14px 15px;display:flex}.broadcast-step-num{border:1px solid var(--accent-border);background:var(--accent-faded);width:30px;height:30px;color:var(--accent-text);font:700 13px/1 var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.broadcast-steps strong{color:var(--text-main);margin-bottom:4px;font-size:13.5px;display:block}.broadcast-steps p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.55}.broadcast-steps em,.broadcast-guide-note em{color:var(--text-main);font-style:normal;font-weight:600}.broadcast-res-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:inline-flex}.broadcast-res-chips code{border:1px solid var(--surface-border);background:var(--surface-soft);color:var(--text-main);font:600 11px/1.4 var(--mono);white-space:nowrap;border-radius:999px;padding:3px 8px}.broadcast-guide-note{border-left:3px solid var(--accent);background:var(--surface-soft);color:var(--text-muted);border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.broadcast-guide-note+.broadcast-guide-note{margin-top:8px}.broadcast-dual{grid-template-columns:16fr 9fr;align-items:start;gap:14px;display:grid}.broadcast-output-card{border:1px solid var(--panel-border);background:#ffffff05;border-radius:14px;gap:8px;min-width:0;padding:14px 15px;display:grid}.broadcast-output-card strong{font-size:13.5px}.broadcast-output-card code{overflow-wrap:anywhere;color:var(--text-dim);font:11px/1.5 var(--mono)}.broadcast-output-card a{color:var(--accent-text);font-size:13px;font-weight:600}.broadcast-output-shape{aspect-ratio:16/9;border:1px solid var(--surface-border);background:radial-gradient(80% 120% at 20% 12%, var(--accent-faded), transparent 55%), radial-gradient(circle at 30% 30%, var(--bg-raised), var(--bg-core) 60%);border-radius:10px;width:100%}.broadcast-output-shape.vertical{aspect-ratio:9/16;justify-self:center;max-height:190px}.broadcast-dual>.broadcast-primary{place-self:start}.broadcast-dual>p{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.55}@media (width>=700px) and (height>=700px) and (width<=849px){body:not(.clean){padding:14px 14px 48px}body:not(.clean):not(.layout-vertical) #broadcast-scene{aspect-ratio:16/9;width:100%;height:auto}body.layout-vertical:not(.clean) #broadcast-scene{aspect-ratio:9/16;width:min(100%,420px);height:auto}}@media (width<=900px){.broadcast-control-groups,.broadcast-steps,.broadcast-dual{grid-template-columns:1fr}}@media (width<=720px){body{padding:14px 12px 48px}.broadcast-controls-head{flex-direction:column;align-items:flex-start}.broadcast-controls,.broadcast-guide,.broadcast-dual{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#broadcast-fs-hint{color:#ffffffd9;letter-spacing:.2px;pointer-events:none;z-index:50;background:#0000008c;border-radius:999px;padding:6px 14px;font:12px/1.4 Space Mono,monospace;transition:opacity 1.2s;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#broadcast-fs-hint.dim{opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 0s 1.2s}