.user-container{justify-content:stretch;display:flex}.user-container .greeting{flex:0 auto}.user-container .greeting .name{padding-right:8px}.user-container .actions{flex:0 auto}.filled[data-v-8891d0e8]{background-color:var(--light);height:100%;color:var(--grey);font-size:6px}.scroll-preview-row[data-v-8891d0e8]{cursor:pointer;background-color:var(--dark)}.scroll-preview{z-index:2;border:1px solid var(--grey)}.scroll-preview-row.highlight{background:var(--grey)!important}.scroll-preview-row.highlight .filled{background:var(--orange)!important}.scroll-preview-row:hover{background:var(--orange)!important}.scroll-preview-row:hover .filled{background:var(--grey)!important}input[type=range].flipped{transform:rotate(180deg)}:root{--main-slider-height:100px;--score-height:64px}header.game-header{height:calc(var(--main-slider-height));width:100%;box-shadow:0px 5px 20px 10px var(--bgcolor);top:var(--header-height);z-index:1;position:fixed}header.game-header .main-slider-container{height:var(--main-slider-height);justify-content:center;width:100%;display:flex}header.game-header .main-slider-container .main-slider{width:15%;height:20px;margin-top:36px;line-height:20px;scale:4}main.game-area{margin-top:calc(var(--header-height) + var(--main-slider-height) + 2px);height:calc(100vh - var(--header-height) - var(--main-slider-height) - 32px);margin-bottom:var(--footer-height);--scroll-preview-width:60px;--score-right-color:#0000;display:flex}@media (min-width:600px){main.game-area{--scroll-preview-width:100px;--score-right-color:var(--text-color)}}main.game-area .slider-scroller{margin-left:var(--scroll-preview-width);flex:auto}main.game-area .slider-scroller .slider-container{flex-direction:column;flex-wrap:auto;align-items:center;display:flex}main.game-area .slider-scroller .slider-container .slider-row{justify-content:center;width:40%;height:30px;display:flex}main.game-area .slider-scroller .slider-container .slider-row .slider-index{text-align:right;width:15%;margin-right:16px}main.game-area .slider-scroller .slider-container .slider-row .slider-index:last-child{text-align:left;color:var(--score-right-color);margin-left:16px;margin-right:0}main.game-area .slider-scroller .slider-container .slider-row .slider-wrapper{flex:1 0 auto}main.game-area .slider-scroller .slider-container .slider-row .slider-wrapper .slider{width:100%}main.game-area .scroll-preview{flex:0 1 var(--scroll-preview-width);-webkit-user-select:none;user-select:none}main.game-area .scroll-preview .scroll-preview-container{flex-direction:column;flex-wrap:auto;display:flex}main.game-area .scroll-preview .scroll-preview-container .scroll-preview-row{flex:0 0 2px}.marquee[data-v-2772877d]{white-space:nowrap;color:var(--text-color);overflow:hidden}.marquee div[data-v-2772877d]{padding-left:100%;animation:15s linear infinite marquee-2772877d;display:inline-block}@keyframes marquee-2772877d{0%{transform:translate(0)}to{transform:translate(-100%)}}.leaderboard-entry[data-v-311a5052]{padding-right:8px}:root{--header-height:32px;--footer-height:24px}header.page-header{height:calc(var(--header-height));width:100%;box-shadow:0px 10px 25px 1px var(--bgcolor);position:fixed;top:0}header.page-header .right{display:inline-block;position:fixed;right:0}header.page-header .right .score{text-align:right;color:var(--orange);padding-right:8px}header.page-header .left{padding:8px;position:fixed;left:0}footer{text-align:center;background-color:var(--bgcolor);width:100%;height:24px;box-shadow:0px -5px 20px 10px var(--bgcolor);column-gap:16px;padding-bottom:8px;display:flex;position:fixed;bottom:0;left:8px;right:8px}footer .online{white-space:nowrap;flex:0 auto}footer .leaderboard{flex:auto}.ji{font-style:normal}.ji.btn{cursor:pointer}.ji.sm{font-size:1rem}.ji.lg{font-size:1.2rem}.ji.xl{font-size:1.5rem}.ji.light_bulb:before{content:"💡"}.ji.sun:before{content:"☀️"}.ji.moon_empty:before{content:"🌑"}.ji.moon_1:before{content:"🌘"}.ji.moon_3:before{content:"🌖"}.ji.moon_full:before{content:"🌕"}.ji.pencil:before{content:"✏️"}.ji.wand:before{content:"🪄"}.ji.save:before{content:"💾"}.ji.refresh:before{content:"🔄️"}.ji.satellite_dish:before,.ji.online:before{content:"📡"}.ji.dot_green:before{content:"🟢"}.ji.dot_red:before{content:"🔴"}.ji.dot_yellow:before{content:"🟡"}:root{--light:#d9d9d9;--dark:black;--orange:orange;--grey:#3b3b3b}.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bgcolor:var(--light);--text-color:var(--dark);--orange:#c07d00;--grey:#bebebe}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bgcolor:var(--dark);--text-color:var(--light)}body{background-color:var(--bgcolor);color:var(--text-color);margin:0}h1,h2,h3,h4,h5,h6{color:var(--orange)}.font-sm{font-size:.8rem}.font-md{font-size:1rem}.font-lg{font-size:1.2rem}.font-xl{font-size:1.5rem}@media (max-width:599px){.hide-sm{display:none}}input.minimal{background-color:var(--bgcolor);border:0;border-bottom:1px var(--text-color)striped;text-align:left;width:auto;font-size:inherit;padding:0;font-family:inherit;text-decoration:underline;display:inline-block}input.minimal:focus{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;outline:none!important}input[readonly][type=range],input[readonly=readonly][type=range]{pointer-events:none}input[readonly][type=range]::-webkit-slider-thumb{pointer-events:none}input[readonly=readonly][type=range]::-webkit-slider-thumb{pointer-events:none}input[readonly][type=range]::-moz-range-thumb{pointer-events:none}input[readonly=readonly][type=range]::-moz-range-thumb{pointer-events:none}input[readonly][type=range]::-ms-thumb{pointer-events:none}input[readonly=readonly][type=range]::-ms-thumb{pointer-events:none}.marquee{white-space:nowrap;color:var(--text-color);overflow:hidden}.marquee div{padding-left:100%;animation:15s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes shake{0%{translate:1px 1px}10%{translate:-1px -2px}20%{translate:-3px}30%{translate:3px 2px}40%{translate:1px -1px}50%{translate:-1px 2px}60%{translate:-3px 1px}70%{translate:3px 1px}80%{translate:-1px -1px}90%{translate:1px 2px}to{translate:1px -2px}}.shake{animation:.5s infinite shake}