/* HumanX homepage — isolated Spatius dialog styles. */
.spatius-modal{position:fixed;inset:0;box-sizing:border-box;width:min(94vw,1040px);max-width:none;height:min(90dvh,850px);max-height:none;margin:auto;padding:0;border:1px solid rgba(222,242,234,.25);border-radius:20px;overflow:hidden;background:#0b1618;color:#f7faf9;box-shadow:0 30px 90px rgba(0,0,0,.42)}
.spatius-modal::backdrop{background:rgba(2,15,15,.8);backdrop-filter:blur(8px)}
.spatius-modal-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.spatius-modal-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 16px;background:#102c29;color:#fff}
.spatius-modal-label{display:flex;align-items:center;gap:10px;font:600 16px/1.4 system-ui,sans-serif}
.spatius-modal-label .dot{width:8px;height:8px;background:#78d8ac;border-radius:50%;flex-shrink:0}
.spatius-modal-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.09);color:white;font:32px/1 Arial;cursor:pointer}
.spatius-modal-close:hover,.spatius-modal-close:focus-visible{background:rgba(255,255,255,.2)}
.spatius-modal-stage{position:relative;flex:1;min-height:0;background:#090f12}
#spatius-modal-frame{display:block;width:100%;height:100%;border:0;background:transparent}
.spatius-modal-status{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;text-align:center;font:500 15px/1.5 system-ui,sans-serif;background:#090f12;color:#e5eee9;pointer-events:none}
.spatius-modal-status[hidden]{display:none}
.spatius-modal-status.is-error{pointer-events:auto;background:#1f191b;color:#fff}
body.spatius-modal-open{overflow:hidden}
@media(max-width:640px){.spatius-modal{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.spatius-modal-topbar{min-height:54px;padding:6px 12px}}
.spatius-modal-status[hidden]{display:none!important}
#hero-talk-button{cursor:pointer}

/* Compact avatar-only modal — no top title bar; close control overlays the view */
.spatius-modal{width:min(92vw,790px);height:min(80dvh,610px);border-radius:18px}
.spatius-modal-topbar{position:absolute;z-index:5;right:12px;top:12px;left:auto;
 display:block;min-height:0;padding:0;background:transparent;pointer-events:none}
.spatius-modal-label{display:none!important}
.spatius-modal-close{pointer-events:auto;background:rgba(10,30,29,.74);box-shadow:0 3px 12px rgba(0,0,0,.26)}
.spatius-modal-stage{height:100%;flex:1}
@media(max-width:640px){.spatius-modal{width:min(96vw,520px);height:min(76dvh,620px);border:1px solid rgba(222,242,234,.25);border-radius:16px}
 .spatius-modal-topbar{top:10px;right:10px;padding:0;min-height:0}}
