.dr-stage{position:relative;width:100%;max-width:920px;margin:12px auto 0;aspect-ratio:1000 / 560;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000073,inset 0 0 0 1px #ffffff0d}.dr-canvas{display:block;width:100%;height:100%}.dr-hud{position:absolute;pointer-events:none;font-family:ui-sans-serif,system-ui,sans-serif}.dr-hud--l{top:10px;left:12px}.dr-hud-lbl{font-size:10px;letter-spacing:.12em;color:#bed2dcb3}.dr-stat{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:#eaf3f6;text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.05}.dr-stat--sm{font-size:12px;font-weight:600;color:#c8dce4d1}.dr-right{position:absolute;top:10px;right:14px;pointer-events:none}.dr-strikes{display:flex;gap:5px;justify-content:flex-end}.dr-x{font-size:18px;color:#fff3}.dr-x--on{color:#e0473a;text-shadow:0 0 8px rgba(224,71,58,.6)}.dr-banner{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:5px 14px;border-radius:999px;background:#081016eb;border:1px solid rgba(120,200,255,.5);color:#cfe9ff;font:800 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.dr-ctls{max-width:920px;margin:10px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:560px){.dr-ctls{grid-template-columns:repeat(2,1fr)}}.dr-ctl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent);color:#eaf3f6;font:inherit;cursor:pointer;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .1s,transform .05s}.dr-ctl b{font-size:13px}.dr-ctl-sys{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--c)}.dr-ctl:active{background:color-mix(in srgb,var(--c) 24%,transparent);transform:translateY(1px)}.dr-opt{display:flex;align-items:center;gap:10px;margin-top:12px}.dr-opt-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--poc-muted, #9fb2bd);width:48px;flex-shrink:0}.dr-seg{display:inline-flex;gap:5px;flex-wrap:wrap}.dr-seg-on{color:#ffd0c0!important;border-color:#ff785a99!important;background:#ff785a24!important}