.dc-stage{position:relative;width:100%;max-width:1040px;margin:12px auto 0;aspect-ratio:1000 / 640;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #ffffff0d}.dc-canvas{display:block;width:100%;height:100%;touch-action:manipulation}.dc-hud{position:absolute;pointer-events:none;font-family:ui-sans-serif,system-ui,sans-serif}.dc-hud--tl{top:10px;left:12px}.dc-hud--tr{top:10px;right:12px;text-align:right}.dc-hud--bl{bottom:10px;left:12px}.dc-hud--br{bottom:10px;right:12px;text-align:right}.dc-hud-lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a0c3d7b3}.dc-stat{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:#d4eaf8;text-shadow:0 1px 6px rgba(0,0,0,.7);line-height:1.05}.dc-stat--sm{font-size:13px;font-weight:600;color:#b4d2e6d9}.dc-stat--danger{color:#f87171}.dc-stat--ok{color:#6ee7b7}.dc-infobelt{max-width:1040px;margin:8px auto 0;padding:8px 16px;border-radius:8px;background:#0a1423d1;border:1px solid rgba(30,111,168,.35);font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;color:#b4d7f0e6;min-height:28px;display:flex;align-items:center;gap:10px}.dc-infobelt b{color:#f87171}.dc-opt{display:flex;align-items:center;gap:10px;margin-top:12px}.dc-opt-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--poc-muted, #9fb2bd);width:72px;flex-shrink:0}.dc-seg{display:inline-flex;gap:5px;flex-wrap:wrap}.dc-seg-on{color:#ffd0c0!important;border-color:#ff641ea6!important;background:#ff641e26!important}