@keyframes rotlock{0%{transform:rotateX(90deg) rotateY(0deg)}100%{transform:rotateX(90deg) rotateY(180deg)}}@keyframes rotZ{0%{transform:rotateZ(0deg)}50%{transform:rotateZ(180deg) scale3d(2, 2, 1)}100%{transform:rotateZ(359.9deg)}}@keyframes stunroll{0%{transform:rotateX(0deg)}100%{transform:rotateX(359.9deg)}}@keyframes startroll{0%{transform:rotateY(0deg)}100%{transform:rotateY(359.9deg)}}@keyframes totop{0%{transform:translate3d(50vmin, 50vmin, 0);opacity:0}10%{transform:translate3d(50vmin, 45vmin, 0) scale3d(2, 2, 1);opacity:1}20%{transform:translate3d(50vmin, 40vmin, 0) scale3d(1, 1, 1);opacity:1}100%{transform:translate3d(10vmin, -1vmin, 0);opacity:0}}@keyframes bonus{0%{transform:translate3d(50vmin, 80vmin, 0);opacity:0}20%{transform:translate3d(50vmin, 50vmin, 0) scale3d(2, 2, 1);opacity:1}100%{transform:translate3d(50vmin, 0vmin, 0) scale3d(0.1, 0.1, 0.1);opacity:0}}@keyframes bonusd{0%{transform:translate3d(50vmin, 50vmin, 0);opacity:0}10%{transform:translate3d(50vmin, 50vmin, 0) scale3d(1, 1, 1);opacity:1}50%{transform:translate3d(50vmin, 75vmin, 0) scale3d(1.5, 1.5, 1);opacity:1}80%{transform:translate3d(50vmin, 75vmin, 0) scale3d(1, 1, 1);opacity:1}100%{transform:translate3d(50vmin, 85vmin, 0) scale3d(1, 1, 1);opacity:0}}div#top{font-family:"Lucida Console", Monaco, monospace;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;background:#000;perspective-origin:50% 50%;perspective:150vmin}div#top #tilt{transform:rotateX(25deg);transform-style:preserve-3d}div#top div#brd{position:absolute;top:0;left:0;width:100vmin;height:100vmin;background-size:100% 100%;transform-style:preserve-3d;stransition:width 1s, height 1s}div#top div#brd canvas{width:100%;height:100%}div#top div#brd.rdy{width:600vmin;height:600vmin;xanimation:look 60s linear infinite}div#top .bent{position:absolute;top:0;left:0;transform-style:preserve-3d}div#top .ent{width:12vmin;height:12vmin;position:absolute;top:0;left:0;transform-style:preserve-3d;transition:transform 1s}div#top .ent div{position:absolute;background-size:100% 100%;top:0;left:0;width:12vmin;height:12vmin;transform-style:preserve-3d}div#top .drt{width:6vmin;height:6vmin;position:absolute;top:-3vmin;left:-3vmin;transform-style:preserve-3d}div#top .drt div{position:absolute;background-size:100% 100%;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}div#top .drt .l{animation:rotZ 1s linear infinite}div#top .lck{width:6vmin;height:6vmin;position:absolute;top:-3vmin;left:-3vmin;transform-style:preserve-3d;background:rgba(0,0,0,0.5);border-radius:2vmin}div#top .lck div{position:absolute;background-size:100% 100%;top:0;left:0;width:100%;height:100%;transform-origin:50% 50%;border-radius:2vmin}div#top .lck .l{animation:rotlock 2s linear infinite;background:rgba(128,0,64,0.8)}div#top .lck .r{animation:rotlock 3s linear reverse infinite;transform:rotateX(90deg) rotateY(90deg);background:rgba(192,0,64,0.8)}div#top .bike{width:12vmin;height:6vmin;position:absolute;top:-3vmin;left:-6vmin;transform-style:preserve-3d;transform-origin:50% 50%}div#top .bike.stun{animation:stunroll 0.5s linear infinite}div#top .bike.start{animation:startroll 1s linear infinite}div#top .bike.death{animation:startroll 3s linear infinite alternate}div#top .bike div{position:absolute;background-size:100% 100%;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}div#top .bike div div{transform-style:preserve-3d}div#top .bike div div .l{transform:translate3d(0vmin, -3vmin, 0vmin);width:5vmin;height:5vmin}div#top .bike div div .r{transform:translate3d(6vmin, -3vmin, 0vmin);width:5vmin;height:5vmin}div#top .bike div .l{transform:translate3d(0, 0.5vmin, 2vmin) rotateX(90deg);opacity:1}div#top .bike div .r{opacity:1;transform:translate3d(0, -0.5vmin, 2vmin) rotateX(90deg)}div#top .bike .l{transform:translateZ(3vmin)}div#top .bike .r{transform:translateZ(-3vmin) scale3d(1, 1, -1)}div#top .ent_2 div{background:rgba(255,255,0,0.5);border-radius:5vh;transform-origin:0 50%}div#top .ent_2 .l{transform:rotateY(-70deg)}div#top .ent_2 .r{transform:translateX(12vmin) rotateY(-110deg)}div#top .ent_3 div{background:rgba(255,0,0,0.5);transform-origin:0 50%;border-radius:5vmin}div#top .ent_3 .l{transform:rotateY(-70deg)}div#top .ent_3 .r{transform:translateX(12vmin) rotateY(-110deg)}div#top .ent_4 div{transform-origin:50% 50%}div#top .ent_4 div .l{transform:translateX(2rem) rotateY(20deg)}div#top .ent_4 div .r{transform:translateX(-1rem) rotateY(-20deg)}div#top .ent_4 div div .l{transform:translate3d(2rem, 0, 0rem) rotateY(-20deg)}div#top .ent_4 div div .r{transform:translate3d(-1rem, 0, -2rem) rotateY(20deg)}div#top .ent_4 .l{transform:translateZ(3rem)}div#top .ent_4 .r{transform:translateZ(6rem)}div#top .ent_5 div{transform-origin:50% 50%}div#top .ent_5 div .l{transform:translateX(4vmin) rotateY(30deg)}div#top .ent_5 div .r{transform:translateX(-4vmin) rotateY(-30deg)}div#top .ent_5 div div .l{transform:translateY(4vmin) rotateZ(20deg)}div#top .ent_5 div div .r{transform:translateY(-4vmin) rotateZ(-20deg)}div#top .ent_5 .l{transform:translateZ(2rem)}div#top .ent_5 .r{transform:translateZ(4rem)}div#top .ent_6 .l{transform:rotateZ(45deg) rotateY(90deg);transform-origin:0 0}div#top .ent_6 .r{transform:rotateX(90deg);transform-origin:0 0}div#top .ent_7 .l{transform:translate3d(6vmin, 6vmin, 0) rotateX(135deg);transform-origin:0 0}div#top .ent_7 .r{transform:translate3d(6vmin, 6vmin, 0) rotateX(135deg) rotateY(90deg);transform-origin:0 0}div#top .ent_7 div .l{transform:translate3d(12vmin, 6vmin, 0);transform-origin:0 0}div#top .ent_7 div .r{transform-origin:0 0;transform:translate3d(6vmin, 12vmin, 0) rotateX(30deg)}div#top #ctlt{position:absolute;z-index:1000;left:0;top:0;background:rgba(0,0,0,0.4);border-bottom-right-radius:0.5em;color:#FFF;padding:0.25em;font-variant:small-caps;font-size:3vmin}div#top #ctlt b{color:#AAF}div#top #ctlt div{width:4em;display:inline-block;text-align:center}div#top #ctl{position:absolute;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;right:0;top:0;bottom:0;width:40vmin}@media only screen and (orientation: portrait){div#top #ctl{top:auto;right:0;left:0;bottom:0;height:40vmin;width:auto;flex-direction:row}}div#top #ctl #hud{width:40vmin;height:40vmin;background:rgba(0,0,0,0.4);border-radius:3vmax;margin:auto;overflow:hidden}div#top #ctl #hud div{position:absolute;width:1vmin;height:1vmin;border-radius:25%}div#top #ctl #dirctl{margin:auto;width:38vmin;height:38vmin;background:rgba(0,64,0,0.5);border-radius:50%;background-size:100% 100%;border:3px solid #0F0}div#top #ctl #drtctl{margin:auto;width:15vmin;height:15vmin;background:rgba(0,0,64,0.5);border-radius:50%;background-size:100% 100%;border:5px outset #00F}div#top #mb{position:absolute;z-index:2000;top:5vmin;left:-95vmin;width:80vmin;height:80vmin;background:rgba(0,0,0,0.7);font-size:4vmin;color:#FFF;padding:2vmin 5vmin;text-align:center;border-radius:5vmin;border:#88F solid 2px;transition:left 0.5s}div#top #mb #mb_t{font-size:6vmin;font-variant:small-caps;border-bottom:1px solid #FFF;margin:0}div#top #mb.act{left:5vmin}div#top #mb pre{margin:0;color:#88F}div#top #mb pre h5{text-align:left;font-weight:normal;font-size:4vmin;color:#ccf;margin:0;padding:0}div#top #mb button{font-size:5vmin;padding:3vmin;background:none;color:#FFF;border-radius:5vmin;border:#88F solid 1vmin}div#top .txt{width:50vmin;height:auto;text-align:center;position:absolute;left:-25vmin;top:-5vmin;z-index:200;animation:totop 2s;color:#FFF}div#top .txt b{font-size:140%}div#top .txt.s1{animation:totop 2s linear 0s}div#top .txt.s2{animation:totop 2s linear 0.3s}div#top .txt.s3{animation:bonus 4s linear;font-weight:bold;padding:1em;border-radius:1em;background:rgba(0,0,0,0.3);color:#0FA}div#top .txt.s4{animation:bonus 3s linear 1s;padding:1em;border-radius:1em;background:rgba(0,0,255,0.3);color:#AAF}div#top .txt.bad{animation:bonus 8s linear;color:#F00;font-weight:bold;font-variant:small-caps;font-size:5vmin}div#top .txt.good{animation:bonusd 10s linear;color:#0FF;font-weight:bold;font-variant:small-caps;font-size:5vmin}
