/* Card & layout */
.constellation-root .cards{display:grid;grid-template-columns:1fr;gap:16px}
.constellation-root .card{background:#0b1320;border:1px solid #334155;border-radius:12px;padding:12px;color:#e5e7eb}
.constellation-root .tagline{color:#a3b1c6}

/* Vùng VR */
.constellation-root .sim-wrap{
  position:relative;
  border:1px solid #334155;border-radius:12px;background:#05070f;overflow:hidden;
}

/* Mount: JS sẽ set height theo viewport (480/560/640px) */
.constellation-root .aframe-mount{width:100%}

/* Canvas khít khung */
.constellation-root canvas.a-canvas{width:100%!important;height:100%!important;display:block!important}

/* Mini toolbar: gọn – cố định góc phải trên */
.constellation-root .mini-toolbar{
  position:absolute; top:10px; right:10px; z-index:5;
  display:flex; align-items:center; gap:6px;
  background:rgba(11,19,32,0.76); border:1px solid #334155; border-radius:9px; padding:4px 6px; backdrop-filter:blur(4px);
}
.constellation-root .btn.btn-icon{
  font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  height:26px; padding:0 10px; border-radius:7px; cursor:pointer;
  color:#e5e7eb; background:#0b1320; border:1px solid #334155;
}
.constellation-root .btn.btn-icon:hover{ background:#111a2a }

/* Legend nhỏ */
.constellation-root .legend{margin-top:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#cbd5e1}
.constellation-root .dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px;transform:translateY(1px)}
.constellation-root .dot.star{background:#93c5fd}
.constellation-root .dot.line{background:#4ade80}

/* LearnPress clamp an toàn (JS vẫn override chiều cao lớn hơn) */
#learn-press-content-item .constellation-root .aframe-mount,
#learn-press-content-item .constellation-root a-scene,
#learn-press-content-item .constellation-root canvas.a-canvas{
  width:100%!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
/* mini select trong toolbar */
.constellation-root .mini-toolbar .mini-select{
  height:26px; padding:0 8px; border-radius:7px; border:1px solid #334155;
  background:#0b1320; color:#e5e7eb; font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.constellation-root .mini-toolbar .mini-select:focus{ outline:none; border-color:#475569; }