.scene{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;position:relative;overflow:hidden}.stage{--stage-w:var(--stage-w-wide);--stage-ar:var(--stage-ar-wide);width:var(--stage-w);aspect-ratio:var(--stage-ar);place-self:center start;margin:0 0 6dvh 49vw;position:relative}:root[data-layout=compact] .stage{--stage-w:var(--stage-w-compact);--stage-ar:var(--stage-ar-compact);place-self:start center;margin:max(7dvh,24px) 0 0}.placed{--x:var(--x-wide);--y:var(--y-wide);--w:var(--w-wide);--fs:var(--fs-wide);--tx:var(--tx-wide,0%);left:var(--x);top:var(--y);position:absolute}:root[data-layout=compact] .placed{--x:var(--x-compact);--y:var(--y-compact);--w:var(--w-compact);--fs:var(--fs-compact);--tx:var(--tx-compact,0%)}.title.placed,.nav.placed,.stage__socials{translate:var(--tx) 0;font-size:calc(var(--stage-w) * var(--fs) / 100)}.stage__socials{width:max-content;rotate:var(--title-tilt);flex-wrap:nowrap;gap:.2em}.stage__socials .socials__link{min-width:0;min-height:0;padding:.25em}:root[data-layout=compact] .stage__socials .socials__icon{width:1.5em;height:1.5em}:root[data-layout=compact] .stage__socials--wide-only,.socials-corner{display:none}:root[data-layout=compact] .socials-corner{right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:2;flex-direction:column;gap:10px;font-size:20px;display:flex;position:fixed}.socials-corner .socials__link{width:var(--tap-target);height:var(--tap-target);border:var(--border-width) solid var(--color-fg);background:var(--color-bg);-webkit-tap-highlight-color:transparent;justify-content:center;padding:0}