*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;background:#f1f1fd}.shader-frame{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#181735}.shader-canvas,.shader-frame canvas{width:100%!important;height:100%!important;display:block}.card-wonder-frame{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#c7bcff}.card-wonder-frame canvas{width:100%!important;height:100%!important;display:block}.hero-shader-frame{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#f1f1fd}.hero-shader-surface{position:absolute;top:50%;left:50%;width:5000px;height:2500px;transform:translate(-50%,-50%);transform-origin:center}.hero-shader-surface canvas{width:100%!important;height:100%!important;display:block}.card-video-frame{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#f1f1fd}.card-video-frame__video{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;object-fit:cover}.card-video-frame__art-card{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:min(58vw,58vh,29.5rem);aspect-ratio:473 / 499;padding:3.8%;overflow:hidden;border-radius:clamp(1.5rem,4vw,2.5rem);background:#fff;transform:translate(-50%,-50%)}.card-video-frame__art{display:block;width:100%;height:100%}.card-video-frame__orbit{transform-box:fill-box;transform-origin:center;animation:card-orbit-spin 5s linear infinite}@keyframes card-orbit-spin{0%{transform:rotate(-360deg)}to{transform:rotate(0)}}