.rav-stage{position:relative;overflow:hidden;border-radius:24px;background:#f8d9df;color:#302a36;isolation:isolate;font:14px/1.5 system-ui,sans-serif}
.rav-viewport{height:360px;min-width:0;width:100%}.rav-viewport canvas{display:block;width:100%;height:100%}
.rav-status{margin:0;text-align:center;padding:0 12px 12px;font-size:12px;color:inherit}
.rav-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px 18px}.rav-actions[hidden]{display:none}
.rav-actions button{font:600 13px/1.2 system-ui,sans-serif;min-height:42px;padding:10px 18px;border-radius:24px;border:1px solid #302a3626;background:#ffffffb8;color:#302a36;cursor:pointer;touch-action:manipulation}
.rav-actions button[aria-pressed=true]{background:#302a36;color:#fff;border-color:#302a36}.rav-actions button:focus-visible{outline:3px solid #d6003a;outline-offset:3px}
.ras-3d-host{width:100%;margin:16px 0}.ras-3d-host .rav-viewport{height:380px}
.rvp21-avatar-stage{margin:20px 0}.rvp21-avatar-stage .rav-viewport{height:320px}
@media(max-width:600px){.ras-3d-host .rav-viewport{height:320px}.rav-actions{gap:6px}.rav-actions button{padding-inline:14px}}

/* The full-screen canvas passes taps and scroll gestures to the profile. */
.rav-stage.rav-roaming{position:fixed;inset:0;z-index:90;border-radius:0;background:transparent!important;pointer-events:none;overflow:hidden}
.rav-stage.rav-roaming .rav-viewport{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}
.rav-stage.rav-roaming .rav-status{display:none}
.rav-stage.rav-roaming .rav-actions{position:absolute;right:12px;bottom:max(86px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);padding:8px;background:#fffffff0;border:1px solid #e5dfe7;border-radius:20px;box-shadow:0 4px 25px #21172d25;pointer-events:auto}
.rav-stage.rav-roaming .rav-actions button{padding:8px 12px;min-height:42px}

.rav-activity{display:none;font:600 13px/1.2 system-ui,sans-serif;border:1px solid #302a3626;background:#fff;border-radius:18px;padding:10px;min-height:42px;color:#302a36;max-width:190px}
.rav-roaming .rav-activity{display:block}.rav-roaming .rav-actions>button:not(.rav-return){display:none}
.rav-stage:not(.rav-roaming) .rav-actions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}
.rav-stage:not(.rav-roaming) .rav-actions button{flex:0 0 auto}