*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05080e;color:#eeeae2;font-family:Arial,sans-serif}body{overflow-x:hidden}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer;border:1px solid #ffffff26;background:#141c28b8;border-radius:10px;padding:13px 18px;min-height:46px;touch-action:manipulation}button:hover{background:#253044}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #eac98e;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#sky,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,#05080eaa,transparent 85%)}header{position:relative;padding:30px 4vw;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{display:flex;gap:13px;font-size:28px;color:#eac98e}.brand span{font-size:12px;letter-spacing:3px;line-height:1.8;color:#eae5db}.brand small{display:block;font-size:9px;color:#9ba9bd;letter-spacing:2.6px}main{position:relative;width:640px;max-width:100%;padding:30px 0 45px;margin-left:7vw;z-index:2}.eyebrow{font-size:10px;letter-spacing:3px;color:#d6b879}h1{font-weight:400;font-family:Georgia,serif;font-size:clamp(54px,7vw,90px);line-height:1.02;letter-spacing:-3px;margin:22px 0}.intro{max-width:470px;color:#a9b4c3;font-size:15px;line-height:1.8}.panel{margin-top:28px;padding:22px;background:#0b111be8;border:1px solid #ffffff18;border-radius:18px;backdrop-filter:blur(20px)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modes button{text-align:left;padding:14px 12px;font-size:14px}.modes small{display:block;color:#91a0b4;font-size:10px;margin-top:7px}.modes button[aria-pressed=true]{border-color:#c5a66c;background:#d0b27318;color:#f6dca4}.hint{font-size:11px;line-height:1.6;color:#91a0b4;margin:16px 0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.options label{font-size:11px;color:#aeb6c5}select{width:100%;margin-top:9px;background:#141c29;border:1px solid #ffffff20;padding:12px 8px;border-radius:8px;font-size:12px;min-height:44px}.checks{display:flex;gap:20px;font-size:12px;color:#aeb6c5;margin:20px 0}.checks label{display:flex;align-items:center;min-height:35px;gap:7px}input[type=checkbox]{accent-color:#d9b77c;width:17px;height:17px}.primary{width:100%;background:#e7ca92;color:#181a20;font-weight:600;border:0;display:flex;justify-content:space-between}.primary:hover{background:#f8dcaa}.caption{font-size:10px;line-height:1.9;color:#7a879b;margin:20px 5px}.file{display:block;margin-top:18px;font-size:12px}.file input{display:block;margin:10px 0;max-width:100%}#filename{font-size:11px;color:#aab6c8;overflow-wrap:anywhere}.watch-top{position:fixed;top:105px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a4aebe;pointer-events:none}.controls{position:fixed;bottom:max(45px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap;z-index:4}.controls button{backdrop-filter:blur(15px);font-size:12px}.watch-hint{position:fixed;bottom:17px;width:100%;text-align:center;font-size:10px;color:#8b96a7;pointer-events:none}.immersed header,.immersed .watch-top,.immersed .controls,.immersed .watch-hint{opacity:0;pointer-events:none}.watching{overflow:hidden}.watching .vignette{opacity:0}@media(max-width:700px){header{padding:20px}main{margin:0;padding:25px 20px 35px;width:100%}h1{font-size:62px}.panel{padding:15px}.options{gap:8px}.options select{font-size:11px;padding:10px 4px}.modes button{font-size:12px;padding:12px 8px}.modes small{font-size:9px}.controls{gap:5px;width:calc(100% - 24px);justify-content:center}.controls button{padding:12px 10px;font-size:11px}.intro{max-width:350px}.checks{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#telemetry{position:fixed;z-index:3;left:max(18px,env(safe-area-inset-left));top:140px;width:214px;max-height:calc(100dvh - 240px);overflow:auto;padding:16px;background:linear-gradient(110deg,#071019e8,#071019a8);border-left:2px solid #99e8df88;border-radius:2px 12px 12px 2px;backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;color:#e4f5f2;scrollbar-width:thin;pointer-events:auto}.tele-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#a8c6c6}.tele-heading i{width:5px;height:5px;border-radius:50%;background:#9fe7d8;box-shadow:0 0 8px #9fe7d8}.tele-clock{margin-top:14px;display:flex;align-items:baseline;gap:10px}.tele-clock strong{font-size:31px;font-weight:300;letter-spacing:-1px}.tele-clock span{font-size:7px;letter-spacing:1px;color:#91a9ad}.tele-progress,.tele-bar{height:2px;background:#ffffff12;margin:8px 0}.tele-progress div,.tele-bar i{display:block;height:100%;background:#b2eee3;transition:width .25s}.tele-totals{display:flex;gap:28px;padding:8px 0 12px;border-bottom:1px solid #ffffff16}.tele-totals strong{display:block;font-size:23px;font-weight:300}.tele-totals span{font-size:7px;letter-spacing:1px;color:#91a9ad}.tele-row{padding-top:10px}.tele-row>div:first-child{display:flex;justify-content:space-between;align-items:center}.tele-row span{text-transform:uppercase;font-size:9px;letter-spacing:1px}.tele-row b{font-size:16px;font-weight:400}.tele-bar{margin:4px 0}.tele-row small{font-size:7px;letter-spacing:.2px;color:#a6babe}.tele-latest{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff16}.tele-latest>span{display:block;font-size:8px;letter-spacing:1px;color:#accac9}.tele-latest strong{display:block;font-size:24px;font-weight:300;margin:6px 0}.plume-gauge{height:10px;max-width:100%;background:linear-gradient(90deg,#8de0d133,#c4fff3);border-radius:0 8px 8px 0;transition:width .2s}.tele-latest small,.tele-note{font-size:7px;line-height:1.6;color:#8da6ad}.tele-note{margin-bottom:0}#statsToggle[aria-pressed=true]{border-color:#a1e4d8;color:#bcf4e8}@media(max-width:700px){#telemetry{left:10px;top:132px;width:174px;padding:11px;max-height:calc(100dvh - 225px)}.tele-row{padding-top:7px}.tele-row small{font-size:6.5px}.tele-clock strong{font-size:27px}.controls button{padding:11px 7px;font-size:10px}.tele-totals{gap:22px}.tele-latest{margin-top:10px}}@media(max-height:550px){#telemetry{top:70px;max-height:calc(100dvh - 155px)}}@media(prefers-reduced-motion:reduce){.tele-progress div,.tele-bar i,.plume-gauge{transition:none}}

/* Floating instrument overlay: no card, no frosted panel. */
#telemetry{background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;width:208px;padding:0 8px;top:132px;max-height:calc(100dvh - 225px);text-shadow:0 1px 5px #000,0 0 15px #000;scrollbar-width:none;pointer-events:none;overflow:auto}.tele-heading{font-size:7px;letter-spacing:2px;color:#cfdfdf}.tele-clock{justify-content:center;margin-top:12px;flex-wrap:wrap;gap:4px}.tele-clock strong{font-size:38px;width:100%;text-align:center;font-weight:200}.tele-clock span{font-size:7px}.tele-progress{margin:9px 22px;height:1px;background:#ffffff35}.tele-progress div{background:#fff}.tele-totals{justify-content:center;gap:25px;border:0;padding-bottom:6px;text-align:center}.tele-totals strong{font-size:21px}.tele-totals span{font-size:6px}#teleRows{display:grid;grid-template-columns:1fr 1fr;gap:9px 8px}.tele-row{padding:0;text-align:center;min-width:0}.tele-row>div:first-child{display:block}.dial{position:relative;width:100%;height:73px}.dial svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 3px #000)}.dial-track,.dial-value{fill:none;stroke-width:2;stroke-linecap:round}.dial-track{stroke:#ffffff38}.dial-value{stroke:#bff9ee;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .35s}.dial-ticks{fill:none;stroke:#ffffff80;stroke-width:1}.tele-row .dial b{position:absolute;top:24px;left:0;width:100%;font-size:23px;font-weight:300}.tele-row .dial span{position:absolute;bottom:1px;left:-4px;width:calc(100% + 8px);font-size:6px;letter-spacing:.5px}.tele-row small{display:block;font-size:6px;line-height:1.8;color:#d2dddd;margin-top:2px}.tele-latest{border:0;text-align:center;margin-top:14px;padding-top:0}.tele-latest strong{font-size:27px}.plume-gauge{margin:0 auto;height:3px;background:#c4fff3;box-shadow:0 0 7px #aef0dc66}.tele-note{text-align:center;font-size:6px;color:#b2c1c8}.tele-latest small{font-size:6px}@media(max-width:700px){#telemetry{width:166px;left:7px;top:126px;padding:0 4px}.dial{height:62px}.tele-row .dial b{top:20px;font-size:19px}.tele-row .dial span{font-size:5.5px}.tele-row small{font-size:5.5px}.tele-clock strong{font-size:31px}#teleRows{gap:8px 6px}.tele-totals{gap:20px}}@media(max-height:550px){#telemetry{top:65px;width:155px;max-height:calc(100dvh - 145px);pointer-events:auto}.tele-clock strong{font-size:24px}.dial{height:53px}.tele-row .dial b{top:16px;font-size:18px}.tele-latest,.tele-note{display:none}}@media(prefers-reduced-motion:reduce){.dial-value{transition:none}}

#telemetry{pointer-events:auto}.tele-row small{font-size:7px}.tele-note{font-size:7px}@media(max-width:700px){#telemetry{width:182px}.tele-row small{font-size:6.5px}.tele-row .dial span{font-size:6px}}

#endSummary{margin-top:18px;border-top:1px solid #ffffff40;padding-top:10px}#endSummary h2{font-size:10px;letter-spacing:2px;font-weight:400}#summaryFacts>div{padding:7px 0}#summaryFacts span{display:block;font-size:7px;letter-spacing:.6px;color:#b6c9ce}#summaryFacts b{display:block;font-size:12px;font-weight:400;margin-top:4px}#summaryState{font-size:10px;line-height:1.5;color:#bff9ee}#endSummary small{font-size:8px;line-height:1.5;display:block;color:#a9bcc4}#returnHome{width:100%;margin-top:12px;font-size:12px;min-height:44px}#telemetry:has(#endSummary:not([hidden])){max-height:calc(100dvh - 190px);scrollbar-width:thin;pointer-events:auto}#telemetry:has(#endSummary:not([hidden])) .tele-latest{display:none}#telemetry:has(#endSummary:not([hidden])) .tele-clock strong{font-size:25px}

.controls{flex-wrap:wrap;width:min(620px,calc(100% - 24px));justify-content:center}.camera-controls{flex-basis:100%;display:flex;justify-content:center;align-items:center;gap:8px}.camera-controls label{display:flex;align-items:center;gap:7px;font-size:11px;padding:8px 10px;background:#071019bb;border-radius:10px}.camera-controls input{width:95px;min-height:28px;accent-color:#bff9ee;touch-action:pan-x}.camera-controls output{min-width:28px}.camera-controls button[aria-pressed=true]{border-color:#a1e4d8;color:#bcf4e8}#telemetry{max-height:calc(100dvh - 285px)}#telemetry:has(#endSummary:not([hidden])){max-height:calc(100dvh - 255px)}@media(max-width:700px){.camera-controls{gap:5px}.camera-controls label{font-size:10px;padding:6px;gap:4px}.camera-controls input{width:70px}.camera-controls button{padding:10px 8px}}@media(max-height:550px){#telemetry,#telemetry:has(#endSummary:not([hidden])){max-height:calc(100dvh - 210px)}}

.camera-controls{flex-wrap:wrap}.camera-controls label{white-space:nowrap}#droneHud{position:fixed;inset:0;pointer-events:none;z-index:2;font-family:monospace;color:#d4f4e8;text-shadow:0 1px 4px #000}#droneHud>span{position:absolute;top:145px;right:20px;font-size:9px;letter-spacing:1px}#droneReadout{position:absolute;right:20px;top:165px;font-size:11px;font-weight:400}#droneHud i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-style:normal;opacity:.45}@media(max-width:700px){.camera-controls{gap:4px}.camera-controls button{font-size:9px;padding:9px 7px}.camera-controls label{flex-basis:65%;justify-content:center}#droneHud>span{top:104px;font-size:7px}#droneReadout{top:120px;font-size:9px}#telemetry{max-height:calc(100dvh - 325px)}}

#droneHud>span{top:130px;right:20px;font-size:8px}#droneReadout{top:153px;right:20px;width:175px;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:300}.flight-compass{font-size:11px;letter-spacing:1px;border-top:1px solid #c9eedd80;padding-top:8px}.flight-compass span{display:block;font-size:9px;color:#9ebcb6;margin-top:5px}.flight-values{display:flex;justify-content:space-between;margin-top:22px}.flight-values small{font-size:7px;letter-spacing:1px}.flight-values b{display:block;font-size:27px;font-weight:300;margin-top:5px}.flight-values em{font-size:9px;margin-left:3px;font-style:normal}.attitude{position:relative;height:90px;width:115px;overflow:hidden;margin:20px auto;border-left:1px solid #d9fff54d;border-right:1px solid #d9fff54d;border-radius:50%}.attitude-line{position:absolute;top:45px;left:-15px;width:145px;border-top:1px solid #c9ffef;box-shadow:0 -15px 0 #c9ffef55,0 15px 0 #c9ffef55}.attitude span{position:absolute;top:36px;width:100%;text-align:center;color:#ffe4a9}.flight-detail{font-size:9px;line-height:2;letter-spacing:.6px}.flight-mode{font-size:8px;letter-spacing:1.5px;margin-top:16px;color:#c8fbe7}@media(max-width:700px){#droneHud>span{right:10px;top:95px;font-size:6px}#droneReadout{right:10px;top:113px;width:130px}.flight-values b{font-size:22px}.flight-values{margin-top:15px}.flight-values small{font-size:6px}.attitude{height:75px;margin:12px auto}.flight-detail{font-size:8px}}@media(max-height:550px){#droneReadout{top:100px}.attitude{height:55px;margin:8px auto}.flight-values{margin-top:8px}.flight-detail{line-height:1.5}}

.flight-rail{position:absolute;right:20px;top:153px;width:175px;max-height:calc(100dvh - 300px);overflow-y:auto;scrollbar-width:none;pointer-events:auto}#droneReadout{position:static;display:block;width:100%}.radar-overlay{margin-top:20px}.radar-label{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.radar-label span{color:#9ebcb6}#droneRadar{display:block;width:100%;height:auto}.radar-overlay small{font-size:6px;line-height:1.7;color:#a6c8bd;display:block;margin-top:5px}#radarStatus{font-size:8px;color:#d9f7e9;letter-spacing:.4px}@media(max-width:700px){.flight-rail{right:10px;top:113px;width:130px;max-height:calc(100dvh - 295px)}#droneReadout{position:static;width:100%}.radar-overlay{margin-top:13px}.radar-label,#radarStatus{font-size:7px}}@media(max-height:550px){.flight-rail{top:100px;max-height:calc(100dvh - 255px)}}
.flight-rail{display:flex;flex-direction:column}.radar-overlay{order:-1;margin:0 0 18px}

/* Compact, context-aware instrument dock. */
.controls{width:min(680px,calc(100% - 24px));display:flex;flex-direction:column;gap:0;padding:8px 12px;border:1px solid #ffffff20;border-radius:18px;background:#0a1019d9;backdrop-filter:blur(20px);bottom:max(38px,env(safe-area-inset-bottom));box-shadow:0 10px 35px #0005}.camera-controls{display:flex;flex-wrap:nowrap;flex-basis:auto;gap:10px;justify-content:center;padding-bottom:7px;border-bottom:1px solid #ffffff12}.dock-label{font-size:8px;letter-spacing:1.5px;color:#91a9ad}.view-segments{display:flex;padding:3px;background:#ffffff06;border-radius:10px}.controls button{background:transparent;border:1px solid transparent;box-shadow:none;backdrop-filter:none;border-radius:8px;padding:9px 12px;min-height:44px;font-size:11px;color:#b7c2cb}.controls button:hover:not(:disabled){background:#ffffff0c}.controls button[aria-pressed=true]{background:#c3f4e810;border-color:#c3f4e840;color:#e3fff5}.controls button:disabled{opacity:.25;cursor:default;background:none;border-color:transparent}.camera-controls label{background:none;flex-basis:auto;gap:6px;padding:0;color:#c9d9dc;font-size:10px}.camera-controls input{width:90px;min-height:38px}.unavailable{opacity:.25}.display-controls{display:flex;justify-content:center;align-items:center;gap:2px;padding-top:5px}.controls #end{color:#dcbeb4}#telemetry{max-height:calc(100dvh - 280px)}@media(max-width:700px){.controls{padding:6px;width:calc(100% - 16px);border-radius:14px}.dock-label{display:none}.camera-controls{gap:4px}.controls button{padding:8px 7px;font-size:10px}.camera-controls input{width:60px}.camera-controls label{flex-basis:auto;padding:0}.display-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:0}.display-controls button{min-height:40px}.view-segments{padding:1px}.camera-controls output{min-width:25px;font-size:9px}}@media(max-width:360px){.camera-controls input{width:40px}.controls button{padding:7px 5px;font-size:9px}}

#concertSettings{border-top:1px solid #ffffff18;padding-top:16px;margin-bottom:20px}.experience-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.experience-row label{font-size:11px;color:#b5c1ce}.experience-row input[type=range]{display:block;width:100%;min-height:40px;accent-color:#baf0de}#concertOptions{margin-top:14px}#concertOptions summary{cursor:pointer;font-size:13px;padding:14px 0;color:#d7eee5}#concertOptions summary span{font-size:10px;margin-left:10px;color:#8499a5}.concert-switches{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0 18px}.concert-switches label{display:flex;align-items:center;gap:8px;font-size:11px;min-height:35px}#beatMeter{font-size:9px;letter-spacing:1px;color:#bae5d7;margin-left:auto;margin-right:20px}.desktop-production main{width:680px}

#droneDirector:not([hidden]){display:flex;gap:12px;align-items:center;flex-wrap:wrap}#droneDirector label{font-size:10px;color:#aab6bf;display:flex;gap:7px;align-items:center}#droneDirector select{padding:7px;border:1px solid #ffffff20;border-radius:8px;background:#111923;color:#e8e9e7;font-size:11px;max-width:180px}

.modes{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Unified setup and playback menu layer. */
main,.desktop-production main{width:720px;margin-left:7vw;padding-top:12px}h1{font-size:clamp(46px,5.5vw,72px);margin:18px 0;letter-spacing:-2px}.intro{margin-bottom:0}.panel{padding:24px;border-radius:22px;background:#0b121cec;box-shadow:0 20px 70px #0003}.menu-heading{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:#b8c7d0;margin:6px 0 14px}.options+.checks{border-bottom:1px solid #ffffff12;padding-bottom:14px}.options{margin-top:12px}.modes{gap:10px}.modes button{min-height:70px;border-radius:12px}.panel label{font-size:11px;color:#b5c1ce}#glassShowControl{display:block;margin:18px 0 12px}#glassShowControl select{margin-top:7px}#concertSettings{border-top:0;padding-top:0}#concertOptions{border:1px solid #ffffff16;border-radius:12px;padding:0 14px}#concertOptions>summary{list-style-position:inside}#concertOptions>.hint:first-of-type{display:none}.menu-group{border-top:1px solid #ffffff12}.menu-group>summary{font-size:12px!important;padding:15px 0!important}.menu-group .experience-row{padding:0 0 15px}.concert-switches{gap:7px}.concert-switches label{background:#ffffff04;border:1px solid #ffffff0b;border-radius:8px;padding:8px 10px;min-height:44px}.concert-switches label:has(input:checked){border-color:#c4f2de30;background:#b5ead609}.panel select:disabled{opacity:.4;cursor:default}#lightingStatus{font-size:9px;border-top:1px solid #ffffff12;padding-top:12px}.primary{margin-top:18px;min-height:52px}.controls{max-height:calc(100dvh - 110px);overflow:auto}.display-controls{flex-wrap:wrap}#droneDirector:not([hidden]){justify-content:center;padding:9px 0;border-bottom:1px solid #ffffff12}#droneDirector select{margin:0;min-height:36px}.caption{max-width:600px}.brand span{letter-spacing:2px}.brand small{letter-spacing:2px;font-size:8px}
@media(max-width:700px){main,.desktop-production main{margin:0;width:100%;padding:15px 16px 35px}.panel{padding:16px}h1{font-size:49px}.options{grid-template-columns:1fr 1fr}.options label:last-child{grid-column:1/-1}.experience-row{gap:10px}.concert-switches{grid-template-columns:1fr 1fr}.camera-controls{flex-wrap:wrap}.controls{bottom:max(30px,env(safe-area-inset-bottom))}.menu-group .experience-row{grid-template-columns:1fr}#concertOptions summary span{display:block;margin:5px 0 0 18px}}
#optionsTouch{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:8;width:60px;min-height:68px;padding:8px;border:1px solid #d2eee52b;border-radius:18px;background:#0b141db3;color:#c4e4da;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.8}#optionsTouch svg{width:34px;height:34px}#optionsTouch span{font-size:7px;letter-spacing:1.4px}#optionsTouch:hover,#optionsTouch[aria-expanded=true]{opacity:1;border-color:#b5e9d77a;background:#16262de8}.immersed #optionsTouch{opacity:.65;pointer-events:auto}#optionsTouch:focus-visible{opacity:1;outline:2px solid #eac98e}.controls{width:min(680px,calc(100% - 172px))}@media(max-width:700px){#optionsTouch{right:12px;bottom:max(14px,env(safe-area-inset-bottom));width:50px;min-height:58px;padding:6px;border-radius:15px}#optionsTouch svg{width:29px;height:29px}.controls{width:calc(100% - 20px);bottom:max(85px,calc(env(safe-area-inset-bottom) + 70px));max-height:calc(100dvh - 180px)}.watch-hint{bottom:25px;width:calc(100% - 70px)}}
#showControl{position:fixed;inset:0;z-index:30;overflow:auto;background:#080e15;color:#dbe6eb;padding:28px max(20px,4vw);font-variant-numeric:tabular-nums}.control-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.control-header h1{font:300 34px Arial,sans-serif;letter-spacing:-1px;margin:8px 0}.control-header small{letter-spacing:2px;color:#9ac7ba;font-size:9px}.control-header span{font-size:11px;color:#879eac}.control-summary{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.control-summary span{padding:9px 14px;border:1px solid #ffffff16;border-radius:20px;font-size:11px}.control-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.control-card{border:1px solid #ffffff14;border-radius:16px;padding:20px;background:#0e1720}.control-card h2{font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 18px}.control-card h2 small{display:block;font-size:10px;color:#8298a5;margin-top:6px}#controlPlot{width:100%;height:auto}.control-key{font-size:10px;color:#94a9b4;line-height:1.8}.control-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #ffffff09;font-size:11px}.control-row span{color:#8fa5b2}.control-row b{font-weight:400;text-align:right;max-width:65%}.control-card table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.control-card th{font-size:10px;color:#8fa5b2;font-weight:400}.control-card td,.control-card th{padding:10px;border-bottom:1px solid #ffffff0a}.control-swatches{display:flex;gap:10px;margin:15px 0}.control-swatches span{border-left:16px solid;padding:8px;font-size:9px;background:#ffffff05}.control-card meter{width:100%;height:7px}.control-open #watch,.control-open header{visibility:hidden}@media(max-width:750px){.control-layout{grid-template-columns:1fr}#showControl{padding:18px 12px}.control-header h1{font-size:27px}.control-header button{font-size:11px;padding:10px}.control-card{padding:14px}}
/* Professional launch workspace */
body:not(.watching){background:#070b10}body:not(.watching) .vignette{background:linear-gradient(90deg,#070b1038,#070b1070 40%,#070b10dd 72%),linear-gradient(0deg,#070b10,transparent 65%)}body:not(.watching) header{max-width:1560px;margin:auto;padding:30px 5vw;border-bottom:1px solid #ffffff0a}.brand{align-items:center;gap:15px}.brand .brand-mark{display:flex;align-items:center;gap:2px;font-size:20px;font-weight:600;letter-spacing:-2px;border:1px solid #b7d4cc40;border-radius:10px;width:45px;height:45px;justify-content:center;color:#e3eee9}.brand .brand-mark span{color:#91c9b7;font-size:23px;letter-spacing:-3px}.brand>span:last-child{font-size:11px;font-weight:600;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:2.5px;margin-top:3px;color:#83939f}
#setup,.desktop-production #setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,620px);gap:5vw;width:min(1440px,90vw);max-width:none;margin:0 auto;padding:52px 0 44px;align-items:start}.setup-hero{position:sticky;top:52px;padding-top:32px;min-height:540px;display:flex;flex-direction:column}.setup-hero .eyebrow{font-size:9px;letter-spacing:2.8px;color:#a2c5b9}.setup-hero h1{font-family:Arial,sans-serif;font-weight:500;font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-4px;max-width:520px;margin:24px 0}.setup-hero .intro{max-width:360px;font-size:14px;line-height:1.9;color:#96a5b1}.hero-detail{margin-top:auto;padding-top:100px}.hero-line{display:block;width:38px;height:2px;background:#a4d7c2}.hero-detail p{font-size:18px;line-height:1.6;letter-spacing:-.3px;color:#c9d4db}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;max-width:400px}.hero-tags span{font-size:9px;padding:8px 10px;border:1px solid #ffffff14;border-radius:5px;color:#93a3af}
#setup .panel{margin:0;padding:28px;background:linear-gradient(145deg,#131d28ed,#0b121bea);border:1px solid #dceeea1c;border-radius:16px;box-shadow:0 24px 90px #0005;backdrop-filter:blur(24px)}.setup-panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid #ffffff10}.setup-panel-title small{font-size:8px;letter-spacing:2px;color:#8297a4}.setup-panel-title h2{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:8px 0 0}.ready-indicator{font-size:8px;letter-spacing:1px;color:#a4d7c2;border:1px solid #a4d7c225;background:#a4d7c207;padding:7px 10px;border-radius:20px}.menu-heading{font-size:9px;color:#859ba9;letter-spacing:1.5px}.modes button{min-height:67px;background:#070e1670;border-color:#ffffff10;padding:13px 14px;font-size:12px}.modes button[aria-pressed=true]{background:#a9dcc80b;border-color:#a9dcc875;color:#e1f4eb}.modes small{font-size:9px;color:#7e95a5}.panel select{background:#09121cbf;border-color:#ffffff13;border-radius:7px;color:#c9d7e0;font-size:11px}.panel label{color:#9badba}.checks{margin:14px 0;gap:20px}.panel .hint{font-size:10px;color:#7d92a2;line-height:1.7}.primary{background:#c0e3d2;color:#10221c;border-radius:8px;font-size:12px;min-height:50px;letter-spacing:.3px;box-shadow:0 5px 20px #0002}.primary:hover{background:#d7f1e4}.caption{grid-column:1/-1;margin:0!important;padding:18px 0 0;border-top:1px solid #ffffff0b;font-size:9px;color:#687d8d}#concertOptions{background:#08111a38;border-color:#ffffff10}#concertOptions summary{font-size:12px;color:#b8cdc6}.concert-switches label{font-size:10px;border-radius:6px}.panel input[type=checkbox]{accent-color:#b9ddca}.panel input[type=range]{accent-color:#b9ddca}
@media(max-width:1000px){#setup,.desktop-production #setup{grid-template-columns:1fr;max-width:650px;width:calc(100% - 40px);gap:24px;padding-top:28px}.setup-hero{position:static;min-height:0;padding:0}.setup-hero h1{font-size:50px;letter-spacing:-2.5px;margin:15px 0}.setup-hero .intro{max-width:480px;margin:0}.hero-detail{display:none}body:not(.watching) header{padding:22px 20px}.caption{grid-column:1}}@media(max-width:600px){#setup,.desktop-production #setup{width:calc(100% - 28px);gap:22px;padding-top:24px}#setup .panel{padding:20px 16px}.setup-hero h1{font-size:42px;letter-spacing:-2px}.setup-hero .intro{font-size:12px}.setup-panel-title{padding-bottom:18px;margin-bottom:18px}.setup-panel-title h2{font-size:21px}.brand>span:last-child{font-size:9px;letter-spacing:1.7px}.brand small{font-size:6px}.brand .brand-mark{width:38px;height:38px}.ready-indicator{font-size:7px}.modes button{font-size:11px;min-height:66px}.modes small{line-height:1.5}}
/* Smoked optical glass: the live sky remains visible through the interface. */
body:not(.watching) .vignette{background:radial-gradient(ellipse at 78% 23%,#7ca4bd18,transparent 53%),linear-gradient(90deg,#050b1220,#060d1728 55%,#050b1245),linear-gradient(0deg,#050b1280,transparent 60%)}
#setup .panel{position:relative;isolation:isolate;background:linear-gradient(135deg,#d9efff20 0%,#a8c5de0a 28%,#0b172e38 65%,#ceeaff10 100%);border:1px solid #e2f2ff30;border-top-color:#edfbff68;border-left-color:#d5edff42;border-radius:24px;backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #d9eeff16,0 28px 80px #00000035,0 2px 10px #00000020}
#setup .panel:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(119deg,#ffffff0d,transparent 32%,transparent 72%,#d6efff08),radial-gradient(ellipse at 3% 0%,#cdeaff14,transparent 48%)}
.setup-panel-title{border-bottom-color:#e1f5ff22}.setup-panel-title small,.menu-heading{color:#bdccd7}.ready-indicator{background:#d8fff00c;border-color:#d8fff033;color:#c5e9db;box-shadow:inset 0 1px 0 #ffffff0c}
#setup .modes button{background:linear-gradient(140deg,#e5f4ff0b,#07101d20);border-color:#e1efff20;border-top-color:#eaf6ff30;box-shadow:inset 0 1px 0 #ffffff0a;color:#d3e0e7;transition:background .18s,border-color .18s,box-shadow .18s}
#setup .modes button:hover{background:#d8edff16;border-color:#d9efff50}#setup .modes button[aria-pressed=true]{background:linear-gradient(135deg,#d3f9ed25,#c4eddf0b);border-color:#dcfff07a;box-shadow:inset 0 1px 0 #ffffff30,0 0 22px #b5e8dd09;color:#f1fff9}
#setup .modes small,#setup .panel .hint{color:#aabcc9}#setup .panel label{color:#c2d0d9}#setup .panel select{background-color:#06111b38;border-color:#d6edff25;border-top-color:#d6edff35;color:#e0e9ef;box-shadow:inset 0 1px 5px #0000000e}#setup select option{background:#14202c;color:#edf5fa}#setup select:disabled{opacity:.55}
#setup #concertOptions{background:#b0d7ed06;border-color:#e3f4ff24;box-shadow:inset 0 1px 0 #ffffff08}#setup #concertOptions summary{color:#dceae9}#setup .concert-switches label{background:#d0eaff06;border-color:#d0eaff1a}#setup .concert-switches label:has(input:checked){background:#c4f4e612;border-color:#c4f4e638}.menu-group{border-top-color:#d7efff20}
#setup .primary{background:linear-gradient(130deg,#e8fff0cf,#a7d9c7c9);border:1px solid #effff5a6;box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #7eab9950,0 8px 26px #091b1740;color:#12271f;border-radius:12px}#setup .primary:hover{background:linear-gradient(130deg,#f2fff7e8,#c7f0dbe0)}
.hero-tags span{background:#d6efff06;border-color:#d6efff24;backdrop-filter:blur(8px);color:#bacbd6}.brand .brand-mark{background:linear-gradient(135deg,#e0f5ff14,#e0f5ff03);box-shadow:inset 0 1px 0 #ffffff20;border-color:#d5eaff40}body:not(.watching) header{border-bottom-color:#e5f4ff13}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#setup .panel{background:linear-gradient(135deg,#263649ed,#101c2aee)}}
@media(max-width:600px){#setup .panel{border-radius:20px;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}}

.creator-credit{color:#b3c8d2;text-decoration:none;letter-spacing:1.1px;text-transform:none;display:inline-block;padding:3px 0;font-size:10px}.creator-credit:hover{color:#e2fff2;text-decoration:underline;text-underline-offset:4px}.creator-credit:focus-visible{outline:2px solid #c0e3d2;outline-offset:4px;border-radius:2px}
#customColours{display:block;width:100%;margin-top:9px;padding:12px;background:#07111c55;color:#dbeae5;border:1px solid #ffffff25;border-radius:7px;font-size:11px}#customColourHelp{display:block;margin-top:7px;font-size:9px;line-height:1.6;color:#9cafbd}.control-swatches{flex-wrap:wrap}

#droneDirector label[hidden]{display:none!important}