/* Keep the quiet utility links within reach without covering the scene controls. */
body{padding-bottom:52px;box-sizing:border-box}
.legal-footer,.space-footer{position:fixed;inset:auto 0 0;z-index:50;display:flex;justify-content:flex-end;align-items:center;min-height:44px;margin:0;padding:2px 20px calc(2px + env(safe-area-inset-bottom));box-sizing:border-box;background:#101014f5;border-top:1px solid #ffffff08;backdrop-filter:blur(12px)}
.space-footer>a{display:none}.legal-footer .footer-links,.space-footer .footer-links{margin:0;display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}.footer-links>a,.footer-links>button{font-size:12px;padding:10px 0;color:#958d99;white-space:nowrap}
body.immersive-open>.space-footer,body.immersive-open .legal-footer{display:none}
@media(min-width:801px){:root{--room-height:max(420px,calc(100svh - 232px))}}
@media(min-width:1600px){:root{--room-height:clamp(540px,calc(100svh - 256px),1080px)}}
@media(max-width:420px){.legal-footer .footer-links,.space-footer .footer-links{gap:18px}}

/* Match the page container gutters rather than the outer monitor edge. */
@media(min-width:1600px){.legal-footer,.space-footer{padding-inline:max(28px,calc((100% - 2240px)/2 + 28px))}}
@media(max-width:700px){.legal-footer,.space-footer{padding-inline:10px}}

@media(max-width:600px){.legal-footer .footer-links,.space-footer .footer-links{gap:12px}.footer-links>a,.footer-links>button{font-size:12px}}
@media(max-width:380px){body{padding-bottom:84px}}
