*,:after,:before{box-sizing:inherit;list-style-type:none;margin:0;padding:0;text-decoration:none}a,a:visited{color:inherit}a:hover{color:#f80}a:active{color:#f5f5f5}body{background-color:#d3d3d3;font-family:Arial,Helvetica,sans-serif}.hidden{display:none!important}.container{width:100%}.row{flex-direction:row;justify-content:space-between}.col,.row{display:flex}.col{flex-direction:column}.collapsable.collapse{display:none}.whitish{color:#eee}.green{color:#006400}.red{color:darkred}@font-face{font-family:LiberationMono;font-style:normal;font-weight:400;src:url(/build/fonts/LiberationMono-Regular.0963474e.ttf) format("ttf")}.btn{border-radius:15px;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;font-size:1rem;margin:1.5rem 0;outline:none;padding:.5rem}.btn:focus-visible{outline:1px solid #f80}.btn.btn-submit{background-color:inherit;border-color:#f5f5f5;transition:all .5s}.btn.btn-submit:hover{background-color:#f5f5f5;border-color:#f5f5f5;color:#f80}.btn.btn-submit:active{background-color:#555;border-color:#f5f5f5;color:#f5f5f5}form label{display:block;margin-bottom:.5rem;white-space:nowrap}form select{border-radius:12px;color:dimgrey;display:block;margin:0 auto;padding:.2rem;text-align:center}form select,form textarea{outline-color:#f80}#loader{align-items:center;background-color:hsla(0,0%,50%,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}#timer-circle{background-image:linear-gradient(0deg,#333 50%,green 0);background-position:0 -100%;background-size:100% 200%;border:6px solid #fff;border-radius:50%;height:200px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background-position 0;width:200px}#timer-circle.filling{background-position:0 0;transition:background-position .5s linear}#timer-circle #go-text{height:100%;position:relative;width:100%}#timer-circle #go-text span{color:#fff;font-weight:700;position:absolute}#clock-container,#timer-circle #go-text span{font-size:60px;left:50%;top:50%;transform:translate(-50%,-50%)}#clock-container{align-items:center;background-color:#222;color:#ddd;display:flex;font-family:LiberationMono,monospace;height:100%;justify-content:center;position:fixed;width:100%;z-index:1}#chronos-infos{color:#bbb;display:flex;flex-direction:column;height:calc(100vh - 30%);max-height:calc(100vh - 30%);width:100%}#chronos-infos .chronos-info{background-color:#333;border-radius:16px;margin:4px 0;overflow:hidden}#chronos-infos .chronos-info .cube-type{color:#ddd;font-size:1.5rem;padding:2px 10px;text-align:center}#chronos-infos .chronos-info .collapsable>*{border-top:1px solid #eee;padding:1px 16px}#chronos-infos .chronos-info .collapsable .personal-best,#chronos-infos .chronos-info .collapsable .site-record{margin-left:2rem}#chronos-infos .chronos-info .collapsable .session-records .session-record{text-align:right}#chronos-infos .chronos-info .collapsable .session-records .session-record.best{color:#188100}#chronos-infos .chronos-info .collapsable .session-records .session-record.worst{color:#810101}.col-cube-scramble{padding:0 1rem}.col-cube-scramble button#cube-scramble{max-width:5rem}.col-game-interface{padding:0 1rem}.col-game-interface .game-interface .scramble-moves{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.col-game-interface .game-interface #dual-press-hint{margin-top:2rem;position:relative;text-align:center;width:100%;z-index:2}.col-game-interface .game-interface #dual-press-hint #chrono-stop-hint{color:#ddd}.col-game-interface .game-interface #chrono-form-container #readable-duration-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;width:164px}.col-game-interface .game-interface #chrono-form-container #chrono_comment{padding:.2rem .5rem;width:148px}.col-game-interface #chrono_submit{width:146px}.col-chronos-infos{padding:0 1rem}.header{padding:3rem 0;position:relative;width:100%}.header h1{text-align:center}.header #user-menu{position:absolute;right:1rem;top:3.4rem;width:8rem}.header #user-menu .collapsable-trigger{text-align:center}.header #user-menu .collapsable-trigger svg:hover{cursor:pointer;fill:#f80}