.ss-orbital-wrap {
  max-width: 1100px; margin: 16px auto; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.12);
  background: #0b0f14; color: #e8eef7; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; position: relative;
}
.ss-orbital-topbar { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 12px; background:linear-gradient(180deg,#101826,#0b0f14); border-bottom:1px solid rgba(255,255,255,.08); }
.ss-orbital-title { font-weight:700; letter-spacing:.3px; }
.ss-orbital-stats { display:flex; flex-wrap:wrap; gap:10px; opacity:.95; font-size:13px; }
.ss-orbital-stat b { opacity:.7; font-weight:600; margin-right:6px; }
.ss-orbital-actions { display:flex; gap:8px; }
.ss-orbital-btn { border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#e8eef7; border-radius:12px; padding:8px 10px; cursor:pointer; font-weight:600; }
.ss-orbital-btn:hover { background:rgba(255,255,255,.1); }
.ss-orbital-btn-ghost { background:transparent; }
.ss-orbital-stage { position:relative; padding:12px; background:radial-gradient(1200px 600px at 50% 40%, #131f33, #0b0f14); }
.ss-orbital-bgvideo,.ss-orbital-canvas,.ss-orbital-overlay { border-radius:14px; }
.ss-orbital-bgvideo { position:absolute; inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); object-fit:cover; z-index:1; background:#05080d; pointer-events:none; opacity:.95; }
.ss-orbital-canvas { width:100%; height:auto; display:block; border:1px solid rgba(255,255,255,.1); position:relative; z-index:5; cursor:crosshair; background:transparent; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.ss-orbital-overlay { position:absolute; inset:12px; pointer-events:none; display:none; overflow:hidden; z-index:20; }
.ss-orbital-overlay-center { align-items:center; justify-content:center; background-color:rgba(7,10,15,.45); }
[data-ov="hud"] { display:flex; z-index:15; background:none; }
.ss-orbital-card { width:min(560px, calc(100% - 24px)); padding:18px; border-radius:18px; border:1px solid rgba(255,255,255,.14); background:rgba(12,18,28,.86); backdrop-filter:blur(8px); pointer-events:auto; text-align:center; }
.ss-orbital-card-h { font-size:18px; font-weight:800; margin-bottom:8px; }
.ss-orbital-card-p { opacity:.9; line-height:1.35; margin-bottom:12px; }
.ss-orbital-card-row { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.ss-orbital-muted { margin-top:10px; opacity:.75; font-size:12px; }
.ss-orbital-crosshair { position:absolute; left:50%; top:50%; width:26px; height:26px; transform:translate(-50%, -50%); opacity:.9; z-index:30; }
.ss-orbital-crosshair:before,.ss-orbital-crosshair:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:rgba(255,255,255,.9); border-radius:2px; }
.ss-orbital-crosshair:before { width:2px; height:26px; }
.ss-orbital-crosshair:after { width:26px; height:2px; }
.ss-orbital-tip { position:absolute; left:14px; bottom:14px; font-size:12px; opacity:.78; background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.1); padding:6px 12px; border-radius:999px; z-index:30; }
.ss-orbital-statusbar { position:absolute; right:14px; bottom:14px; font-size:12px; opacity:.88; background:rgba(0,0,0,.54); border:1px solid rgba(255,255,255,.1); padding:6px 12px; border-radius:999px; z-index:30; }
@media (max-width: 800px) {
  .ss-orbital-topbar { flex-direction:column; align-items:flex-start; }
  .ss-orbital-actions { width:100%; }
}

.ss-orbital-weaponpick { display:inline-flex; align-items:center; gap:8px; font-size:12px; opacity:.9; margin-right:4px; }
.ss-orbital-weaponpick span { opacity:.72; font-weight:600; }
.ss-orbital-select {
  min-width: 140px; border-radius: 10px; border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06); color:#e8eef7; padding:7px 10px;
}
.ss-orbital-select option { color:#111; }
.ss-orbital-modifiers {
  position:absolute; left:14px; top:14px; z-index:30; pointer-events:none;
  display:none; max-width:260px; background:rgba(0,0,0,.48); border:1px solid rgba(255,255,255,.1);
  border-radius:14px; padding:10px 12px; backdrop-filter:blur(6px);
}
.ss-orbital-mod-title { font-size:11px; text-transform:uppercase; letter-spacing:.08em; opacity:.7; margin-bottom:8px; }
.ss-orbital-mod-pill { display:inline-block; margin:0 6px 6px 0; padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.08); font-size:12px; }

.ss-orbital-card-p br { content:''; }


.ss-orbital-loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin:12px 0}
.ss-orbital-loadout-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#dbe7ff}
.ss-orbital-briefing-card{max-width:760px}
.ss-osd-board{overflow:auto;background:#08101f;border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:12px}
.ss-osd-table{width:100%;border-collapse:collapse;color:#e7eefc}
.ss-osd-table th,.ss-osd-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}

.ss-orbital-input{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.35);color:#e2e8f0;border-radius:10px;padding:10px 12px;min-width:120px}
.ss-orbital-room-row{flex-wrap:wrap}
.ss-orbital-room-status,.ss-orbital-room-roster,.ss-orbital-room-live{font-size:12px;color:#cbd5e1}
.ss-orbital-room-live{margin-top:6px}
.ss-orbital-multi{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.18)}