:root{color:#e9e7dc;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1414;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #f1d397}[hidden]{display:none!important}.shell{width:min(100%,560px);min-height:100svh;padding:calc(20px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:radial-gradient(at 48% 34%,#25362b 0%,#12211f 45%,#101919 80%);margin:0 auto}.topbar,footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow{letter-spacing:2px;color:#96a699;font-size:10px;font-weight:600}.badge{color:#ccd2bc;border:1px solid #51614f;border-radius:4px;padding:5px 8px;font-size:11px}.heading{margin-top:23px}.kicker{letter-spacing:2px;color:#b5ba9e;margin:0 0 9px;font-size:11px}h1{letter-spacing:1px;margin:0;font-size:clamp(25px,7vw,35px);font-weight:600;line-height:1.25}.intro{color:#99a796;margin:10px 0 0;font-size:12px}.viewport{isolation:isolate;border-radius:8px;height:clamp(245px,37svh,345px);margin-top:8px;position:relative}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.scene-note{color:#90a493;pointer-events:none;font-size:10px;position:absolute;top:8px;left:0}.graphics-message{z-index:2;background:#182824ee;border:1px solid #788563;border-radius:6px;margin:0;padding:18px;font-size:13px;line-height:1.8;position:absolute;inset:26% 10px auto}.selection{color:#93a28f;min-height:30px;margin:0 0 13px;font-size:11px;line-height:1.6}.connection{background:#12201ddb;border:1px solid #475742;border-radius:8px;padding:16px}.connection-title{align-items:center;gap:8px;min-height:20px;font-size:14px;display:flex}.status-dot{background:#ba9870;border-radius:50%;flex:none;width:7px;height:7px}.status-dot.online{background:#b1db99;box-shadow:0 0 10px #879e6660}.stage{color:#a7b4a3;margin-left:auto;font-size:11px}#detail{color:#abb9a5;overflow-wrap:anywhere;min-height:42px;margin:10px 0;font-size:12px;line-height:1.8}.metrics{grid-template-columns:.85fr 1fr 1.15fr;gap:8px;margin:10px 0 16px;display:grid}.metrics div{min-width:0}dt{color:#8e9f8e;font-size:10px}dd{font-variant-numeric:tabular-nums;color:#d6ddc9;margin:6px 0 0;font-size:13px}.actions{gap:8px;display:flex}button{color:#16211b;cursor:pointer;background:#d6bd82;border:0;border-radius:5px;flex:1.5;min-height:46px;padding:12px 8px;font-size:13px;font-weight:600}button.secondary{color:#c7d0ba;background:0 0;border:1px solid #65765a;flex:1}button:disabled{opacity:.5;cursor:default}.scope-note{color:#95a18f;margin:14px 0;font-size:11px;line-height:1.7}footer{color:#7f927c;font-size:10px}@media (max-width:350px){.shell{padding-left:14px;padding-right:14px}.connection{padding:13px}button{font-size:12px}}@media (orientation:landscape) and (max-height:600px){.shell{grid-template-columns:1fr 1fr;gap:12px 24px;width:min(100%,960px);display:grid}.topbar,footer{grid-column:1/-1}.heading{margin-top:8px}.viewport{grid-area:2/2/4;height:260px}.selection{grid-area:4/2}.connection{grid-area:3/1/5}.scope-note{grid-column:1/-1;margin:0}}