.countdown-container{float:right;width:10rem;height:1rem;margin:.25rem 0 .25rem .5rem;border:1px solid currentColor;border-radius:.25rem;box-sizing:border-box;color:inherit}.alert{color:red;animation:blink 1s infinite;-webkit-animation:blink 1s infinite}.countdown-content{display:block;height:100%;width:0;color:inherit;background-color:currentColor}

.status-bar{height:1.5rem;padding-bottom:.25rem;border-bottom:1px dotted #fff}.status-bar-cancel{height:100%;font-size:1rem}.status-bar-cancel:before{content:'«';margin-right:.25em}

.history{height:7rem;overflow-x:scroll;font-size:0;line-height:0;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden}.history-container{display:table-cell;vertical-align:top}.history-container:empty{display:block}.history-container:empty:after{content:attr(data-helper);display:block;line-height:6;font-size:1rem;text-align:center}.history-start-helper{display:none}.history svg{width:4.16667rem;height:5rem;display:inline-block;margin:1rem 0;transform:translateZ(0);animation:expand .25s, fadein .5s linear;-webkit-transform:translateZ(0);-webkit-animation:expand .25s, fadein .5s linear}.history svg.success{border:.125rem solid currentColor;border-radius:.25rem;padding:.375rem .25rem;margin-top:.5rem;margin-bottom:.5rem}.history svg+svg{margin-left:1rem}@keyframes fadein{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes expand{0%{width:0;padding:0}}@-webkit-keyframes expand{0%{width:0;padding:0}}@media (orientation: landscape), (min-width: 1024px){.history{height:auto;border-bottom:none}.history-container{display:block}.history svg{float:left;margin-right:1rem}.history svg+svg{margin-left:0}}

.lock{display:block;width:320px;max-width:90%;margin:auto}.lock-flashdots circle{visibility:hidden;opacity:1}.lock-flashdots circle.active{visibility:visible;opacity:0;transition:visibility 0s, opacity .3s}

.summary{position:fixed;top:0;bottom:auto;left:0;right:0;height:0;overflow:hidden;background:#14171b;visibility:hidden;transition:visibility 0s linear .5s,height .5s ease;-webkit-transition:visibility 0s linear .5s,height .5s ease}body.deepblack .summary{background-color:#000}.summary.active{visibility:visible;height:100%;transition:visibility 0s,height .5s ease .5s;-webkit-transition:visibility 0s,height .5s ease .5s}.summary.view{padding:0}.summary.view .view-bloc{padding:2rem}.summary-title{margin:0}.summary-title.success{color:#fff;background-color:#169}.summary-title.fail{color:#fff;background-color:red}.summary-action-button>*{vertical-align:middle;margin-right:.5em}.summary-action-button{display:block;font-size:1.5rem}.summary-share{font-size:2rem;line-height:0}.summary-share-link{display:inline-block;margin-right:.375em}@media (orientation: landscape), (min-width: 1024px){.summary{align-items:center}}

@media (max-width: 1023px){.history-wrap{border-bottom:1px dotted #fff}.history-wrap .history{margin:0 -2rem}.history-wrap .history-container{padding:0 2rem}}@media (orientation: landscape), (min-width: 1024px){.game-layout-lock{align-self:center}}

.extender-button{display:block;width:100%;padding:.25em;text-align:center;background:rgba(255,255,255,0.125);border-bottom:1px dotted #fff}.extender-button:after{content:'▽';margin-left:.5em}.extender.active .extender-button:after{content:'△'}.extender-content{display:none}.extender.active .extender-content{display:inherit}@media (orientation: landscape), (min-width: 1024px){.extender.small-only .extender-button{display:none}.extender.small-only .extender-content{display:inherit}}

.selectbox-item{cursor:pointer}.selectbox-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.selectbox{border:1px solid #fff;margin-bottom:.5rem;border-radius:.4rem;padding:.25rem}.selectbox-item{padding:.25rem;text-align:center;display:inline-block;box-sizing:border-box}.selectbox-item.active{background:#fff;color:#14171b;border-radius:.2rem}.selectbox-1 .selectbox-item{width:100%}.selectbox-2 .selectbox-item{width:50%}.selectbox-3 .selectbox-item{width:33.33%}.selectbox-4 .selectbox-item{width:25%}.selectbox-5 .selectbox-item{width:20%}

.selector-left,.selector-right{width:2rem}.selector-left{float:left}.selector-right{float:right}.selector-label{margin:0 auto;display:block}.selector{direction:ltr}

.lang-selector.disabled{visibility:hidden;opacity:0;transition:visibility 0s 0.5s, opacity 0.5s linear}.lang-selector{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#14171b;opacity:0.8;transition:opacity 0.5s linear;z-index:1}.lang-selector>div{position:relative;top:50%;transform:translate(0, -50%);text-align:center}

.menu-title{margin:0}.menu-layout-instructions{-webkit-flex:1 0 auto}.menu-layout-form{max-width:480px}.introduction-demo{display:block;width:100%;max-width:320px;margin:1rem auto}.lang-button{display:flex;border-radius:50%;border:1px solid currentColor;width:2em;height:2em;align-items:center;justify-content:center}@media (orientation: landscape), (min-width: 1024px){.menu-layout{align-items:center}}

button{cursor:pointer}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}@font-face{font-family:'Roboto Mono';font-weight:300;src:url("../assets/fonts/robotomono-light-webfont.woff2") format("woff2"),url("../assets/fonts/robotomono-light-webfont.woff") format("woff"),url("../assets/fonts/robotomono-light-webfont.ttf") format("truetype")}*{font-family:'Roboto Mono', Menlo, Consolas, 'Andale Mono', monospace;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{position:relative;margin:0 auto;padding:2rem;max-width:1200px;box-sizing:border-box;background:#14171b;color:#fff;overscroll-behavior-y:none}body.deepblack{background-color:#000}a{color:inherit}button{font-weight:300;background:none;color:#fff;line-height:inherit;font-size:inherit;border:none;padding:0}h1,h2,h3,h4,h5,h6{font-weight:300}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.icon{width:1em;height:1em;vertical-align:middle}.icon *{fill:currentColor}::-webkit-scrollbar{display:none}*:focus{outline:none}.bloc{border-top:1px dotted currentColor;padding:0.75rem 0}.action-btn{display:block;text-align:center;margin:0 auto 0.25rem;font-size:1.25rem;border:1px solid #fff;padding:0.25rem 1rem;box-shadow:0.25rem 0.25rem 0 0 #fff;border-radius:0.4rem}.highlight{display:inline-block;padding:0 0.5rem;color:#14171b;background-color:#fff}.highlight:after{content:'_';animation:blink 1.2s infinite;-webkit-animation:blink 1.2s infinite}.hide{display:none}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.view{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:0;right:0;padding:2rem;overflow:scroll}.view-bloc{flex-grow:1}.view,.view-bloc,.scrollbarlesque{scrollbar-width:none}.view::-webkit-scrollbar,.view-bloc::-webkit-scrollbar,.scrollbarlesque::-webkit-scrollbar{display:none}.ui-row{display:flex;justify-content:space-between;align-items:center}@media (orientation: landscape), (min-width: 1024px){.view{flex-direction:row}.view-bloc{flex-basis:50%;max-height:100%;overflow-y:scroll}.view-bloc+.view-bloc{margin-inline-start:1rem}}@media (max-width: 320px){html{font-size:14px}}@media (min-width: 1024px){html{font-size:20px}}@keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}100%{opacity:0}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}100%{opacity:0}}