#body{height:100%}#exp,#out,#out .t,.box{font-weight:400}.box{box-sizing:border-box;overflow:hidden}#logo,#op{position:relative;color:#fff}#ui,canvas{display:block}#ui{pointer-events:none;width:100vw;height:100vh}#speed .l,.t{font-family:Arial}#left,#minimap{width:10vw;position:absolute}#pm{background-color:#fff}#bl,#bottom,#exp,#intro,#left,#lm,#log1,#log2,#minimap,#minimap .p,#out,#outro,#place,#pm,#retry,#speed,#start,#time,#top,#ui,canvas{position:absolute}#bl,#logo,#op,#speed .l,.box{color:#fff}#mothergameholder{transition:background-color 4s;margin:0;padding:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#intro,#outro{top:6vh;left:10vw;width:80vw;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:scale(1);opacity:1;transition:transform 1s,opacity .8s}#logo{width:0;height:0;letter-spacing:-3vw;top:-24vh;left:-4vh;transform:skewX(10deg)}#log1,#log2{font-size:14vw;top:0}#log1{left:-15vw;text-shadow:0 0 2vw #444}#log2{color:#45abff;text-shadow:0 0 2vw #3c3c97;left:6vw}#exp,#out{top:50%;transform:translateY(-50%);}.box{background-color:rgba(0,0,0,.4);border-left:1vw solid #fff;padding:6vh 4vh}#retry,#speed .l,#start,.h{font-weight:700}#retry,#start{font-size:2vh;left:-.4vh;text-transform:uppercase;bottom:-.4vh}#op{text-shadow:0 0 2vw #3c3c3c;top:-8vh}#bl{display:none;font-weight:400;opacity:.4;bottom:-4vw;left:0}.t{line-height:14px;font-size:18px}.h{font-size:12vh}#ui{opacity:0;transition:opacity 1s}#bottom,#top{left:25vw;top:5vh;height:20vh;width:50vw}#bottom{top:auto;bottom:10vh;height:10vh}#speed{display:flex;justify-content:center;align-items:center;width:60vw;height:10vh;left:-5vw;top:10vh;transform:skew(20deg)}#speed .l{width:3vh;height:2vh;margin:.2vw;background:linear-gradient(180deg,#afafaf,#7e7e7e);transition:.2s ease-in;text-align:center}#speed #l12{width:6vw;height:2vh;transform:scaleY(3);background:linear-gradient(180deg,#e42,#421)!important;margin:.5vw;display:flex;align-items:center;justify-content:center}#speed .l.x{transform:scaleY(3);background:linear-gradient(180deg,#ffcf32,#fc9c36);opacity:1;animation:.3s bounce}#left{left:12vw;top:35vh;height:40vh}#minimap{top:20vh;left:0;height:0}#minimap .p,#pm{width:2vh;height:2vh;top:1vh;left:1vh;border-left:1vh solid #fff;border-top:1vh solid #fff;transform:scaleX(.6) rotate(45deg)}#lm{height:40vh;top:-20vh;left:2.25vh;width:.5vh;border-left:.5vh solid #fff}#pm{height:.5vh;width:6vh;border-radius:0;transform:none;border:none;left:-.5vh;top:0}#place,#time{width:10vw;height:10vh;font-size:3vh;display:flex;justify-content:center;align-items:center;top:1vh;left:0;color:#fff}#place{transform:skewX(-20deg)}#time{transform:skewX(20deg);left:auto;right:0}#time .s{font-size:6vh}@keyframes bounce{from{background:#fff;transform:scaleY(0)}to{background:#fff;transform:scaleY(10)}}


#intro, #outro{top:0;left:0;width:100%;height:100%;display:block;}
#logo{width:auto;height:auto;top:0;left:50%;letter-spacing:-25px;position:absolute;transform:skewX(10deg) translateX(-50%);min-width:260px;}
#log1{left:0;}
#log2{left:200px;}
#log1, #log2{font-size:100px;top:70px;line-height:normal;position: relative;display:inline-block;left:0;}
#exp,#out{top: auto;left: 50%;bottom: 50px;transform: translateX(-50%);padding:20px 20px 40px;max-width: 530px;width: 90%;background:rgba(0,0,0,.8);border-left:0;}
#start, #retry{left:50%;transform:translateX(-50%);bottom: 20px;color:yellow;font-size:20px;white-space:nowrap;}
#op{position:absolute;left:50%;transform:translate(-50%, -50%);top: calc(50% - 50px);line-height: normal;}
#out{bottom:auto;top: calc(50% + 50px);transform: translate(-50%, -50%);text-align:center;padding:20px 20px 60px;}
#retry{bottom: 20px;}
#ui{width:100% !important;height:100%}
#top{top:10px;left:50%;transform: translateX(-50%);}
#speed{top:0;}
#left{left:12%;top:35%;height:40%;}
#bottom{top:auto;bottom:10%;height:10%;left:5%;width:90%;}
#minimap{height:100%;}
#lm{height:104%;}
#minimap .p{width:4vh;height: 4vh;top: 1vh;left: 0.5vh;}