:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07131b;color:#eaf7f6}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button{font:inherit}.ops-shell{display:grid;grid-template-columns:minmax(0,1fr) 336px;width:100vw;height:100vh;background:linear-gradient(135deg,#07131b,#0d2029 48%,#101b28)}.ops-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 48% 46%,rgba(31,78,89,.28),transparent 54%),linear-gradient(180deg,#12343e6b,#06121933 54%,#050c12ad),#07151d}.ops-stage{position:absolute;inset:0;width:100%;height:100%}.ops-stage canvas{display:block;width:100%;height:100%;background:#071923}.telemetry{position:absolute;z-index:2;left:18px;right:18px;top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}.telemetry__card,.console__section,.mode-bar{border:1px solid rgba(108,211,211,.24);border-radius:10px;background:linear-gradient(145deg,#0a1d25e0,#061118d1);box-shadow:0 18px 38px #00080e52,inset 0 1px #b1f7eb0a;backdrop-filter:blur(12px)}.telemetry__card{min-width:0;padding:10px 11px 9px;position:relative;overflow:hidden}.telemetry__card:after{position:absolute;right:11px;bottom:9px;width:32px;height:3px;border-radius:3px;background:#5ee7df;box-shadow:0 0 10px #5ee7dfb8;content:"";opacity:.72}.telemetry__card:nth-child(2):after{background:#f6bd68;box-shadow:0 0 10px #f6bd68a8}.telemetry__card:nth-child(3):after{background:#f2715c;box-shadow:0 0 10px #f2715c9e}.telemetry__card span,.console__label,.event-log time{display:block;color:#8eb9bf;font-size:11px;font-weight:740;letter-spacing:.08em;text-transform:uppercase}.telemetry__card strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:#effffc;font-size:18px;line-height:1.12}.telemetry__card em{display:block;margin-top:5px;color:#b5d4d6;font-size:12px;font-style:normal}.telemetry__trend{position:relative;height:3px;margin-top:9px;overflow:hidden;border-radius:999px;background:#88b5b924}.telemetry__trend i{display:block;height:100%;border-radius:inherit;background:#5ee7df;box-shadow:0 0 12px #5ee7dfb3}.telemetry__card:nth-child(2) .telemetry__trend i{background:#f6bd68;box-shadow:0 0 12px #f6bd6899}.telemetry__card:nth-child(3) .telemetry__trend i{background:#f2715c;box-shadow:0 0 12px #f2715c8f}.telemetry__card:nth-child(4) .telemetry__trend i{background:#9fdbff;box-shadow:0 0 12px #9fdbff8f}.console{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:16px;border-left:1px solid rgba(94,231,223,.25);background:linear-gradient(180deg,#06121af5,#050e16fa);overflow:auto}.console h1,.console h2{margin:0;letter-spacing:0}.console h1{color:#eafffb;font-size:20px;letter-spacing:-.02em;line-height:1.15}.console h2{color:#a9d9d8;font-size:13px;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.console__section{display:grid;gap:10px;padding:13px}.mode-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.mode-bar button,.console__section button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:0 8px;border:1px solid rgba(135,202,205,.32);border-radius:7px;background:#0c232bc7;color:#e5f8f7;cursor:pointer;font-size:12px;line-height:1.12;overflow-wrap:anywhere;text-align:center;white-space:normal}.mode-bar button:hover,.console__section button:hover,.mode-bar button[aria-pressed=true],.console__section button[aria-pressed=true]{border-color:#5ee7dfeb;background:linear-gradient(135deg,#145d5fc7,#0d3f49d1);box-shadow:0 0 0 1px #5ee7df1f,0 8px 20px #00080c42}.console__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.console__section--context{gap:12px;border-color:#f6bd683d;background:linear-gradient(145deg,#11252ceb,#07121ae0)}.context-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.context-heading h2{margin:0}.context-heading p{margin:5px 0 0;color:#789ca2;font-size:10px;font-weight:720;letter-spacing:.08em}.context-status{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 7px;border:1px solid rgba(94,231,223,.35);border-radius:999px;color:#8ef3db;font-size:10px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.context-status i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.context-status--service{border-color:#f6bd6875;color:#f6bd68}.context-status--attention{border-color:#f2715c80;color:#ff917d}.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.context-grid>div{min-width:0;padding:8px;border:1px solid rgba(143,208,210,.12);border-radius:7px;background:#63adb414}.context-grid .console__value{font-size:14px}.context-signal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 10px;color:#b9d5d5;font-size:11px;font-weight:650}.context-signal b{color:#8ef3db;font-size:12px}.context-signal>i{grid-column:1 / -1;display:block;height:5px;overflow:hidden;border-radius:999px;background:#88b5b924}.context-signal>i em{display:block;width:89%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3ecdc7,#8ef3db);box-shadow:0 0 12px #5ee7df8f;transition:width .22s ease}.console__metric{min-width:0;padding:9px;border-radius:7px;background:#81c9cd13;border:1px solid rgba(141,210,210,.1)}.console__value{display:block;margin-top:4px;overflow-wrap:anywhere;color:#effffc;font-size:15px;font-weight:760}.event-log{display:grid;gap:7px;max-height:270px;margin:0;padding:0;overflow:auto;list-style:none;font-size:12px}.event-log li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:8px;border-radius:7px;border:1px solid rgba(141,210,210,.1);background:#81c9cd12}.event-log b{display:block;margin-bottom:2px;color:#e7fbf8;font-size:12px}.event-log span{color:#b8d5d7}.claim{color:#b2cccf;font-size:12px;line-height:1.42}@media(max-width:1040px){body{overflow:auto}.ops-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.ops-viewport{height:62vh;min-height:430px}.console{border-left:0;border-top:1px solid rgba(174,199,202,.18)}}@media(max-width:680px){.telemetry{left:12px;right:12px;top:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.telemetry__card{padding:8px;background:#070d0fad}.telemetry__card span{font-size:9px}.telemetry__card strong{margin-top:2px;font-size:17px}.telemetry__card em{margin-top:3px;font-size:11px}.ops-viewport{height:100svh;min-height:680px}.mode-bar,.console__grid{grid-template-columns:1fr}}