@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700&display=swap";:root{color:#f5f2ed;background:#030407;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#030407}main{isolation:isolate;width:100%;height:100dvh;min-height:320px;position:relative}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.audio-hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#f5f2ed9e;letter-spacing:.09em;opacity:0;pointer-events:none;white-space:nowrap;font:500 11px/1 DM Mono,monospace;transition:opacity .7s,transform .7s;position:absolute;transform:translate(-50%,10px)}.audio-hint.visible{opacity:1;transform:translate(-50%)}.audio-hint span{color:#ff6d8a;font-size:14px}.scene-label{top:max(22px, env(safe-area-inset-top));color:#f5f2ed4d;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;font:400 9px/1 DM Mono,monospace;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.audio-hint{transition:opacity .2s}}