body{background-color:#000;margin:0;overflow:hidden;color:#ddd;position:absolute;height:100%;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body *{box-sizing:border-box}canvas{background-color:#000}#m5-game{position:absolute}#m5-game canvas{width:100%;height:100%}#m5-debug{display:none}.m5-loading{position:absolute;width:100%;height:100%;background-color:#000;z-index:1000;transition:opacity .2s ease}.m5-loading-logo{position:absolute;top:15%;height:60%;width:100%;background-image:url(../assets/images/logo.png);background-position:center center;background-repeat:no-repeat;background-size:auto 100%}.m5-loading-progress{width:25em;position:absolute;top:80%;margin-top:-7px;margin-left:-12.5em;height:1rem;background-color:#333;border-radius:14px;left:50%;overflow:hidden;transition:transform .2s ease-out}.m5-loading-progress-inner{position:absolute;background-color:rgba(222,138,0,0.75);width:0;height:100%;transition:width .2s ease-out}.m5-loading-progress-inner span{text-align:center;color:#000;opacity:0;transition:opacity .2s ease-out;text-align:center;text-transform:uppercase;font-family:Verdana,Geneva,sans-serif;font-size:.75rem;line-height:1rem;display:block;width:100%;font-weight:bold}.m5-loading--loaded{cursor:pointer}.m5-loading--loaded .m5-loading-progress-inner span{opacity:1}.m5-loading--loaded .m5-loading-progress{transform:scale(1.5,1.5)}#m5-hud{color:#fff;font-family:Verdana,Geneva,sans-serif}#m5-hud>*{z-index:500;position:absolute}#m5-hud.m5-hud--ready{opacity:1}@keyframes CRFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes CRFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes CRSlideOut{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@keyframes CRSlideIn{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@keyframes CRSlideOutR{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}@keyframes CRSlideInR{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes CRExitUp{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-100%);opacity:0}}@keyframes CRExitDown{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,100%);opacity:0}}@keyframes CREnterUp{0%{transform:translate(0,-100%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes CREnterDown{0%{transform:translate(0,100%);opacity:0}100%{transform:translate(0,0);opacity:1}}#m5-hud button{margin:0;background-color:rgba(80,80,80,0.75);color:#fff;border:0 none;padding:.4em 1em;font-size:.75em;font-family:'MarcellusSC';border-radius:.25em;cursor:pointer;transition:background-color .2s ease-out,box-shadow .2s ease-out;position:relative}#m5-hud button:hover{background-color:rgba(153,0,0,0.75)}#CRHUDTemperature{position:absolute;left:1em;right:1em;bottom:1em;background:linear-gradient(to right,#111 0,#900 50%,#fc0 100%);height:2em;overflow:hidden;border-radius:1em;transition:opacity .2s ease-out;opacity:0}#CRHUDTemperature>div{position:absolute;right:0;top:0;bottom:0;left:0;margin:-1px;background-color:#333}#CRHUDTimedRun{font-family:'OpenSans';width:100%;transition:opacity .2s ease-out;opacity:0;text-shadow:0 0 .1em #555}#CRHUDTimedRun>div:first-child{font-size:3em;position:absolute;top:0;right:.5em}#CRHUDTimedRun>div:last-child{font-size:2em;position:absolute;top:.25em;left:.5em;width:50%}#CRHUDTimedRun>div:last-child>div:first-child{width:0;background-color:#900;height:.2em;position:absolute}#CRHUDTimedRun>div:last-child>div:last-child{display:flex;width:100%}#CRHUDTimedRun>div:last-child>div:last-child>div{flex:1;text-align:center;border-top:.2em solid #ccc;border-left:.1em solid #ccc;height:.75em}#CRHUDTimedRun>div:last-child>div:last-child>div:last-child{border-right:.1em solid #ccc;flex:1.5}#CRHUDIntro,#CRHUDTitle{font-family:'MarcellusSC';font-style:normal;font-weight:400;font-size:4em;position:absolute;width:100%;height:100%;animation:CRFadeOut .2s ease-out forwards;overflow:hidden;text-shadow:0 0 .1em #555}#CRHUDIntro.m5-intro--show,#CRHUDTitle.CRHUDTitle--Show{animation:CRFadeIn .2s ease-out forwards}#CRHUDIntro>div{position:absolute;height:100%;padding:0 1.5em;text-align:center}#CRHUDIntro>div{left:50%;right:0;opacity:0;transition:opacity .2s ease-out;text-align:left;height:auto;top:5%;bottom:5%}#CRHUDTitle::before,#CRHUDTitle::after,#CRHUDIntro::before,#CRHUDIntro::after{content:"";position:absolute;width:100%;height:5%;background-color:#000;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}#CRHUDTitle::before,#CRHUDIntro::before{top:0;transform:translate(0,-100%)}#CRHUDTitle::after,#CRHUDIntro::after{bottom:0;transform:translate(0,100%)}#CRHUDTitle.CRHUDTitle--Show::before,#CRHUDTitle.CRHUDTitle--Show::after,#CRHUDIntro.m5-intro--lock::before,#CRHUDIntro.m5-intro--lock::after{opacity:1;transform:translate(0,0)}#CRHUDTitle.CRHUDTitle--Show::before,#CRHUDIntro.m5-intro--lock::before{animation:CREnterUp .2s ease-out}#CRHUDTitle.CRHUDTitle--Show::after,#CRHUDIntro.m5-intro--lock::after{animation:CREnterDown .2s ease-out}#CRHUDIntro>div.m5-intro-stage--show{opacity:1;z-index:10}#CRHUDIntro>div>p{opacity:0;position:absolute;transition:opacity .2s ease-out;left:1.666em;right:1.666em;font-size:.9em;text-align:left}#CRHUDIntro>div>p.m5-intro-stage-step--show{opacity:1;z-index:10}.m5-intro-stage-step--suggest::after{font-family:'OpenSans';content:"...";display:none;animation:CRFadeIn .2s ease-out;width:100%;text-align:center}#CRHUDIntro.CRHUDIntro--TitleOpen .m5-intro-stage--show{animation:CRFadeOut .2s ease-out forwards !important}#CRHUDTitle>div{right:0;left:0;text-align:left;animation:CRSlideOut .2s ease-out forwards;position:absolute;height:100%;z-index:10}#CRHUDTitle.CRHUDTitle--Show>div{animation:CRSlideIn .2s ease-out forwards}#CRHUDTitle{background-color:rgba(0,0,0,0.5)}#CRHUDTitle button{margin:0 .5em .5em 0;white-space:nowrap}#CRHUDTitle button.CRHUDTitle-Button--Active{background-color:rgba(222,138,0,0.75)}#CRHUDTitle button[disabled]{cursor:default;background-color:rgba(50,50,50,0.75);color:rgba(0,0,0,0)}#CRHUDTitle button.CRHUDTitle-Button--Unlocked{color:rgba(0,0,0,0)}#CRHUDTitle button[disabled]::after,#CRHUDTitle button.CRHUDTitle-Button--Unlocked::after{content:"";position:absolute;width:1em;height:.8em;border-radius:20%;background-color:rgba(80,80,80,1);left:50%;margin-left:-0.5em;top:50%;margin-top:-0.2em}#CRHUDTitle button[disabled]::before,#CRHUDTitle button.CRHUDTitle-Button--Unlocked::before{content:"";position:absolute;box-sizing:border-box;width:.6em;height:.45em;border-radius:.3em .3em 0 0;border:.15em solid rgba(80,80,80,1);border-bottom:0 none;background-color:transparent !important;left:50%;margin-left:-0.3em;top:50%;margin-top:-0.6em}#CRHUDTitle button.CRHUDTitle-Button--Unlocked::before{border-color:rgba(255,255,255,1);animation:CRHUDTitle-Button-Unlock-Icon-Before-Anim 1.5s .5s ease-out forwards}#CRHUDTitle button.CRHUDTitle-Button--Unlocked::after{background-color:rgba(255,255,255,1);animation:CRHUDTitle-Button-Unlock-Icon-After-Anim 1.5s .5s ease-out forwards}@keyframes CRHUDTitle-Button-Unlock-Icon-Before-Anim{0%{transform:rotate(0);opacity:1}4%{transform:rotate(-4deg);opacity:1}8%{transform:rotate(8deg);opacity:1}12%{transform:rotate(-12deg);opacity:1}16%{transform:rotate(16deg);opacity:1}20%{transform:rotate(-20deg);opacity:1}24%{transform:rotate(24deg);opacity:1}100%{transform:translate(-100%,-200%) rotate(-890deg) scale(2,2);opacity:0}}@keyframes CRHUDTitle-Button-Unlock-Icon-After-Anim{0%{transform:rotate(0);opacity:1}4%{transform:rotate(4deg);opacity:1}8%{transform:rotate(-8deg);opacity:1}12%{transform:rotate(12deg);opacity:1}16%{transform:rotate(-16deg);opacity:1}20%{transform:rotate(20deg);opacity:1}24%{transform:rotate(-24deg);opacity:1}100%{transform:translate(100%,150%) rotate(570deg) scale(2,2);opacity:0}}#CRHUDTitle button.CRHUDTitle-Button--Unlocked{animation:CRHUDTitle-Button-Unlock-Anim 2s 1s ease-out forwards}@keyframes CRHUDTitle-Button-Unlock-Anim{0%{color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,0)}75%{color:rgba(255,204,0,1)}100%{color:#fff}}#CRHUDTitle a{transition:color .2s ease-out;color:#fff}#CRHUDTitle a:hover{color:rgba(255,204,0,1)}#CRHUDTitle h1{font-size:2.5em;margin:.4em 0}#CRHUDTitle-Main,#CRHUDTitle-Info,#CRHUDTitle-Credits{transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;height:100%;padding:0 1.5em}#CRHUDTitle>div:nth-child(1){width:50%}#CRHUDTitle-Main h5{margin:0;font-weight:normal;margin-bottom:.35em;margin-top:.5em}#CRHUDTitle-Main>div{display:flex;flex-direction:row;flex-wrap:wrap}#CRHUDTitle-Main-Buttons-SetStage button,#CRHUDTitle-Main-Buttons-Quality button{font-size:.5em}#CRHUDTitle-Main-Buttons-SetStage button{flex:1}#CRHUDTitle>div:nth-child(3){top:100%}#CRHUDTitle-Credits{opacity:0}#CRHUDTitle-Credits-Content{font-family:'OpenSans';font-size:.5em;white-space:normal;color:#eee;display:flex;flex-wrap:wrap}#CRHUDTitle-Credits-Content>div{min-width:50%;max-width:50%}#CRHUDTitle-Credits-Content p{margin-bottom:1em;margin-top:.5em;line-height:1.5em}#CRHUDTitle-Credits-Content>h2{margin-top:0;min-width:100%;max-width:100%}#CRHUDTitle-Credits-Content h3{margin:0}#CRHUDTitle-Credits-Content img{height:1.75em;margin-bottom:-0.45em;margin-top:-0.25em}#CRHUDTitle-Credits-Content small{display:block;margin-top:.5em;opacity:.9}#CRHUDTitle>div:nth-child(2){right:0;left:auto;width:50%;text-align:left;animation:CRSlideOutR .2s ease-out forwards;z-index:5}#CRHUDTitle.CRHUDTitle--Show>div:nth-child(2){animation:CRSlideInR .2s ease-out forwards}#CRHUDTitle-Info-Tabs{display:flex;align-items:flex-end;height:37%}#CRHUDTitle-Info-Tabs button{font-size:.5em;margin:.25em;white-space:nowrap;flex:1}#CRHUDTitle-Info-Contents{height:63%;position:relative}#CRHUDTitle-Info-Contents hr{opacity:.5;width:110%;margin-left:-5%}#CRHUDTitle-Info-Contents>div{position:absolute;opacity:0;transition:opacity .2s ease-out;font-size:.5em;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:.6em;padding-bottom:2.6em}#CRHUDTitle-Info-Contents>div.CRHUDTitle-Info--Selected{opacity:.9;z-index:10}#CRHUDTitle-HowTo{padding-top:1.3em;font-family:'OpenSans';color:#eee}#CRHUDTitle-HowTo>div{display:flex;margin:.5em 0}#CRHUDTitle-HowTo span{line-height:1.5em;padding-left:.5em}.CRHUDTitle-HowTo-Control,.CRHUDTitle-HowTo-Dont,.CRHUDTitle-HowTo-GoFast{display:inline-block;width:1.5em;height:1.5em;margin-right:.5em;position:relative}.CRHUDTitle-HowTo-Control--Esc{display:flex;justify-content:center;align-items:center}.CRHUDTitle-HowTo-Control--Esc::before{content:"Esc";font-size:.5em;text-align:center;height:80%;width:80%;border:1px solid;border-radius:10%;display:flex;justify-content:center;align-items:center}.CRHUDTitle-HowTo-Control--Mouse{border:1px solid;border-radius:.35em;width:1em;height:1.3em;margin:.1em .75em .1em .25em;overflow:hidden}.CRHUDTitle-HowTo-Control--Mouse::before,.CRHUDTitle-HowTo-Control--Mouse::after{content:"";border-bottom:1px solid;width:50%;height:35%;top:0;position:absolute}.CRHUDTitle-HowTo-Control--Mouse::before{left:0;border-right:1px solid}.CRHUDTitle-HowTo-Control--Mouse::after{right:0;border-left:1px solid}.CRHUDTitle-HowTo-Control--MouseButtonLeft::before{background-color:#900}.CRHUDTitle-HowTo-Control--MouseButtonRight::after{background-color:#900}.CRHUDTitle-HowTo-Dont::before{content:"";display:block;border:1px solid;border-radius:.35em;height:20%;width:80%;margin:40% 10%}.CRHUDTitle-HowTo-Dont--BlowUp::before{background:linear-gradient(to right,#111 0,#900 50%,#fc0 100%)}.CRHUDTitle-HowTo-Dont--Freeze::before{background-color:#333}.CRHUDTitle-HowTo-GoFast{transform:rotate(45deg)}.CRHUDTitle-HowTo-GoFast>i{display:block;position:absolute;height:40%;width:40%;border-top:.1em solid;border-right:.1em solid}.CRHUDTitle-HowTo-GoFast>i:nth-child(1){top:.25em;right:.25em}.CRHUDTitle-HowTo-GoFast>i:nth-child(2){top:.5em;right:.5em;transform:scale(0.8,0.8)}.CRHUDTitle-HowTo-GoFast>i:nth-child(3){top:.75em;right:.75em;transform:scale(0.65,0.65)}#CRHUDTitle-ToggleCredits{position:absolute;bottom:1.15em;left:1.5em;cursor:pointer;z-index:20}#CRHUDTitle-ToggleCredits>span{display:block;position:absolute;left:0;transition:transform .2s ease-out,opacity .2s ease-out;bottom:0;font-size:.6em}#CRHUDTitle-ToggleCredits>span:first-child{opacity:1;transform:translate(0,0)}#CRHUDTitle-ToggleCredits>span:last-child{opacity:0;transform:translate(0,100%)}#CRHUDTitle.CRHUDTitle--ShowCredits #CRHUDTitle-ToggleCredits>span:first-child{opacity:0;transform:translate(0,-100%)}#CRHUDTitle.CRHUDTitle--ShowCredits #CRHUDTitle-ToggleCredits>span:last-child{opacity:1;transform:translate(0,0)}#CRHUDTitle.CRHUDTitle--ShowCredits #CRHUDTitle-Main{opacity:0;transform:translate(0,-100%)}#CRHUDTitle.CRHUDTitle--ShowCredits #CRHUDTitle-Credits{opacity:1;transform:translate(0,-100%)}#CRHUDTitle.CRHUDTitle--ShowCredits #CRHUDTitle-Info{transform:translate(0,-100%);opacity:0}.CRHUDHighScores--Loading{height:2em;width:2em;margin:auto;position:relative}.CRHUDHighScores--Loading::after{content:"";position:absolute;width:1.80em;height:1.80em;border-style:solid;border-radius:100%;border-color:#fff rgba(0,0,0,0);border-width:.05em;animation:CRHUDHighScores-Loading-Animation 1s linear infinite;margin:.05em}@keyframes CRHUDHighScores-Loading-Animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.CRHUDHighScores--Error{color:#900;margin:auto}.CRHUDHighScores--Error::before{content:"!";font-size:2em;display:block}.CRHUDHighScores{animation:CRFadeIn .2s ease-out}.CRHUDHighScores-Entry{display:flex;margin:.25em 0;font-size:.9em}.CRHUDHighScores-Entry--Selected{color:rgba(255,204,0,1)}.CRHUDHighScores-Entry-Position{font-family:'OpenSans';padding-right:.5em;text-align:right;position:absolute;transform:translate(-100%,0)}.CRHUDHighScores-Entry-User{line-height:1.45em;min-width:6em;max-width:6em;overflow:hidden;text-overflow:ellipsis}.CRHUDHighScores-Entry-Score{font-family:'OpenSans';display:flex;position:relative}.CRHUDHighScores-Entry-Score-Total{min-width:4em;max-width:4em;text-align:right;overflow:hidden;text-overflow:ellipsis}.CRHUDHighScores-Entry-Score-Levels{display:flex;position:relative;font-size:.7em;margin:.4em 0 0 1em}.CRHUDHighScores-Entry-Score-Levels-Element{min-width:4em;max-width:4em;text-align:center;border-top:.2em solid;position:relative}.CRHUDHighScores-Entry-Score-Levels-Element small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:.2em}.CRHUDHighScores-Entry-Score-Levels-Element:last-child{min-width:6em;max-width:6em}.CRHUDHighScores-Entry-Score-Levels-Element::before,.CRHUDHighScores-Entry-Score-Levels-Element:last-child::after{content:"";position:absolute;border-left:.1em solid;height:.3em;display:block;top:0}.CRHUDHighScores-Entry-Score-Levels-Element:last-child::after{right:0}.CRHUDHighScores-Entry-Score-Levels-Progress{position:absolute;border-top:.2em solid #900;z-index:10}#CRHUDTitle .CRHUDHighScores-DetailsToggle{text-align:right;font-size:.9em}#CRHUDTitle .CRHUDHighScores-DetailsToggle button{padding:.2em .5em;margin-right:0}.CRHUDHighScores-Entry{transform:translate(0,0);transition:transform .2s ease-out}.CRHUDHighScores-Entry-Score-Levels{opacity:1;transform:translate(0,0);transition:transform .2s ease-out,opacity .2s ease-out}.CRHUDHighScores--HideDetails .CRHUDHighScores-Entry{transform:translate(33%,0)}.CRHUDHighScores--HideDetails .CRHUDHighScores-Entry-Score-Levels{transform:translate(100%,0);opacity:0}#CRHUDIntro>div.CRIntroTimed,#CRHUDIntro>div.CRIntroDead{width:100%;left:0}#CRIntroTimed-Content,#CRIntroDead-Content{display:flex;flex-direction:column;align-items:center;text-align:center}#CRIntroDead-Content button{margin-top:15em}.CRHUDHighScores-CurrentScore{margin:1em 0 1.5em 0}.CRHUDHighScores-CurrentScore .CRHUDHighScores-Entry{margin:0}.CRHUDHighScores-CurrentScore .CRHUDHighScores-Entry-User,.CRHUDHighScores-CurrentScore .CRHUDHighScores-Entry-Position{display:none}.CRHUDHighScores-CurrentScore .CRHUDHighScores-Entry-Score-Total{max-width:none;min-width:0}.CRHUDHighScores-OtherScores{margin:0}.CRHUDHighScores-OtherScores>div{opacity:0;animation:CREnterDown .4s ease-out forwards}.CRHUDHighScores-OtherScores>div:nth-child(1){animation-delay:0s}.CRHUDHighScores-OtherScores>div:nth-child(2){animation-delay:.1s}.CRHUDHighScores-OtherScores>div:nth-child(3){animation-delay:.2s}.CRHUDHighScores-OtherScores>div:nth-child(4){animation-delay:.3s}.CRHUDHighScores-OtherScores>div:nth-child(5){animation-delay:.4s}#CRIntroTimed-Content button{margin-top:2em}#CRHUDTitle>div.CRHUDTitle-TopRight{position:absolute;right:0;top:5%;font-size:.5em;z-index:100;height:auto;width:auto;left:auto;display:flex;flex-direction:row-reverse;animation:CRExitUp .2s ease-out forwards;margin-top:.5em;font-family:'OpenSans';line-height:2em}#CRHUDTitle.CRHUDTitle--Show>div.CRHUDTitle-TopRight{animation:CREnterUp .2s ease-out forwards}#CRHUDTitle .CRHUDTitle-TopRight>*{height:2em}button#CRHUDTitle-Fullscreen{width:2em}button#CRHUDTitle-Fullscreen>div{position:absolute;height:60%;width:60%;left:20%;top:20%}button#CRHUDTitle-Fullscreen>div:first-child{transform:rotate(90deg)}button#CRHUDTitle-Fullscreen>div::before,button#CRHUDTitle-Fullscreen>div::after{content:"";width:15%;height:15%;position:absolute;border:.15em solid}button#CRHUDTitle-Fullscreen>div::before{top:0;right:0;border-left-color:transparent;border-bottom-color:transparent}button#CRHUDTitle-Fullscreen>div::after{left:0;bottom:0;border-right-color:transparent;border-top-color:transparent}button#CRHUDTitle-Fullscreen.CRHUDTitle-Fullscreen--Active>div::before,button#CRHUDTitle-Fullscreen.CRHUDTitle-Fullscreen--Active>div::after{transform:rotate(180deg)}.CRHUDTitle-Language{display:flex;margin-right:.5em;font-family:'OpenSans'}#m5-hud .CRHUDTitle-Language>button.CRHUDTitle-Language-Button{font-family:'OpenSans';margin:0;line-height:2em;padding:0;width:3em;margin:0;height:2em;border-radius:0;text-align:center;text-transform:uppercase}#m5-hud .CRHUDTitle-Language>button.CRHUDTitle-Language-Button:first-child{border-radius:.25em 0 0 .25em}#m5-hud .CRHUDTitle-Language>button.CRHUDTitle-Language-Button:last-child{border-radius:0 .25em .25em 0}button#CRHUDTitle-LoggedIn{font-family:'OpenSans';margin:0 .5em .5em 0;z-index:100;cursor:default;padding:0 1em;display:flex;align-items:center}button#CRHUDTitle-LoggedIn:hover{background-color:rgba(80,80,80,0.75)}#CRHUDTitle-LoggedIn-Avatar{margin-left:.5em;height:1.5em;width:1.5em;border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:center}