:root{--bg:#081727;--panel:#0f2437;--panel2:#112b42;--border:#2a4961;--text:#edf7ff;--muted:#94aec2;--cyan:#54dbef;--amber:#f2ad52;--green:#7ae1b7;--red:#fc907f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0,#244867 0,transparent 48%),linear-gradient(145deg,#081322,#0d2132 70%,#081522);color:var(--text);font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}.shell{max-width:1660px;margin:auto;padding:14px 18px 12px;min-height:100vh;display:flex;flex-direction:column;gap:11px}.head{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:15px}.brand{display:flex;align-items:center;gap:15px}.emblem{width:51px;height:51px;border-radius:13px;display:grid;place-items:center;font-size:28px;background:linear-gradient(140deg,#f8c873,#b76824);box-shadow:0 4px 20px #f49d4836;flex-shrink:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#85deee}h1{font-size:clamp(16px,1.6vw,24px);line-height:1.2;letter-spacing:.4px;margin:5px 0 0}h1 span{color:#f4c37c}.head-right{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;letter-spacing:1px;color:#abc4d4}.dot,.live-dot{background:#f5ac66;width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px #f5ac6688}.dot.on{background:#63e7ad;box-shadow:0 0 12px #63e7ad}.tag{border:1px solid #416078;padding:8px;border-radius:7px;margin-left:9px}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tab{border:1px solid #32536b;background:linear-gradient(#15324a,#102638);color:#cbdce8;min-height:51px;border-radius:9px;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:650;cursor:pointer;box-shadow:inset 0 1px #ffffff0b;font-size:13px}.tab b{border:1px solid #51778e;border-radius:6px;padding:4px 9px;color:#a7dbed}.tab.active{border-color:#d8984e;color:#fff;background:linear-gradient(#3b3d3a,#233645);box-shadow:0 0 0 1px #c7833b45,inset 0 2px #e2ab6e4b}.tab.active b{background:#db9b4e;color:#17202b;border-color:#f5c17c}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 315px;grid-template-rows:minmax(350px,1fr) auto;gap:10px;flex:1;min-height:0}.stage,.controls,.results{border:1px solid var(--border);border-radius:13px;background:linear-gradient(155deg,#122b40,#0b1d2d);box-shadow:0 9px 28px #040b1399;overflow:hidden}.stage{display:flex;flex-direction:column;min-height:365px}.controls{display:flex;flex-direction:column;grid-column:2;grid-row:1 / 3}.results{grid-column:1;grid-row:2;min-height:176px}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 17px 9px;border-bottom:1px solid #2e4a5d;min-height:71px}.panel-head.slim{min-height:58px;padding:10px 14px}.panel-head h2{font-size:17px;font-weight:740;margin:2px 0 0}.kicker{font-size:10px;letter-spacing:1.5px;color:#7ed8e6;font-weight:800}.micro{font-size:10px;letter-spacing:.7px;color:#8eabc0;text-align:right}.stage-visual{min-height:0;flex:1;display:flex;justify-content:center;align-items:stretch;padding:7px 13px 0;position:relative;overflow:hidden}.stage-visual svg{width:100%;height:100%;max-height:440px;overflow:visible}
.stage-visual .stage-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:none}
.stage-foot{min-height:38px;padding:7px 17px;background:#07172588;border-top:1px solid #2b4559;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:11px;color:#b4cbd8}.control-body{padding:12px 15px;flex:1;overflow:hidden}.control-title{font-size:11px;letter-spacing:1.3px;color:var(--cyan);font-weight:800;margin:5px 0 12px}.ctrl{margin:0 0 16px}.ctrl .line{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#d7e8f4;margin-bottom:7px}.ctrl output{color:#ffd097;font-weight:800;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#e8a451;cursor:pointer;height:18px}.ends{display:flex;justify-content:space-between;color:#7b9eb4;font-size:10px}.selector,.small-btn{background:#19374d;border:1px solid #42627a;color:#e5f7ff;border-radius:7px;padding:8px 10px;cursor:pointer;font:inherit}.selector{width:100%}.small-btn{font-size:11px;margin:5px 4px 4px 0}.small-btn.selected{border-color:#f8b66d;color:#ffd28c}.hint{color:#a4bdce;font-size:11px;line-height:1.5;border-left:2px solid #dca059;padding-left:9px;margin-top:14px}.actions{display:flex;gap:6px;padding:9px 12px}.actions button{min-width:0;flex:1;border:1px solid #59738a;background:linear-gradient(#27435b,#173047);color:white;border-radius:9px;padding:10px 3px;font-weight:750;cursor:pointer;font-size:11px}.actions button.orange{background:linear-gradient(#f8c077,#d47a2f);color:#1b1d20;border-color:#f0b26f;box-shadow:0 3px 0 #85501f}.disclaimer{border-top:1px solid #2b465a;padding:8px 13px;color:#91aabd;font-size:10px;text-align:center}.metrics{padding:10px 13px 7px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.metric{min-width:0;border:1px solid #2b4a62;border-radius:9px;background:linear-gradient(#16364e,#112a3e);padding:8px 10px}.metric .m-label{color:#99b5c7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong{font-size:clamp(14px,1.3vw,21px);font-weight:800;display:block;color:#f1f9ff;white-space:nowrap;font-variant-numeric:tabular-nums}.metric strong.cyan{color:#79dfee}.metric strong.orange{color:#fac37d}.metric strong.green{color:#8ee5b6}.metric small{font-size:10px;color:#8caabd}.details{padding:3px 14px 10px;display:flex;gap:16px;justify-content:space-between;color:#a8c1d0;font-size:11px}.details span{min-width:0}footer{display:flex;justify-content:space-between;gap:12px;color:#789cb4;font-size:10px;padding:0 3px}svg text{font-family:system-ui,"Segoe UI",sans-serif}svg .chart-grid{stroke:#315069;stroke-width:1;opacity:.45}svg .axis{stroke:#8fb6cd;stroke-width:1.4}svg .curve{fill:none;stroke:#f4af64;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}svg .curve2{fill:none;stroke:#69dcea;stroke-width:2.4}svg .guide{stroke:#9bb4c7;stroke-width:1.4;stroke-dasharray:5 5;opacity:.7}svg .plot-label{fill:#b2cddb;font-size:12px}svg .plot-value{fill:#f4c18a;font-size:15px;font-weight:800}svg .tiny{fill:#8faabd;font-size:10px}svg .schem-label{fill:#e7f4fa;font-size:13px;font-weight:700}svg .wire{stroke:#b4d3df;stroke-width:3;fill:none;stroke-linejoin:round}svg .component{stroke:#e6ac71;stroke-width:3;fill:none}.panel-tint{fill:#0a1b2d;stroke:#31546c;stroke-width:1.5}@media(max-width:1100px){.head-right .tag{display:none}.dashboard{grid-template-columns:minmax(0,1fr) 285px}.metrics{grid-template-columns:repeat(3,1fr)}.stage{min-height:350px}.control-body{padding:10px}.tab{font-size:11px}}@media(max-width:720px){.shell{padding:10px;gap:8px}.head-right{display:none}.dashboard{display:flex;flex-direction:column}.tabs{grid-template-columns:repeat(5,1fr);gap:4px}.tab{flex-direction:column;gap:2px;font-size:9px;padding:5px 2px}.tab b{font-size:12px}.stage{min-height:345px}.stage-visual{min-height:240px}.controls{min-height:auto}.metrics{grid-template-columns:repeat(3,1fr)}.details{flex-wrap:wrap}.stage-foot{flex-wrap:wrap}footer{flex-wrap:wrap}.micro{display:none}}
@media(min-width:1101px) and (max-height:800px){.shell{padding-top:7px;gap:7px}.head{min-height:54px}.tabs .tab{min-height:41px}.dashboard{grid-template-rows:minmax(308px,1fr) auto}.stage{min-height:308px}.panel-head{min-height:55px;padding-top:8px;padding-bottom:6px}.results{min-height:145px}.metrics{padding-top:7px;padding-bottom:4px}.metric{padding:6px 9px}.ctrl{margin-bottom:11px}.control-body{padding-top:8px}.details{padding-bottom:7px}.stage-foot{min-height:29px}}

@media(min-width:1101px) and (min-height:801px) and (max-height:1000px){.shell{padding-top:8px;padding-bottom:6px;gap:8px}.head{min-height:60px}.tabs .tab{min-height:46px}.stage .panel-head{min-height:61px}.results{min-height:152px}}
/* The chart's intrinsic 900×340 ratio must not enlarge the single-window stage. */
.stage-visual svg{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:hidden}

/* Dynamic instrument readouts remain live while the artistic backplate stays static. */
.stage-visual .stage-shot{object-fit:fill}
.stage-visual .image-value{position:absolute;z-index:2;white-space:nowrap;pointer-events:none;font-weight:800;text-shadow:0 1px 7px #081c29;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%)}
.stage-visual .analyzer-value{left:90.25%;top:35.5%;color:#85f0be;font-size:clamp(17px,2vw,27px)}
.stage-visual .rotor-value{left:70%;top:38.5%;color:#ffbc73;font-size:clamp(15px,1.65vw,22px)}

/* Linee di proiezione SVG: nessun riempimento (elimina triangolo E). */
svg .guide{fill:none!important}