@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&display=swap);:root{--bg-color:#121212;--empty-border-color:#4e4e4e;--block-bg-color:#6743e7;--block-bg-image:none;--block-transform:scale(0.9);--decay-bg-color:#3f3f3f;--decay-bg-image:none;--user-bg-color:#f8f8f8;--user-bg-image:none;--line-color:#3f3f3f;--tool-color:#ddd;--text-color:#ddd;--text-color2:#aaa;--text-color3:#a389ff;--text-color4:#af9df1;--text-color5:#856ae7;--text-alpha1:rgba(142,108,255,.2);--text-alpha2:rgba(142,108,255,.6);--text-alpha3:rgba(142,108,255,.35);--box-shadow:rgba(78,78,78,.3);--box-shadow2:rgba(149,130,216,.3);--slider-track-color:#525252;--slider-thumb-color:#7a5aee;--label-bg-color:#3b3b3b;box-sizing:border-box}.alien-theme{--block-bg-color:none;--block-bg-image:url(/square-game/static/media/alien.880f21ac68cf6c7a8299.svg);--block-transform:none;--decay-bg-color:none;--decay-bg-image:url(/square-game/static/media/rocket.9d1c0a6baca461a1b74c.svg);--user-bg-color:none;--user-bg-image:url(/square-game/static/media/rocket2.4de75479b6328b118983.svg);--text-color3:#87df87;--text-color4:#bdfcbd;--text-color5:#7cd17c;--text-alpha1:rgba(107,221,107,.2);--text-alpha2:rgba(125,238,125,.6);--slider-thumb-color:#87df87}.bumble-bee-theme{--block-bg-color:none;--block-bg-image:url(/square-game/static/media/bee.e2e768c0a06c3bbb709b.svg);--block-transform:none;color:#ceb95a}*{box-sizing:inherit;font-size:10px;margin:0;padding:0}:focus-visible{box-shadow:0 0 0 2px currentColor;outline:none}body{background-color:#121212;background-color:var(--bg-color);color:#ddd;color:var(--text-color)}body,button,input{font-family:Roboto Mono,monospace}::selection{background-color:hsla(0,0%,69%,.24)}article.fullscreen{background-color:#121212;background-color:var(--bg-color);left:50%;padding:0 2.5rem;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s ease-in-out}.interface{--side-len:16;--square-gap:1rem;--square-side:2rem;--game-side:calc(var(--side-len)*var(--square-side) + (var(--side-len) - 1)*var(--square-gap));align-items:center;display:flex;flex-direction:column;gap:3rem;height:100vh;justify-content:center;position:relative;width:100vw}.game-inter{width:var(--game-side)}.pref-inter{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out;transition-delay:height .3s;width:90rem}body.pref-mode .pref-inter{max-height:70rem;opacity:1}.finish-line{border-bottom:1px solid #3f3f3f;border-bottom:1px solid var(--decay-bg-color);color:#aaa;color:var(--text-color2);font-size:1.2rem;margin-bottom:1rem;margin-top:-3rem;padding-bottom:.3rem;text-align:center;text-transform:uppercase;width:100%}.game__inner{align-items:flex-end;display:flex;gap:var(--square-gap);height:var(--game-side);overflow:hidden;position:relative;width:100%}.column{height:100%}.column-flex{transition:all .3s ease-in-out}.column-flex .square+.square{margin-top:var(--square-gap)}.square{display:block;height:var(--square-side);opacity:1;position:relative;transition:all .3s ease-in-out;width:var(--square-side)}.square.empty{border:1px solid #4e4e4e;border:1px solid var(--empty-border-color)}.square.decay:before,.square.empty:before{background-image:none;background-image:var(--decay-bg-image);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.square.decay:before{opacity:1}.square.block{background-color:#6743e7;background-color:var(--block-bg-color);background-image:none;background-image:var(--block-bg-image);background-size:contain;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform:var(--block-transform);transform:var(--block-transform)}.square.decay{background-color:#3f3f3f;background-color:var(--decay-bg-color);border:none}.square.dead{height:0;margin-top:0!important;opacity:0}.user-square{background-color:#f8f8f8;background-color:var(--user-bg-color);background-image:none;background-image:var(--user-bg-image);display:block;height:var(--square-side);left:0;position:absolute;top:0;width:var(--square-side)}.game-notice{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212c2!important;display:flex;flex-direction:column;gap:3rem;height:0;justify-content:center;opacity:0;overflow:hidden;width:var(--game-side)}body.notice-mode .game-notice{height:100vh;opacity:1}.game-startup{align-items:center;background-color:#121212c2!important;display:flex;height:60rem;justify-content:center;opacity:1;overflow:hidden;transition:all .2s ease-in-out;width:var(--game-side)}body.game-mode .game-startup{height:0;opacity:0}.start-flex{align-items:center;display:flex;gap:1.5rem}.start-flex>*{transition:all .2s ease-in-out}.start-flex text{fill:transparent;stroke:#3b3b3b;stroke:var(--label-bg-color);font-family:Poppins,sans-serif;font-size:2.25rem}.title-wrapper:hover .title-base{stroke:rgba(142,108,255,.2);stroke:var(--text-alpha1);fill:rgba(142,108,255,.2);fill:var(--text-alpha1)}.start-flex .start-title{stroke:#a389ff;stroke:var(--text-color3);stroke-dasharray:var(--pathLength);stroke-dashoffset:var(--pathLength);-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:strokeText;animation-name:strokeText;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.start-flex text{transition:all .3s ease-in-out}.start-flex .start-title:nth-child(3){--pathLength:155}.start-flex .start-title:nth-child(4){--pathLength:105}@-webkit-keyframes strokeText{0%{stroke-dashoffset:var(--pathLength)}to{stroke-dashoffset:0}}@keyframes strokeText{0%{stroke-dashoffset:var(--pathLength)}to{stroke-dashoffset:0}}.modal-btn{-webkit-appearance:none;appearance:none;background-color:initial;font-size:1.4rem;font-weight:500;padding:9px 15px 10px;position:relative;transition:all .2s ease-in-out}.modal-btn:hover{cursor:pointer;opacity:.8}.modal-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn--no-fill{border:1px solid #a389ff;border:1px solid var(--text-color3);color:#a389ff;color:var(--text-color3)}.btn--fill{background-color:#a389ff;background-color:var(--text-color3);border:none;color:#121212;color:var(--bg-color)}footer{display:flex;justify-content:space-between;margin-top:3rem;width:100%}.tool-bar{align-items:center;align-self:flex-start;display:flex;padding:0 1em}.tool-wrapper{cursor:pointer;display:block;height:2.5rem;position:relative;transition:all .2s ease-in-out;width:2.5rem}.tool-wrapper:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.tool-wrapper:active{-webkit-transform:scale(.9);transform:scale(.9)}.tool-wrapper>*{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.tool{transition:all .2s ease-in-out}.tool-front{opacity:1}.tool-back{opacity:0}.tool svg{color:var(--tool-color);height:2.5rem;width:2.5rem}#playing-btn svg{height:4rem;width:4rem}.pref-item{color:var(--text-color);font-family:Roboto Mono,monospace;font-size:1.3rem;text-align:right}.pref-item>*{font-size:inherit}.pref-item a,.pref-item span.pref-val{color:var(--text-color3)}.pref-item span.pref-info{color:var(--text-color2)}.timer{color:var(--text-color);font-family:Roboto Mono,monospace;font-size:1.4rem;padding:1.1em .25em;text-align:right}.top-bar{align-items:center;display:flex;gap:1.5rem;position:absolute;right:calc(1vw + 3rem);top:3rem}.top__btn{color:var(--text-color2);height:3rem;position:relative;transition:all .3s ease-in-out;width:3rem}.top__btn:hover{color:var(--text-color);cursor:pointer}.top__btn:nth-child(3){height:2.9rem;margin-bottom:.1rem;margin-left:.1rem;margin-top:-.1rem;width:2.9rem}.top__icon,.top__icon>svg,.top__icon>svg>path{height:100%;width:100%}.top__label{background-color:var(--decay-bg-color);border-radius:6px;font-size:1.2rem;left:50%;opacity:0;padding:.3rem .5rem .4rem;pointer-events:none;position:absolute;top:3.7rem;-webkit-transform:translateX(-50%) scale(.95);transform:translateX(-50%) scale(.95);-webkit-transform-origin:top center;transform-origin:top center;transition:all .25s ease-in-out;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.top__btn:hover .top__label{opacity:1;pointer-events:all;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dialog{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .25s ease-in;width:100vw;z-index:50}body.stats-on .dialog--stats{opacity:1;pointer-events:all}.dialog__bg{background-color:rgba(0,0,0,.8);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.dialog__inner{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:radial-gradient(var(--box-shadow2),hsla(0,0%,100%,0));background-position:-50% 0;background-size:200%;border:1px solid var(--text-alpha3);border-radius:10px;box-shadow:0 1px 20px 2px var(--box-shadow2);padding:2rem 3rem 3rem;width:40rem}.dialog__inner>h1{color:var(--text-color3);font-size:2rem;margin-bottom:2rem;text-align:center;text-transform:capitalize}.dialog__close{color:var(--text-color2);cursor:pointer;font-size:2rem;position:absolute;right:2.2rem;top:1.6rem;-webkit-user-select:none;user-select:none}.stats__line{display:flex;justify-content:space-between;width:100%}.stats__line>*{font-size:1.3rem;line-height:1.6;width:50%}.preferences{min-height:80vh;position:relative}fieldset{-webkit-appearance:none;appearance:none;border:none;transition:all .3s ease-in-out;width:70rem}fieldset.pref{align-items:center;border-bottom:1px solid var(--empty-border-color);display:flex;gap:3rem;justify-content:space-between;max-height:15rem;min-height:10rem}fieldset.pref:nth-child(2){transition-delay:.05s}fieldset.pref:nth-child(3){transition-delay:.1s}fieldset.pref:nth-child(4){transition-delay:.15s}fieldset.pref+fieldset.pref{min-height:11.5rem;padding-top:.5em}.slider-wrapper{align-items:center;display:flex;min-height:3rem;position:relative;-webkit-user-select:none;user-select:none;width:35rem}input[type=range]{-webkit-appearance:none;appearance:none;background-color:var(--slider-track-color);height:2px;pointer-events:none;position:relative;position:absolute;width:100%}input[type=range]:focus-visible{background-color:var(--slider-track-color);box-shadow:0 0 0 2px var(--slider-thumb-color)}input[type=range]#minGap{height:0;z-index:2}input[type=range]#maxGap{z-index:1}input[type=range]::-moz-range-thumb,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:initial;border:none;border-radius:0;cursor:pointer;height:calc(var(--square-side)*.9);pointer-events:all;position:relative;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;width:calc(var(--square-side)*.9)}.track-highlight{height:3px;z-index:2}.range-handler-wrapper,.track-highlight{background-color:var(--slider-thumb-color);position:absolute;transition:all .1s ease-in-out}.range-handler-wrapper{height:calc(var(--square-side)*.9);pointer-events:none;width:calc(var(--square-side)*.9);z-index:3}.range-handler-label{background-color:var(--label-bg-color);border-radius:6px;color:var(--text-color);font-size:1.4rem;left:50%;padding:.3em .7em .35em;pointer-events:all;top:-3.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s ease-in-out}.pref label{font-size:1.4rem}.range-label{position:absolute}.range-ext-label{color:var(--text-color2);font-size:1.3rem;top:3rem}.range-ext-label.ext-max{left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pref-btn-flex{display:flex;gap:2rem;justify-content:right;max-height:10rem;padding:2.5em 0}fieldset.pref--timer{gap:10rem;justify-content:left}.input-item{align-items:center;cursor:pointer;display:flex}.input-item>*{cursor:pointer;padding:.5rem 0}.input-item>:last-child{padding-left:1rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--text-color3);border-radius:3px;height:1.85rem;position:relative;transition:all .2s ease-in-out;width:1.85rem}input[type=checkbox]:checked{background-color:var(--text-color3)}input[type=checkbox]:before{border:2px solid;border-color:transparent transparent var(--bg-color) var(--bg-color);content:"";height:4px;left:1px;opacity:0;position:absolute;top:2px;-webkit-transform:rotate(-50deg);transform:rotate(-50deg);transition:inherit;width:9px}input[type=checkbox]:checked:before{opacity:1}.timer-sect{display:flex;flex-direction:column;gap:1rem;transition:all .2s ease-in-out}.timer-sect.disabled{opacity:.7}.timer-sect legend{font-size:1.4rem}.timer-opts{display:flex;gap:1.5rem}input[type=radio]{align-items:center;-webkit-appearance:none;appearance:none;border:2px solid var(--text-color3);border-radius:50%;display:flex;height:1.9rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:1.9rem}input[type=radio]:before{background-color:var(--text-color3);height:.9rem;width:.9rem}input[type=radio]:after,input[type=radio]:before{border-radius:50%;content:"";margin-top:-1px;-webkit-transform:scale(0);transform:scale(0);transition:inherit}input[type=radio]:after{background-color:var(--text-alpha1);height:3.5rem;position:absolute;width:3.5rem}input[type=radio]:checked:before,input[type=radio]:focus:after{-webkit-transform:scale(1);transform:scale(1)}.theme-pref fieldset:is(.pref,.pref-btn-flex){max-height:0!important;min-height:0!important;opacity:0;padding:0!important;pointer-events:none}.pref-btn-theme{justify-content:left;padding:2rem 1rem}.btn-theme,.pref-btn-theme{align-items:center;display:flex}.btn-theme{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid var(--label-bg-color);border-radius:4px;color:var(--text-color3);font-size:1.5rem;font-weight:500;gap:1rem;padding:7px 14px 9px 12px}.btn-theme:hover{background-color:var(--text-color3);border:2px solid var(--bg-color)!important;border-radius:5px;color:var(--bg-color);cursor:pointer}.theme-pref .btn-theme{border:2px solid var(--text-alpha1)}.pref-theme{margin-top:2rem;max-height:50rem;overflow:auto;padding:1rem 2rem;scrollbar-color:var(--label-bg-color) var(--bg-color);width:100%}.game-pref .pref-theme{max-height:0}.theme-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;width:100%}.theme-item{border-radius:6px;position:relative;transition:all .2s ease-in-out;width:100%}.game-pref .theme-item{opacity:0;pointer-events:none}.theme-item:hover{box-shadow:0 0 0 3px var(--box-shadow)}.theme-item.selected{box-shadow:0 0 0 3px var(--slider-thumb-color)!important}.theme-item.selected span{color:var(--text-color3)}.theme-item>:hover{cursor:pointer}.theme-item input{left:1.5rem;position:absolute;top:1.5rem}.theme-item label{display:block;width:100%}.theme-item span{display:block;font-size:1.4rem;padding:1rem 1.2rem 1.3rem 1.6rem;text-transform:capitalize}.theme-img{border:2px solid var(--label-bg-color);border-radius:6px;width:100%}.theme-item:not(:nth-child(-n+2)) .theme-img{border:2px solid var(--text-color);-webkit-filter:invert(1);filter:invert(1)}.game-notice{margin-top:-5rem}.notice-title{font-family:Poppins,sans-serif;position:relative;-webkit-user-select:none;user-select:none}.notice-title .title-text{letter-spacing:.02rem;line-height:1.25;text-align:center;text-transform:uppercase}body.notice-mode .title-text span{-webkit-text-stroke:2px var(--text-alpha2);color:var(--text-alpha1);font-size:5rem;font-weight:700;text-shadow:0 0 5px var(--text-color4)}body.notice-mode .title-text span+span{margin-left:.2rem}.notice-stats{display:flex;flex-wrap:wrap;gap:2rem 5rem;justify-content:center}.stat-item{display:flex;justify-content:space-between;width:18rem}.stat-label,.stat-val{font-size:1.4rem}.stat-label{text-transform:capitalize}.stat-val{color:var(--text-color4)}.notice-score{align-items:center;display:flex;flex-direction:column;gap:2rem}.score-stats{color:var(--text-color2);font-size:1.25rem;font-weight:700;text-transform:uppercase}.score-val{font-size:1.5rem}.score-val span{color:var(--text-color3);font-size:2em}#score-fill{transition:all .2s ease-in-out}body:not(.notice-mode) #score-fill{width:0!important}.score-card-wrapper{height:22px;position:relative;width:310px}.score-card-flex{display:flex;gap:1rem;left:0;position:absolute;top:0}.score-card{background-color:var(--slider-thumb-color);height:2.2rem;-webkit-transform:scale(0);transform:scale(0);width:2.2rem}.score-bg{background-color:var(--label-bg-color);-webkit-transform:none;transform:none}.notice-btns{display:flex;gap:2rem;margin-top:2rem}
/*# sourceMappingURL=main.4b7bcc96.css.map*/