:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{min-height:100vh;background:#000}body:before{content:"";position:fixed;inset:0;background:url(/controlroom.jpg) center / cover no-repeat;z-index:0}body:after{content:"";position:fixed;inset:0;background:#0000000d;z-index:1}#root{position:relative;z-index:2;min-height:100vh}.page{min-height:100vh;padding:140px 36px 48px}.hero{margin-bottom:22px;text-align:center}.brandTitle{font-size:33px;letter-spacing:.22em;font-weight:700;opacity:.65}.brandSub{margin-top:150px;font-size:22px;opacity:.55;max-width:900px}.grid{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;align-items:stretch}@media(max-width:1300px){.grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media(max-width:860px){.grid{grid-template-columns:repeat(1,minmax(220px,1fr))}.brandTitle{font-size:34px}.brandSub{font-size:18px}}.card{border-radius:18px;padding:12px 14px 14px;background:#0000008c;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.cardTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.cardTitle{font-size:12px;letter-spacing:.28em;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:12px;letter-spacing:.16em;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000059;white-space:nowrap}.pillGood{color:#6effb9f2;border-color:#6effb940}.pillWarn{color:#ffd282f2;border-color:#ffd28240}.pillDelayed{color:#ffd282d9;border-color:#ffd2822e;opacity:.85}.cardBody{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center}.gaugeWrap{display:flex;align-items:center;justify-content:center}.gauge{position:relative;width:60px;height:48px}.arc{width:60px;height:45px;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.lbl{position:absolute;font-size:12px;opacity:.55;-webkit-user-select:none;user-select:none}.lblMin{left:-1px;top:33px}.lblMid{right:22px;top:-5px}.lblMax{left:41px;bottom:-3px}.needleBase{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:10px;height:10px}.needle{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transform:rotate(0);transition:transform .45s ease}.needleStem{width:2px;height:26px;background:#ffffffe0;border-radius:999px;box-shadow:0 10px 18px #00000080;transform:translate(-50%)}.hub{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:7px;height:7px;border-radius:999px;background:#ffffff38;border:3px solid rgba(255,255,255,.6);box-shadow:0 10px 18px #0009}.readout{display:flex;flex-direction:column;gap:6px;min-width:0}.value{font-size:22px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updated{font-size:13px;opacity:.72}