@import url('');
:root{color-scheme:dark;--bg:#080b12;--panel:#10151e;--line:#333943;--gold:#dcb37b;--text:#ebeced;--muted:#99a1ad;--red:#c43338}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1700px;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:center;padding:26px 45px 18px;border-bottom:1px solid #303743}.brand{font-size:17px;letter-spacing:.26em;font-weight:800}.mark{color:var(--gold);font-size:25px}.line{color:#767781}.brand .muted{font-size:10px;font-weight:600;letter-spacing:.20em;padding-left:17px}.top-meta{display:flex;align-items:center;gap:18px;color:#adb3b9;font:600 10px system-ui;letter-spacing:.16em}.gold{color:var(--gold)}.dot{width:4px;height:4px;background:#777;border-radius:50%}.stage{position:relative;height:min(67vw,675px);min-height:420px;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#212b37 0%,#10151e 52%,#0b0e16 85%)}canvas{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none}.stage-label{position:absolute;pointer-events:none;left:5.6%;top:13%;text-shadow:0 3px 24px #080c18a3}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.22em}.stage-label h1{font-size:clamp(40px,5.3vw,79px);line-height:.98;letter-spacing:-.045em;margin:20px 0;font-weight:750}.stage-label h1 em{font-style:normal;color:var(--gold)}.stage-label p{font-size:13px;line-height:1.75;color:#acb1be;max-width:250px}.status{position:absolute;right:28px;top:26px;border:1px solid #44505e;background:#0b1015ac;border-radius:5px;padding:10px 12px;font-size:10px;letter-spacing:.1em;color:#cbd1d5;display:flex;gap:9px;align-items:center}.led{width:7px;height:7px;border-radius:50%;background:#d9a052;box-shadow:0 0 8px #d9a05280}.status.ready .led{background:#6ccc9b;box-shadow:0 0 8px #6ccc9b80}.status.error .led{background:#d9535f}.orbit{position:absolute;bottom:23px;right:29px;font-size:10px;color:#bcc3ca;letter-spacing:.09em;display:flex;gap:22px}.dashboard{background:#10141c;padding:26px 44px 30px;border-top:1px solid #46505f}.top-row,.foot{display:flex;justify-content:space-between;color:#a7acb6;letter-spacing:.16em;font-size:10px;font-weight:700}.top-row span:first-child{color:var(--gold)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0}.metric{border-left:1px solid #48505d;padding:0 25px}.metric:first-child{padding-left:0;border:0}.metric label{display:block;color:#a6afbc;letter-spacing:.15em;font-size:10px;font-weight:650;margin-bottom:9px}.metric b{font-size:32px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.metric small{font-size:13px;font-weight:500;color:var(--gold);padding-left:6px;letter-spacing:0}.controls{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:20px 0 24px;border-top:1px solid #343b47}.control-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}button{min-height:47px;cursor:pointer;border:1px solid #555d67;color:#e6e8e9;background:#242b35;border-radius:4px;letter-spacing:.06em;font-size:12px;font-weight:800}button:hover{background:#353d48}button.primary{background:#a92931;border-color:#c24850}button.primary:hover{background:#c43540}button.active{color:#10151b;background:#d8b17e;border-color:#dfc69c}button.reset{background:#11151d}.load-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.1em}.load-head b{color:var(--gold);font-size:17px}input[type=range]{width:100%;accent-color:#cdb189;margin-top:17px;cursor:pointer}.scale{display:flex;justify-content:space-between;color:#818b96;font-size:10px}.note{max-width:610px;color:#8f99a7;font-size:11px;line-height:1.6;margin-top:17px}.foot{padding-top:22px;border-top:1px solid #343b47;letter-spacing:.095em;font-size:9px}@media(max-width:800px){.hero{padding:17px 16px}.brand .muted,.top-meta{display:none}.stage{height:500px}.stage-label{top:8%;left:5%}.stage-label h1{font-size:42px}.stage-label p{max-width:160px}.status{right:10px;top:12px;font-size:8px}.orbit{right:10px;font-size:8px;gap:10px}.dashboard{padding:20px 18px}.top-row,.foot{font-size:8px}.metrics{grid-template-columns:repeat(2,1fr);gap:22px}.metric:nth-child(3){padding-left:0;border:0}.metric b{font-size:26px}.controls{grid-template-columns:1fr}.control-buttons{grid-template-columns:1fr 1fr}button{font-size:10px}.foot span:last-child{display:none}}