*{box-sizing:border-box;}body{margin:0;padding:0;overflow-x:hidden;font-family:'Avenir Next',Avenir,sans-serif;font-weight:500;font-size:20px;color:#555;background-color:#1B1B1B;}canvas{cursor:move;display:block;position:absolute;max-width:100%;left:0;top:0;}.is-cub-hovered,.is-cub-hovered canvas{cursor:-webkit-grab;cursor:grab;}.is-cub-dragging,.is-cub-dragging canvas{cursor:-webkit-grabbing;cursor:grabbing;}.instruction{padding:0 10px;text-align:center;position:absolute;width:100%;padding-bottom:40px;}.button{font-family:'Avenir Next',Avenir,sans-serif;font-weight:500;font-size:20px;padding:5px 15px;margin:10px;background:#BBB;color:white;border-radius:5px;border:none;cursor:pointer;}.button:hover{background:#09F;}.top-bar{position:absolute;right:0;top:0;}.level-select-button{position:relative;z-index:2;}.next-level-button{position:absolute;right:50%;-webkit-transform:translateX(-110px) scale(0.5);transform:translateX(-110px) scale(0.5);opacity:0;background:#09F;width:200px;height:80px;pointer-events:none;-webkit-transition:-webkit-transform 0.2s,opacity 0.2s;transition:transform 0.2s,opacity 0.2s;}.next-level-button:hover{background:#2BF;}.next-level-button.is-open{display:inline-block;pointer-events:auto;-webkit-transform:translateX(-110px) scale(1);transform:translate(-110px) scale(1);opacity:1;}.level-list{position:absolute;background:#EEE;width:100%;min-height:100%;right:0;top:0;margin:0;list-style:none;padding:10px;z-index:3;right:-100%;transition:right 0.2s;}.level-list.is-open{right:0;}.level-list__item{display:inline-block;background:#DDD;margin:5px;padding:10px;width:80px;height:80px;text-align:center;border-radius:10px;position:relative;}.level-list__item:hover{color:#09F;cursor:pointer;background:white;}.level-list__item.is-playing{background:#09F;color:white;}.level-list__item__number{display:block;font-size:30px;line-height:35px;}.level-list__item__blurb{display:block;font-size:16px;}.level-list__item__check{position:absolute;right:-10px;top:-10px;width:30px;line-height:30px;background:#555;border-radius:15px;color:white;display:none;}.level-list__item.did-complete .level-list__item__check{display:block;}.levels{display:none;}#main{width:max-content;margin:0 auto;padding:0;}#ra{display:inline-block;margin-right:55px;margin-top:150px;width:180px;height:640px;border:5px solid blue;}#rb{display:inline-block;width:max-content;vertical-align:top;border:5px solid yellow;}#rc{display:inline-block;margin-left:55px;margin-top:150px;width:180px;height:640px;border:5px solid blink;}@media(max-width:800px){#ra,#rc{display:none}}@keyframes gameswo-anim{to{background-position:0 400%}}@keyframes fade-anim{0%{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:0}100%{opacity:0}}@keyframes fade-mid-anim{0%{opacity:.5}40%{opacity:.5}50%{opacity:1}60%{opacity:.5}100%{opacity:.5}}.gameswo{position:absolute;display:block;left:15px;left:calc(15px + env(safe-area-inset-left));top:15px;top:calc(15px + env(safe-area-inset-top));width:44px;height:44px;margin:0;padding:0;z-index:100}.gameswo .title{display:none}.gameswo svg{position:absolute;left:0;top:0;z-index:100;border-radius:50%;border:2px solid #fff;margin:0;padding:0;box-sizing:content-box;pointer-events:none}.mobile .gameswo svg{animation:fade-mid-anim 5s infinite ease-in-out}.gameswo .disc{position:absolute;display:block;width:44px;height:44px;background-color:#9fc;background-image:linear-gradient(to bottom,#9fc 0%,#9cf 25%,#f9c 50%,#fc9 75%,#9fc 100%);background-size:100% 400%;border-radius:50%;pointer-events:none;animation:gameswo-anim 8s infinite linear;opacity:0;will-change:opacity;transition:opacity .2s ease-out}.mobile .gameswo .disc{animation:gameswo-anim 8s infinite linear,fade-anim 5s infinite ease-in-out}body:not(.mobile) .gameswo:hover .disc{opacity:1}.gameswo:active{margin-top:1px}.gameswo .disc{opacity:1;}.mobile .gameswo .disc{animation:gameswo-anim 8s infinite linear;}.mobile .gameswo svg{animation:none;}