:root{color-scheme:dark;background:#000}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#000}
.art-stage{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}
.art-touch-area{position:absolute;z-index:2;touch-action:pinch-zoom;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.art-fallback,#liquid-canvas{position:absolute;display:block;user-select:none;pointer-events:none}
.art-fallback{max-width:none;object-fit:contain}
#liquid-canvas{inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
.art-stage[data-ready='true'] #liquid-canvas{opacity:1}
.art-stage[data-ready='true'] .art-fallback{opacity:0}
.art-stage[data-paused='true'] #liquid-canvas{opacity:0}
.art-stage[data-paused='true'] .art-fallback{opacity:1}
.hdr-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.art-stage[data-hdr='true'] .hdr-canvas{opacity:1}
.art-stage[data-hdr='true'] #liquid-canvas{opacity:0}
.art-stage[data-paused='true'] .hdr-canvas{opacity:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}