:root{color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#f3f0e9}body[data-theme=grafito]{background:#2e302f;color-scheme:dark}body[data-theme=naranja]{background:#cf5439}.stage{position:relative;width:100%;height:100%;min-height:100svh;isolation:isolate}.stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s}.stage[data-render=pillow-webgl] canvas{opacity:1}.fallback{position:absolute;width:auto;height:24%;max-width:36%;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(5px 10px 10px #32140d16);transition:opacity .25s}.stage[data-render=pillow-webgl] .fallback{opacity:0}.motion-control{position:fixed;right:22px;bottom:18px;padding:7px 9px;border:1px solid #89847a45;border-radius:4px;background:transparent;color:#756e64;font:11px/1.3 system-ui,sans-serif;letter-spacing:.02em;cursor:pointer}.motion-control:hover{color:#3e352b;border-color:#756e6480}.motion-control:focus-visible{outline:2px solid #e9673d;outline-offset:4px}.motion-control[hidden]{display:none}body[data-theme=grafito] .motion-control{color:#aaa49a;border-color:#aaa49a40}body[data-theme=naranja] .motion-control{color:#4d291f;border-color:#4d291f45}@media(prefers-reduced-motion:reduce){.stage canvas,.fallback{transition:none}}

body[data-theme=grafito] .fallback{height:min(43svh,620px);max-width:76%}@media(max-aspect-ratio:7/10){body[data-theme=grafito] .fallback{height:37svh}}