.main,body{overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}body{width:100vw;min-width:320px;height:100vh;font-family:Helvetica,Arial,sans-serif}.container,.main{position:relative;width:100%;height:100%}.container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px}@media (min-width:830px){.container{padding:0}}.main{transform:translateZ(0);max-width:800px;max-height:800px;border-radius:16px}.landed,.loading{position:absolute;left:0;top:0;right:0;bottom:0;flex-direction:row}.loading{display:flex;justify-content:space-evenly;align-items:center;opacity:1}.loading.fade-out{opacity:0;transition:opacity .5s ease-out 0s}.loading .stage{display:block;width:16px;height:16px;font-size:16px;line-height:100%;opacity:0}.loading .stage.fade-in{opacity:1;transition:opacity .5s ease-out 0s}@media (min-width:700px){.loading .stage{width:26px;height:26px;font-size:26px}}.landed{display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0}.landed.fade-in{visibility:visible;opacity:1;transition:visibility 0s linear 10ms,opacity 2s ease-out 10ms}@keyframes beat{0%,100%,50%{transform:scale(1)}25%{transform:scale(1.1)}}@keyframes sleep{from{opacity:0}to{opacity:1}}.landed span{display:block;width:26px;height:26px;font-size:26px;line-height:100%}.hotspots,video{width:100%;height:100%;position:absolute;top:0;left:0}.landed span:nth-child(1){animation:1s ease-in 0s infinite beat}.landed span:nth-child(2){animation:2.2s ease-out 0s infinite alternate sleep}video{visibility:hidden;opacity:0}video.fade-in{visibility:visible;opacity:1;transition:visibility 0s linear 10ms,opacity .5s ease-out 10ms}video.fade-out{visibility:hidden;opacity:0;transition:visibility 0s linear 510ms,opacity .5s ease-out 10ms}.hotspot{border:none;box-shadow:none;background:0 0;border-radius:0;position:absolute;left:0;top:0;width:33.33%;height:33.33%;opacity:0}.hotspot.hotspot-1,.hotspot.hotspot-5,.hotspot.hotspot-9{background:#f0f}.hotspot.hotspot-2,.hotspot.hotspot-6,.hotspot.hotspot-7{background:#0ff}.hotspot.hotspot-3,.hotspot.hotspot-4,.hotspot.hotspot-8{background:#ff0}.hotspot.hotspot-1,.hotspot.hotspot-2,.hotspot.hotspot-3{top:0}.hotspot.hotspot-4,.hotspot.hotspot-5,.hotspot.hotspot-6{top:33.33%}.hotspot.hotspot-7,.hotspot.hotspot-8,.hotspot.hotspot-9{top:66.66%}.hotspot.hotspot-1,.hotspot.hotspot-4,.hotspot.hotspot-7{left:0}.hotspot.hotspot-2,.hotspot.hotspot-5,.hotspot.hotspot-8{left:33.33%}.hotspot.hotspot-3,.hotspot.hotspot-6,.hotspot.hotspot-9{left:66.66%}