:root{color-scheme:dark;--bg:#09181c;--panel:#102328;--panel2:#132c31;--line:#294146;--text:#edf0e7;--muted:#98aeb0;--accent:#d7ad6d;--accent2:#91b8ae;--alert:#e4a16b;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e3bd87;outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 53% -12%,#224144 0%,#09181c 48%)}.sitehead{height:78px;padding:0 clamp(18px,2.3vw,38px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30464a;flex-shrink:0}.identity{display:flex;align-items:center;gap:17px}.glyph{display:grid;place-items:center;color:var(--accent);border:1px solid var(--accent);font-size:31px;width:39px;height:39px;line-height:1}.identity .eyebrow{font-size:9px;letter-spacing:.23em;color:var(--accent);font-weight:800;margin-bottom:6px}.identity strong{font-family:Georgia,"Times New Roman",serif;letter-spacing:.13em;font-size:20px;font-weight:600}.slash{color:#819c97}.serial{color:var(--muted)}.headright{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.15em;color:#b5c9c3;font-weight:700}.statusdot{width:6px;height:6px;border-radius:50%;background:#99d3ae;box-shadow:0 0 9px #99d3ae}.pill{border:1px solid #466164;border-radius:20px;color:var(--text);padding:9px 11px;background:#1a3438;font-size:10px;letter-spacing:.11em;margin-left:14px}.pill span{color:var(--accent);margin-left:7px}.workspace{display:grid;grid-template-columns:297px minmax(0,1fr) 279px;gap:0;flex:1;min-height:600px;max-width:2000px;width:100%;margin:0 auto}.sidebar{padding:29px 24px 18px;background:linear-gradient(175deg,#102328,#0b1b20);min-width:0}.leftsidebar{border-right:1px solid var(--line)}.rightsidebar{border-left:1px solid var(--line)}.sectiontop{display:flex;justify-content:space-between;gap:5px;margin-bottom:29px;align-items:center}.index{color:var(--accent);font-size:9px;letter-spacing:.22em;font-weight:800}.fine{font-size:8px;color:#78959a;letter-spacing:.13em}.sidebar h1{font-size:34px;line-height:1.08;letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400;margin:0 0 14px}.intro{color:#b7c7bf;font-size:12px;line-height:1.72;margin:0 0 24px}.subhead,.charthead{font-size:10px;display:flex;justify-content:space-between;color:var(--accent);letter-spacing:.16em;font-weight:800;padding:14px 0 12px;border-top:1px solid var(--line);margin-top:9px}.miniicon{font-size:14px;color:#729493}.control{padding:10px 0 11px}.controltop{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:10px;font-size:11px;color:#d1dfda}.controltop output{font-weight:800;color:#e7bb80;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;appearance:none;height:3px;accent-color:#d8ad6d;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--pct,50%),#3b5050 var(--pct,50%));border-radius:10px;display:block;margin:13px 0 3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#e6c18a;border:2px solid #243437;border-radius:50%;box-shadow:0 0 0 1px #e6c18a}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#e6c18a;border:2px solid #243437;border-radius:50%}.scenarioheading{margin-top:11px}.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:3px 0 20px}.scenario{background:#1b3134;color:#aebdb7;border:1px solid #355154;border-radius:4px;padding:11px 2px;font-size:10px}.scenario.active,.scenario:hover{color:#fff1de;border-color:#c8a475;background:#34433c}.timebar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b5c5c1;gap:10px;margin:8px 0 17px}.timebar select{background:#18343a;border:1px solid #3c5a5b;color:var(--accent);padding:6px 13px;border-radius:4px;font-weight:800}.actions{display:flex;gap:8px}.actions button{border-radius:4px;padding:13px 10px;font-size:11px;font-weight:800;flex:1;display:flex;justify-content:center;align-items:center;gap:8px}.primary{border:1px solid var(--accent);background:var(--accent);color:#142322}.secondary{border:1px solid #486367;color:#dae3dc;background:transparent}.note{border:1px solid #385456;display:flex;align-items:flex-start;gap:10px;padding:12px;margin-top:23px;background:#163037}.noteicon{font-family:Georgia,serif;font-size:18px;display:inline-grid;place-items:center;border:1px solid var(--accent);border-radius:50%;width:19px;height:19px;flex-shrink:0;color:var(--accent)}.note p{font-size:10px;line-height:1.65;margin:0;color:#a4b6ad}.stage{min-width:0;display:flex;flex-direction:column;position:relative;background:#102126}.stagehead{height:58px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30484a}.location{display:flex;align-items:center;gap:10px}.coordmark{color:var(--accent);font-size:23px}.location strong{display:block;font-size:11px;letter-spacing:.1em}.location span:last-child{display:block;font-size:9px;color:#a1b5b7;margin-top:5px}.scenebadge{color:#9cbeb7;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:9px}.badgebar{width:21px;height:1px;background:var(--accent)}.scene{position:relative;min-height:450px;flex:1;overflow:hidden;background:#809c99;isolation:isolate}.scene canvas#glCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:0}.scene canvas#glCanvas:active{cursor:grabbing}.sceneveil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#10272b;color:#fff;z-index:15;transition:opacity .45s}.sceneveil.hidden{opacity:0;pointer-events:none}.sceneveil span:last-child{font-size:11px;color:#adc1bd}.loader{width:28px;height:28px;border:2px solid #718c8a;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.topscene,.bottomscene{position:absolute;z-index:3;left:0;right:0;display:flex;justify-content:space-between;gap:15px;pointer-events:none}.topscene{top:0;padding:23px;background:linear-gradient(#182c2a99,transparent)}.topscene button,.bottomscene button{pointer-events:auto}.onair{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.2em;color:#f9efe1;font-weight:850;text-shadow:0 1px 4px #1a342f}.onair>span:first-child{height:6px;width:6px;border-radius:50%;background:#f0be77;box-shadow:0 0 9px #fff}.season{font-size:10px;letter-spacing:.06em;color:#f3f0de;margin-top:7px;text-shadow:0 1px 4px #1a342f}.ghostcontrol{border:1px solid #f5f0db7b;border-radius:4px;background:#122e2b89;color:white;font-size:10px;letter-spacing:.05em;padding:10px 12px;align-self:flex-start;backdrop-filter:blur(8px)}.ghostcontrol[aria-pressed=true]{background:#b28b59d9;color:#102028}.bottomscene{bottom:0;padding:19px 21px;background:linear-gradient(transparent,#1227269c);align-items:flex-end}.camerahelp{color:#fffae8;font-size:8px;line-height:1.6;font-weight:800;letter-spacing:.15em;text-shadow:0 1px 3px #132521}.camerahelp b{color:#ebc48d;margin:0 4px}.camerabuttons{display:flex;gap:7px}.camerabuttons button{width:34px;height:34px;border:1px solid #e1e6d1aa;background:#152d2bb0;color:white;font-size:19px;border-radius:4px}.hotspot-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.hotspot{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-10px,-50%);background:#102823de;color:#fff9e6;border:1px solid #efdaacb0;border-radius:30px;padding:6px 9px 6px 5px;font-size:9px;font-weight:700;letter-spacing:.03em;pointer-events:auto;white-space:nowrap;box-shadow:0 3px 11px #16312a4d;backdrop-filter:blur(6px)}.hotspot::before{content:'';width:8px;height:8px;border:2px solid #eaca96;border-radius:50%;box-shadow:0 0 0 3px #c0a27840}.hotspot.selected{background:#e9c48a;color:#1a332e;border-color:#f6dcaf}.hotspot.selected::before{border-color:#4f5a47}.kpirow{height:115px;display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;background:#0e2529;border-top:1px solid #3b585b}.kpi{padding:20px 16px;border-right:1px solid #365155;min-width:0}.kpi:last-child{border-right:none}.kpilabel{font-size:9px;letter-spacing:.13em;color:#acbdb8;font-weight:850;white-space:nowrap}.kpivalue{font-size:31px;line-height:1.5;font-weight:500;letter-spacing:-.03em;color:#f1e7cf;font-variant-numeric:tabular-nums}.kpivalue small{font-size:13px;color:var(--accent);margin-left:4px;letter-spacing:0}.kpiqual{font-size:8px;letter-spacing:.08em;color:#79a29a}.rightsidebar h2{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.03em;line-height:1.2;margin:0 0 12px}.rightsidebar .intro{margin-bottom:19px}.dividerlight{height:1px;background:var(--line);margin:19px 0}.inspecttitle{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.inspecttitle .eyebrow{font-size:9px;letter-spacing:.19em;font-weight:800}.inspecttitle>span{color:#a5b6ac;font-size:9px;letter-spacing:.1em}.rightsidebar h3{font-size:16px;font-family:Georgia,serif;font-weight:400;margin:13px 0 9px}.inspectbody{font-size:11px;line-height:1.66;color:#b1c2bc;min-height:90px;margin-bottom:10px}.linkbutton{background:transparent;border:0;color:#e1bd87;font-size:9px;font-weight:850;letter-spacing:.1em;padding:4px 0;text-align:left}.linkbutton:hover{text-decoration:underline}.charthead{margin:2px 0 4px;padding:0;border:0;color:#d3c3a3;font-size:9px}.charthead span:last-child{color:#799896;letter-spacing:0;text-transform:none;font-weight:500}.chartframe{margin:11px 0 9px}.chartframe canvas{display:block;width:100%;height:auto;max-height:108px;background:#112b30}.chartlabels{display:flex;justify-content:space-between;margin-top:3px;color:#758e8f;font-size:9px}.flowstat{display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #2a4246;padding:11px 0;color:#a8b9b4;font-size:10px}.flowstat strong{color:#e5dece;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.alertbox{margin-top:17px;background:#203a35;color:#b4d8ba;border-left:2px solid #92bda4;padding:12px;font-size:10px;line-height:1.55}.alertbox.danger{background:#492d28;border-color:#d38c6c;color:#f7ca9c}.foottools{display:flex;justify-content:space-between;margin-top:24px}.footer{height:40px;border-top:1px solid #274246;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#63898d;font-size:8px;letter-spacing:.16em;font-weight:750}.footersep{color:var(--accent);padding:0 8px}
@media(max-width:1380px){.workspace{grid-template-columns:260px minmax(0,1fr) 250px}.sidebar{padding:23px 17px}.sidebar h1{font-size:29px}.kpi{padding:21px 9px}.kpivalue{font-size:24px}.kpilabel{font-size:8px}}
@media(max-width:1090px){.workspace{grid-template-columns:245px minmax(0,1fr)}.rightsidebar{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.rightsidebar .sectiontop,.rightsidebar .dividerlight:first-of-type{grid-column:1/-1}.rightsidebar .dividerlight{margin:8px 0}.rightsidebar .chartframe{align-self:start}.rightsidebar .foottools{grid-column:1/-1}.scene{min-height:510px}}
@media(max-width:750px){.sitehead{height:65px;padding:0 14px}.identity{gap:9px}.identity strong{font-size:14px}.identity .eyebrow{font-size:7px}.glyph{width:31px;height:31px;font-size:22px}.headright #onlineLabel,.statusdot{display:none}.pill{margin:0;padding:8px;font-size:9px}.workspace{display:flex;flex-direction:column}.stage{order:0;min-height:0}.leftsidebar{order:1;border-top:1px solid var(--line);border-right:none}.rightsidebar{order:2;display:block}.sidebar{padding:22px 19px}.sectiontop{margin-bottom:15px}.intro{max-width:550px}.leftsidebar .control{max-width:690px}.scene{height:490px;min-height:490px}.stagehead{height:53px}.kpirow{height:auto;min-height:100px}.kpi{padding:17px 9px}.kpivalue{font-size:24px}.kpilabel{font-size:8px}.kpiqual{font-size:7px}.hotspot{font-size:8px;padding:4px 7px 4px 4px}.rightsidebar .inspectbody{min-height:0}.chartframe canvas{max-height:130px}.footer{font-size:7px;line-height:1.5;height:auto;min-height:48px;flex-wrap:wrap;padding:13px 18px}}
@media(max-width:480px){.scene{height:425px;min-height:425px}.kpirow{grid-template-columns:1fr 1fr}.kpi{padding:12px;border-bottom:1px solid #345157}.kpi:nth-child(even){border-right:0}.kpivalue{font-size:27px;line-height:1.4}.scene .topscene{padding:14px}.bottomscene{padding:12px}.camerahelp{font-size:7px;max-width:230px}.stagehead{padding:0 12px}.location strong{font-size:10px}.location span:last-child{font-size:8px}.scenebadge{font-size:8px}.hotspot{max-width:116px;white-space:normal}.rightsidebar{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}.sceneveil{transition:none}}