:root{--main-bg-color:#e0dfdc;--panel-bg-color:#beb7a7;--dropout-bg-color:#f3f3f2;--toggle-icon-color:#00000059;--toggle-fg-enabled-color:#63861d;--toggle-bg-enabled-color:#e1f1c0;--toggle-fg-disabled-color:#00000040;--toggle-bg-disabled-color:#00000014;--toggle-threeway-icon-enabled-color:var(--dropout-bg-color);--button-fg-color:#60543999;--button-bg-color:#6054391f;--button-bg-pressed-color:#6054393d;--button-bg-hover-color:#60543952;--button-bg-selected-color:#605439cc;--button-fg-selected-color:#605439cc;--button-bg-color-on-main-bg:#d0cec9;--button-bg-pressed-color-on-main-bg:#c1bdb5;--button-bg-hover-color-on-main-bg:#b7b2a8;--setup-play-button-bg-color:#63861d;--setup-play-button-bg-disabled-color:#6054391f;--setup-play-button-fg-color:#f5faea;--setup-play-button-fg-disabled-color:#ffffff4d;--home-button-bg-color:#1d4b86;--home-button-fg-color:#f2f7fc;--home-button-fg-hover-color:#f2f7fc;--navbar-bg-color:#d0cec9;--navbar-bg-active-color:#e0dfdc;--navbar-bg-hover-color:#e0dfdc;--button-box-shadow:0 3px 6px #00000014,0 3px 6px #0000001f;--dropdown-box-shadow:0 10px 20px #00000014,0 10px 20px #0000001f;--screen-box-shadow:inset 0 0 40px #0003;--text-color:#000;--link-color:#2626d9;--link-hover-color:#040416;--link-tap-highlight-color:#2626d91a;--settings-option-panel-bg-color:#cfcdc9;--settings-option-panel-bg-active-color:#e9e9e7;--settings-option-panel-bg-hover-color:#e0dfdc;--settings-option-panel-border-active-color:#99f;--invalid-grid-warning-color:#e06300;--undefined-tile-color:gray;--dropout-menu-bg-mask-color:#e0dfdc80;--score-display-fg-color:#63861d;--score-display-bg-color:#e1f1c0;--tile-counter-text-color:#858075;--placeholder-fill-color:#c4c4c480;--placeholder-stroke-color:#c4c4c4;--cutout-outline-bg-color:var(--main-bg-color);--cutout-outline-fg-color:#99cd32;--cutout-circle-points-fill-color:#e1f0c1;--cutout-circle-points-stroke-color:#628320;--swatch-selected-border-color:var(--main-bg-color);--footer-version-color:var(--button-fg-color);--footer-copyright-color:var(--button-fg-color);--footer-link-hover-color:var(--button-fg-color);--logo-fill-color:var(--button-fg-color)}body.dark-mode{--main-bg-color:#0d0d0c;--panel-bg-color:#1b1a18;--dropout-bg-color:#363430;--toggle-icon-color:#ffffff59;--toggle-fg-enabled-color:#82a145;--toggle-bg-enabled-color:#546336;--toggle-fg-disabled-color:#ffffff40;--toggle-bg-disabled-color:#ffffff14;--button-fg-color:#ffffff59;--button-bg-color:#ffffff14;--button-bg-pressed-color:#ffffff26;--button-bg-hover-color:#ffffff40;--button-bg-selected-color:#ffffffb3;--button-fg-selected-color:#ffffffb3;--button-bg-color-on-main-bg:#2a2a29;--button-bg-pressed-color-on-main-bg:#474746;--button-bg-hover-color-on-main-bg:#5b5a5a;--setup-play-button-bg-color:#63861d;--setup-play-button-bg-disabled-color:#262626;--setup-play-button-fg-color:#f5faea;--setup-play-button-fg-disabled-color:#333;--home-button-bg-color:#1d4b86;--home-button-fg-color:#f2f7fc;--home-button-fg-hover-color:#f2f7fc;--navbar-bg-color:#262524;--navbar-bg-active-color:#3e3d3d;--navbar-bg-hover-color:#323131;--text-color:gray;--link-color:#8c8cd9;--link-hover-color:#d0d0fb;--link-tap-highlight-color:#8c8cd933;--settings-option-panel-bg-color:#2b2a27;--settings-option-panel-bg-active-color:#3e3c38;--settings-option-panel-bg-hover-color:#3e3c38;--settings-option-panel-border-active-color:#4545a1;--invalid-grid-warning-color:#e06300;--dropout-menu-bg-mask-color:#0d0d0c80;--score-display-fg-color:#7ca725;--score-display-bg-color:#384224;--tile-counter-text-color:var(--text-color);--placeholder-fill-color:#3b3b3b80;--placeholder-stroke-color:#3b3b3b;--cutout-outline-bg-color:var(--main-bg-color);--cutout-outline-fg-color:#99cd32;--cutout-circle-points-fill-color:#e1f0c1;--cutout-circle-points-stroke-color:#628320}body.dark-mode .svg-tile{filter:brightness(85%)}body.dark-mode{--swatch-selected-border-color:#fff;--footer-version-color:#404040;--footer-copyright-color:gray;--footer-link-hover-color:#ccc;--logo-fill-color:gray}:root{--safe-area-max-inset-top:env(safe-area-max-inset-top,env(safe-area-inset-top,36px));--safe-area-max-inset-right:env(safe-area-max-inset-right,env(safe-area-inset-right,36px));--safe-area-max-inset-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,36px));--safe-area-max-inset-left:env(safe-area-max-inset-left,env(safe-area-inset-left,36px))}.safe-inset-top,.safe-inset-bottom{z-index:1000;left:var(--safe-area-max-inset-left);width:calc(100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right));box-sizing:border-box;background:#f00a;position:absolute}.safe-inset-top{height:var(--safe-area-max-inset-top);top:0}.safe-inset-bottom{height:calc(1.5*var(--safe-area-max-inset-bottom));bottom:0}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(Barlow-Regular.3820ee1a.woff2)format("woff2")}:root{font-family:Barlow,sans-serif;font-size:clamp(16px,min(2.5vw,2.5vh),24px)}body{background:var(--main-bg-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;color:var(--text-color);margin:0;padding:0;transition:background-color 50ms}svg{display:block}.atlas-picker-grid{--grid-columns:3;--grid-rows:3;--grid-margin-width:2vh;--grid-margin-height:8vh;--grid-available-width:calc(100vw - var(--grid-margin-width) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-left)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)));--grid-available-height:calc(100vh - var(--grid-margin-height) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - calc(max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)) + 1.25*min(16vw,15vh,max(5vw,7vh,40px))));grid-template-columns:repeat(var(--grid-columns),min-content);width:min-content;height:min-content;display:grid}.atlas-picker-option{--option-margin:min(2vw,2vh);--option-size:min(calc((var(--grid-available-width))/var(--grid-columns)) - 2*var(--option-margin),calc((var(--grid-available-height))/var(--grid-rows)) - 2*var(--option-margin));width:var(--option-size);height:var(--option-size);aspect-ratio:1;margin:var(--option-margin);cursor:pointer;justify-content:center;align-items:center;transition:scale .1s;display:flex}.atlas-picker-option:hover{scale:1.1}.atlas-picker-option .wrap-grid{width:100%;height:100%}.game-button{-khtml-user-select:none;user-select:none;touch-action:none;cursor:pointer;width:calc(min(16vw,15vh,max(5vw,7vh,40px))/2);height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2);box-shadow:var(--button-box-shadow);fill:var(--button-fg-color);background:var(--button-bg-color);border-radius:100%;padding:calc(min(16vw,15vh,max(5vw,7vh,40px))/4);transition-property:transform;transition-duration:.1s;transform:scale(1)}.game-button.game-button-pressed{background:var(--button-bg-pressed-color)}.game-button svg{aspect-ratio:1;width:100%}@media (hover){.game-button:hover{background:var(--button-bg-hover-color)}}.game-button.addtiles{width:calc(min(16vw,15vh,max(5vw,7vh,40px))/1.66667);padding-left:calc(min(16vw,15vh,max(5vw,7vh,40px))/5);padding-right:calc(min(16vw,15vh,max(5vw,7vh,40px))/5)}.game-button.addtiles svg{aspect-ratio:auto;padding-top:5%}.button-row{-khtml-user-select:none;user-select:none;touch-action:none;flex-flow:wrap;display:flex;position:absolute}.button-row.top{top:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top))}.button-row.top .game-button{margin-bottom:calc(min(16vw,15vh,max(5vw,7vh,40px))/4)}.button-row.right{right:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right))}.button-row.right .game-button{margin-left:calc(min(16vw,15vh,max(5vw,7vh,40px))/4)}.button-row.bottom{bottom:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom))}.button-row.bottom .game-button{margin-top:calc(min(16vw,15vh,max(5vw,7vh,40px))/4)}.button-row.left{left:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-left))}.button-row.left .game-button{margin-right:calc(min(16vw,15vh,max(5vw,7vh,40px))/4)}.grid-display,.grid-display .grid,.grid-display .grid svg{width:100%;height:100%}.grid-display-animated,.grid-display-animated .svg-grid{transition-property:all;transition-duration:.4s}.svg-tile{fill:var(--undefined-tile-color)}.svg-placeholder{fill:var(--placeholder-fill-color);stroke:var(--placeholder-stroke-color);transition-property:opacity;transition-duration:.1s}.svg-placeholder.hide{opacity:0}.svg-placeholder.highlight-hint-ok{display:initial;opacity:1}.svg-placeholder.highlight-hint-notok{display:initial;opacity:0}.screen.hide-placeholders .svg-placeholder{opacity:0;display:none}.screen.hide-placeholders .svg-placeholder.highlight-hint-ok{display:initial;opacity:1}.screen.hide-placeholders .svg-placeholder.highlight-hint-notok{display:initial;opacity:0}.svg-score-overlay-mask.disabled{display:none}.svg-score-overlay-mask.enabled{opacity:0;animation-name:score-overlay-opacity;animation-duration:1s}@keyframes score-overlay-opacity{0%{opacity:0}30%{opacity:.3}70%{opacity:.3}to{opacity:0}}.svg-score-overlay{opacity:0;transition-property:opacity;transition-duration:.3s;transition-delay:.2s}.svg-score-overlay .outline-bg{stroke:var(--cutout-outline-bg-color)}.svg-score-overlay .outline-fg{stroke:var(--cutout-outline-fg-color)}.svg-score-overlay circle.points{stroke-dasharray:600 600;fill:var(--cutout-circle-points-fill-color);stroke:var(--cutout-circle-points-stroke-color)}.svg-score-overlay.disabled{display:none}.svg-score-overlay.enabled{opacity:1}.svg-score-overlay.hiding{opacity:0;transition-duration:.5s;transition-delay:.5s}.svg-score-overlay.enabled .points{opacity:0;animation-name:score-overlay-points-opacity-anim;animation-duration:.8s;animation-fill-mode:forwards}.svg-score-overlay.enabled circle.points{animation-delay:.5s}.svg-score-overlay.enabled text.points{animation-delay:.6s}.svg-score-overlay.hiding .points{animation-name:score-overlay-points-opacity-anim-reverse;animation-duration:.4s;animation-fill-mode:both}.svg-score-overlay.hiding circle.points{animation-delay:.1s}.svg-score-overlay.hiding text.points{animation-delay:0s}.svg-score-overlay.enabled .score-outline-outline-fg{stroke-dasharray:6000 6000;stroke-dashoffset:-6000px;animation-name:score-overlay-outline-fg-anim;animation-duration:2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards}.svg-score-overlay.enabled .score-outline-shadow-mask,.svg-score-overlay.enabled .score-outline-outline-bg{animation-name:score-overlay-stroke-width;animation-duration:.3s;animation-fill-mode:forwards}.svg-score-overlay.hiding .score-outline-outline-fg{stroke-dasharray:6000 6000;stroke-dashoffset:-12000px;animation-name:score-overlay-outline-fg-anim-reverse;animation-duration:1s;animation-timing-function:ease-in;animation-fill-mode:forwards}.svg-score-overlay.hiding .score-outline-shadow-mask,.svg-score-overlay.hiding .score-outline-outline-bg{stroke-width:10px;animation-name:scoreOverlay-stroke-width-reverse;animation-duration:.3s;animation-delay:.5s;animation-fill-mode:forwards}@keyframes score-overlay-outline-fg-anim{0%{stroke-dashoffset:-6000px}to{stroke-dashoffset:-12000px}}@keyframes score-overlay-outline-fg-anim-reverse{0%{stroke-dashoffset:-12000px}to{stroke-dashoffset:-6000px}}@keyframes score-overlay-points-opacity-anim{0%{opacity:0;stroke-dashoffset:-600px}25%{stroke-dashoffset:-600px}75%{opacity:100}to{opacity:100;stroke-dashoffset:-1200px}}@keyframes score-overlay-points-opacity-anim-reverse{0%{opacity:100;stroke-dashoffset:-400px}25%{opacity:100}75%{stroke-dashoffset:-600px}to{opacity:0;stroke-dashoffset:-600px}}@keyframes score-overlay-stroke-width{0%{stroke-width:1px}to{stroke-width:10px}}@keyframes score-overlay-stroke-width-reverse{0%{stroke-width:10px}to{stroke-width:1px}}.screen{box-sizing:border-box;width:100%;height:100%;box-shadow:var(--screen-box-shadow);background:var(--main-bg-color);flex-direction:column;transition:background-color 50ms;display:flex;position:fixed;top:0;left:0;overflow:hidden}.screen.appear{animation-name:screen-animate-appear;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:backwards}.screen.disappear{animation-name:screen-animate-disappear;animation-delay:0;animation-duration:.4s;animation-fill-mode:forwards}.screen.with-navbar{padding-bottom:calc(max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)) + 1.25*min(16vw,15vh,max(5vw,7vh,40px)));justify-content:center;align-items:center;display:flex}@keyframes screen-animate-appear{0%{opacity:0}to{opacity:100}}@keyframes screen-animate-disappear{0%{opacity:100}to{opacity:0}}.setting-row{-khtml-user-select:none;user-select:none;touch-action:none}.setting-row .option-wrap{height:100%;position:relative}.setting-row .option-wrap .angles{height:100%;fill:var(--button-fg-color);align-items:center;display:flex;position:absolute;right:.5rem}.setting-row .option-wrap .angles svg{width:.8rem;height:.8rem}.setting-row .dropdown-wrap{z-index:1000;min-width:180%;margin-top:.2rem;margin-bottom:.2rem;display:none;position:absolute;top:100%}.setting-row.upward .dropdown-wrap{top:auto;bottom:100%}.setting-row .dropdown{align-content:flex-start;justify-items:stretch;column-gap:calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));row-gap:calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));border-radius:calc(.4*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));background:var(--settings-option-panel-bg-color);box-shadow:var(--dropdown-box-shadow);padding:calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));box-sizing:content-box;grid-template-columns:1fr 1fr;display:grid}.setting-row.open .dropdown-wrap{display:block}.setting-row.count2 .dropdown-wrap,.setting-row.count3 .dropdown-wrap,.setting-row.count4 .dropdown-wrap{width:100%;min-width:100%}.setting-row.count2 .dropdown,.setting-row.count3 .dropdown,.setting-row.count4 .dropdown{grid-template-columns:1fr}.setting-row-option{grid-template-areas:"example description""example description";grid-template-columns:max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem)1fr;column-gap:calc(.2*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));padding-left:calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));min-height:max(max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem),3.5*clamp(16px,min(2.5vw,2.5vh),24px));background:var(--settings-option-panel-bg-color);border-radius:calc(.4*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));box-sizing:border-box;cursor:pointer;border:2px solid #0000;grid-template-rows:1fr 1fr;align-items:center;font-size:.9rem;transition:transform .1s;display:grid}@media (hover){.setting-row-option:hover{background:var(--settings-option-panel-bg-hover-color)}}.setting-row.language .setting-row-option{min-height:1.2em;padding-left:calc(.4*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));grid-template:"description"1fr/1fr}.setting-row.language .setting-row-option p{margin:0}.setting-row-option.current{box-shadow:var(--button-box-shadow);height:100%;margin:0;padding-right:2em}@keyframes setting-row-option-change-anim{10%{background:var(--settings-option-panel-bg-active-color)}50%{background:var(--settings-option-panel-bg-active-color)}}.setting-row-option .wrap-grid,.setting-row-option>svg{width:calc(.76*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));height:calc(.76*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));grid-area:example;justify-self:center}.setting-row-option>svg.palette{width:calc(.66*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));height:calc(.66*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem))}.setting-row-option p{padding:.2rem calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem)).4rem 0;grid-area:description;margin:0}.setting-row-option.selected,.setting-row-option.selected:hover{border:2px solid var(--settings-option-panel-border-active-color);background:var(--settings-option-panel-bg-active-color)}.game-toggle{-khtml-user-select:none;user-select:none;touch-action:none;cursor:pointer;align-items:center;display:flex}.game-toggle .icon{width:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294);height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294);fill:var(--toggle-icon-color);margin-left:.7vw}.game-toggle .icon svg{aspect-ratio:1;width:100%}.game-toggle .toggle-box{background:var(--toggle-bg-disabled-color);border-radius:min(16vw,15vh,max(5vw,7vh,40px));flex-grow:1;height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294);padding:max(.3vw,4px);display:flex;position:relative}.game-toggle.with-label .label{-khtml-user-select:none;user-select:none;touch-action:none;flex-grow:1;padding-left:.5em}.game-toggle.with-label .toggle-box{flex-grow:0;flex-shrink:0;width:calc(min(16vw,15vh,max(5vw,7vh,40px)))}.game-toggle.threeway .wrap{background:var(--toggle-bg-disabled-color);border-radius:min(16vw,15vh,max(5vw,7vh,40px));flex-direction:row;flex-grow:1;display:flex}.game-toggle.threeway .wrap .toggle-box{background:0 0;height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294 + max(.3vw,4px));transition:flex-shrink .1s,flex-grow .1s}.game-toggle.threeway .toggle-box.a{background:0 0;justify-content:flex-start}.game-toggle.threeway .toggle-box.b{background:0 0;justify-content:flex-end}.game-toggle .toggle-ball{background:var(--toggle-fg-disabled-color);width:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294);height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294);box-shadow:var(--button-box-shadow);border-radius:100%;transition:right .1s;position:absolute;right:calc(100% - min(16vw,15vh,max(5vw,7vh,40px))/2.35294 - max(.3vw,4px))}.game-toggle .toggle-ball-icon{width:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294 - max(.3vw,4px));height:calc(min(16vw,15vh,max(5vw,7vh,40px))/2.35294 - max(.3vw,4px));fill:var(--toggle-icon-color);border-radius:100%;padding:max(.3vw,4px)}.game-toggle .toggle-ball-icon svg{aspect-ratio:1;width:100%}.game-toggle.enabled .toggle-box{background:var(--toggle-bg-enabled-color);justify-content:flex-end}.game-toggle.enabled .toggle-ball{background:var(--toggle-fg-enabled-color);right:max(.3vw,4px)}.game-toggle.threeway.a .toggle-box.a,.game-toggle.threeway.b .toggle-box.b{background:var(--toggle-bg-enabled-color);flex-grow:1;flex-shrink:0}.game-toggle.threeway.a .toggle-box.b,.game-toggle.threeway.b .toggle-box.a{flex-grow:0;flex-shrink:1}.game-toggle.threeway.a .toggle-box.a .toggle-ball-icon,.game-toggle.threeway.b .toggle-box.b .toggle-ball-icon{fill:var(--toggle-threeway-icon-enabled-color);background:var(--toggle-fg-enabled-color);box-shadow:var(--button-box-shadow)}.navbar{-khtml-user-select:none;user-select:none;touch-action:none}.navbar ul,.navbar li{text-indent:0;margin:0;padding:0;list-style:none}.navbar ul{min-height:calc(2.5*var(--navbar-size));align-items:center;column-gap:calc(.25*var(--navbar-size));padding:0 calc(.25*var(--navbar-size));border-radius:calc(1.25*var(--navbar-size));background:var(--navbar-bg-color);box-shadow:var(--button-box-shadow);flex-direction:row;display:flex}.navbar .game-button{width:auto;height:calc(2*var(--navbar-size));padding:0 calc(.5*var(--navbar-size));border-radius:var(--navbar-size);box-shadow:none;background:0 0;flex-direction:row;align-items:center;margin:0;display:flex}.navbar .game-button svg{width:var(--navbar-size);height:var(--navbar-size);flex-grow:0;flex-shrink:0}@media (hover){.navbar .game-button:hover{background:var(--navbar-bg-hover-color)}}.navbar .game-button span{margin:0 calc(.25*var(--navbar-size))calc(.15*var(--navbar-size))calc(.35*var(--navbar-size))}.navbar .active .game-button{background:var(--navbar-bg-active-color)}.main-navbar{width:100%;bottom:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom));z-index:100;--navbar-size:calc(calc(1.25*min(16vw,15vh,max(5vw,7vh,40px)))/2.5);flex-direction:row;justify-content:center;display:flex;position:fixed}.main-navbar.appear{animation-name:navbar-animate-appear;animation-duration:.2s;animation-delay:.3s;animation-fill-mode:both}.main-navbar.disappear{animation-name:navbar-animate-appear;animation-duration:.2s;animation-direction:reverse;animation-fill-mode:both}.small-navbar{--navbar-size:.9rem;grid-area:navbar;max-width:max-content;font-size:.9rem}.small-navbar .game-button{height:auto;min-height:calc(2*var(--navbar-size));margin:calc(.5*var(--navbar-size))0}@keyframes navbar-animate-appear{0%{opacity:0}to{opacity:100}}.screen.main-menu{-khtml-user-select:none;user-select:none;touch-action:none;grid-template-rows:minmax(min-content,3fr) min-content minmax(min-content,4fr);grid-template-areas:"header""atlas-picker-grid""logo";display:grid}.screen.main-menu .atlas-picker-grid{--grid-columns:2;--grid-rows:2;--grid-margin-height:(15vh + max(min(12vw,12vh),min(16vw,15vh,max(5vw,7vh,40px))));--grid-margin-width:2vh;grid-area:atlas-picker-grid}@media screen and (aspect-ratio>=10/7){.screen.main-menu .atlas-picker-grid{--grid-columns:4;--grid-rows:1;--grid-margin-width:3vh}}.screen.main-menu .logo{grid-area:logo;justify-content:center;align-self:start;align-items:start;width:100%;padding:0 0 calc(max(min(12vw,12vh),min(16vw,15vh,max(5vw,7vh,40px)))/2.5);display:flex}.screen.main-menu .logo svg{height:max(min(12vw,12vh),min(16vw,15vh,max(5vw,7vh,40px)));fill:var(--logo-fill-color);padding-right:calc(max(min(12vw,12vh),min(16vw,15vh,max(5vw,7vh,40px)))/6.66667)}.screen.main-menu .header{box-sizing:border-box;width:100%;color:var(--footer-version-color);padding-top:calc(var(--safe-area-max-inset-top) + 1rem);flex-direction:row;grid-area:header;justify-content:center;align-self:flex-start;align-items:flex-start;font-size:1rem;display:flex}.screen.main-menu .header p{color:var(--footer-version-color);margin:0;padding:0}.screen.main-menu .header p.copyright,.screen.main-menu .header a{color:var(--footer-copyright-color)}.screen.main-menu .header a{text-decoration:none}.screen.main-menu .header a:active,.screen.main-menu .header a:hover{color:var(--footer-link-hover-color)}.screen.main-menu.appear-initial .atlas-picker-option{animation-duration:.3s;animation-delay:50ms}.screen.main-menu.appear-initial .atlas-picker-option:first-child{animation-name:example-tile-appear-right-down}.screen.main-menu.appear-initial .atlas-picker-option:nth-child(2){animation-name:example-tile-appear-left-down}.screen.main-menu.appear-initial .atlas-picker-option:nth-child(3){animation-name:example-tile-appear-right-up}.screen.main-menu.appear-initial .atlas-picker-option:nth-child(4){animation-name:example-tile-appear-left-up}@media screen and (aspect-ratio>=10/7){.screen.main-menu.appear-initial .atlas-picker-option:first-child,.screen.main-menu.appear-initial .atlas-picker-option:nth-child(2){animation-name:example-tile-appear-right-0}.screen.main-menu.appear-initial .atlas-picker-option:nth-child(3),.screen.main-menu.appear-initial .atlas-picker-option:nth-child(4){animation-name:example-tile-appear-left-0}.screen.main-menu.appear-initial .atlas-picker-option:nth-child(2),.screen.main-menu.appear-initial .atlas-picker-option:nth-child(3){animation-duration:.2s}}.screen.main-menu.appear-initial .logo{animation:.3s example-tile-appear-bottom}.screen.all-games.appear-initial .atlas-picker-option{animation-composition:add;animation-duration:.3s;animation-delay:50ms}.screen.all-games.appear-initial .atlas-picker-option:first-child{animation-name:example-tile-appear-right-down}.screen.all-games.appear-initial .atlas-picker-option:nth-child(2){animation-name:example-tile-appear-0-down}.screen.all-games.appear-initial .atlas-picker-option:nth-child(3){animation-name:example-tile-appear-left-down}.screen.all-games.appear-initial .atlas-picker-option:nth-child(4){animation-name:example-tile-appear-right-0}.screen.all-games.appear-initial .atlas-picker-option:nth-child(6){animation-name:example-tile-appear-left-0}.screen.all-games.appear-initial .atlas-picker-option:nth-child(7){animation-name:example-tile-appear-right-up}.screen.all-games.appear-initial .atlas-picker-option:nth-child(8){animation-name:example-tile-appear-0-up}.screen.all-games.appear-initial .atlas-picker-option:nth-child(9){animation-name:example-tile-appear-left-up}@keyframes example-tile-appear-left-up{0%{transform:translate(30vw,30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-left-0{0%{transform:translate(30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-left-down{0%{transform:translate(30vw,-30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-0-up{0%{transform:translateY(30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-0-0{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes example-tile-appear-0-down{0%{transform:translateY(-30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-right-up{0%{transform:translate(-30vw,30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-right-0{0%{transform:translate(-30vw)}to{transform:translate(0)}}@keyframes example-tile-appear-right-down{0%{transform:translate(-30vw,-30vw)}to{transform:translate(0)}}.screen.game-display{-khtml-user-select:none;user-select:none;touch-action:none;grid-template-columns:1fr calc(min(16vw,15vh,max(5vw,7vh,40px)) + 2*.6*min(16vw,15vh,max(5vw,7vh,40px)))calc(0px + var(--safe-area-max-inset-right));grid-template-rows:2fr min-content 2fr;grid-template-areas:"main-grid fill fill-end""main-grid tile-stack fill-end""main-grid counters fill-end";display:grid}.screen.game-display .main-grid{grid-area:main-grid}.screen.game-display .fill{background:var(--panel-bg-color);grid-area:fill}.screen.game-display .fill-end{background:var(--panel-bg-color);grid-area:fill-end}.screen.game-display .tile-stack{background:var(--panel-bg-color);flex-direction:column;grid-area:tile-stack;justify-content:center;display:flex;position:relative}.screen.game-display .tile-counter-and-score{background:var(--panel-bg-color);text-align:center;grid-template:"tile-counter refresh-tiles"min-content"score-display score-display"1fr/1fr 1fr;grid-area:counters;display:grid}@media screen and (aspect-ratio>=1) and (aspect-ratio<=4/3){.screen.game-display .tile-counter-and-score{padding-top:2vw}}.screen.game-display{--refreshtiles-size:calc(min(4vw,5vh)/2);--tile-counter-fontsize:calc(min(4vw,5vh)/2)}.screen.game-display .tile-counter{margin-left:1vw;margin-top:calc(.25*var(--refreshtiles-size));opacity:1;grid-area:tile-counter;justify-self:center;transition:opacity .3s}.screen.game-display .game-button.refreshtiles{width:var(--refreshtiles-size);height:var(--refreshtiles-size);padding:calc(.5*var(--refreshtiles-size));opacity:1;grid-area:refresh-tiles;place-self:center;margin-right:1vw;transition:opacity .3s}.screen.game-display.no-more-tiles .tile-counter,.screen.game-display.no-more-tiles .game-button.refreshtiles{opacity:0;pointer-events:none}.screen.game-display .score-display{grid-area:score-display;align-self:flex-end}.screen.game-display .game-button.addtiles{display:none;position:absolute;top:calc(50% - min(16vw,15vh,max(5vw,7vh,40px))/2);left:calc(50% - min(16vw,15vh,max(5vw,7vh,40px))/2)}.screen.game-display.game-finished .tile-on-stack{pointer-events:none}.screen.game-display.game-finished .game-button.addtiles{display:block}.screen.game-display.game-finished .game-button{animation:.5s game-button-appear}.screen.game-display.game-finished .game-button.game-button.refreshtiles{animation:none}@keyframes game-button-appear{0%{opacity:0}to{opacity:1}}.dropout-menu{right:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right));top:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top));z-index:10000;border-radius:calc(min(16vw,15vh,max(5vw,7vh,40px))/2);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.dropout-menu.expanded{background:var(--dropout-bg-color);box-shadow:var(--dropdown-box-shadow);margin:calc(min(16vw,15vh,max(5vw,7vh,40px))/-4)}.dropout-menu.expanded .game-button.dropout{margin:calc(min(16vw,15vh,max(5vw,7vh,40px))/4) calc(min(16vw,15vh,max(5vw,7vh,40px))/4) 0 0}.dropout-menu.expanded .game-button.dropout svg{rotate:90deg}.dropout-menu .game-button.dropout svg{transition:rotate .1s}.dropout-menu .items{grid-template-columns:auto auto auto auto auto auto;margin:calc(-1*min(16vw,15vh,max(5vw,7vh,40px))) calc(min(16vw,15vh,max(5vw,7vh,40px))/10) calc(min(16vw,15vh,max(5vw,7vh,40px))/4);display:none}.dropout-menu .items .game-button{grid-area:1/span 2;margin:0 calc(min(16vw,15vh,max(5vw,7vh,40px))/10) calc(min(16vw,15vh,max(5vw,7vh,40px))/5);transition:scale .1s}.dropout-menu .items .game-toggle{grid-column:span 3;width:calc(1.7*min(16vw,15vh,max(5vw,7vh,40px)));margin:0 0 calc(min(16vw,15vh,max(5vw,7vh,40px))/10);padding:0 calc(min(16vw,15vh,max(5vw,7vh,40px))/10)}.dropout-menu .game-button+.game-toggle,.dropout-menu .game-button+.game-toggle+.game-toggle{border-top:1px solid var(--panel-bg-color);padding-top:calc(min(16vw,15vh,max(5vw,7vh,40px))/5)}.dropout-menu .game-button.backtomenu{background:var(--home-button-bg-color);fill:var(--home-button-fg-color)}.dropout-menu.expanded .items{display:grid}.game-finished .dropout-menu{margin:calc(min(16vw,15vh,max(5vw,7vh,40px))/-4)}.game-finished .dropout-menu .game-toggle,.game-finished .dropout-menu .game-threeway-toggle,.game-finished .dropout-menu .game-button.dropout{display:none}.game-finished .dropout-menu .items{border-top:none;flex-direction:column;margin:calc(min(16vw,15vh,max(5vw,7vh,40px))/4);padding:0;display:flex}.game-finished .dropout-menu .game-button{margin:0 0 calc(min(16vw,15vh,max(5vw,7vh,40px))/5)}.game-finished .dropout-menu .game-button.setup{display:none}.game-finished .dropout-menu .game-button+.game-button{margin-left:0}.tile-stack .grid-display{z-index:1000}.tile-stack .tile-outline{stroke:var(--main-bg-color)}.tile-on-stack{z-index:0;aspect-ratio:1;cursor:grab;max-width:100%;max-height:18vh;transition-property:scale;transition-duration:.1s;position:relative}.tile-on-stack svg{aspect-ratio:1;width:100%}.tile-on-stack.tile-dragging{cursor:grabbing}.tile-on-stack.tile-dragging,.tile-on-stack.tile-drag-return{z-index:100}.tile-on-stack.appear{animation-name:tile-on-stack-appear-anim;animation-duration:.2s;animation-timing-function:linear}@keyframes tile-on-stack-appear-anim{0%{opacity:0}5%{opacity:0}to{opacity:1}}.rotatable{width:100%;height:100%;position:relative}.rotatable.animated{transition:rotate .3s}.rotatable-dragging.animated{transition:rotate .2s}.rotatable-drag-return.animated{z-index:100;transition-property:translate,scale,rotate;transition-duration:.15s}.rotatable-drag-success.animated{transition-property:none}.tile-counter{font-size:var(--tile-counter-fontsize);cursor:pointer;color:var(--tile-counter-text-color)}.tile-counter span{display:block}.tile-counter svg{width:1.5em;height:1.5em;stroke:var(--tile-counter-text-color);stroke-width:.03em;vector-effect:non-scaling-stroke;fill:var(--panel-bg-color);margin-left:.5em;display:block}.score-display .score{box-sizing:border-box;flex-grow:1;margin:10% 10% 1.5vw;font-size:min(4vw,5vh)}.score-display .score p:first-child{border:3px solid var(--score-display-fg-color);background:var(--score-display-bg-color);color:var(--score-display-fg-color);fill:var(--score-display-fg-color);opacity:.5;text-align:center;border-radius:1vw;padding:4% 0 7%;font-size:1em}.score-display .score.animate p:first-child{animation-name:score-display-anim;animation-duration:1s}.score-display .score p{margin:0;padding:0}.score-display .score p.high-score{font-size:var(--tile-counter-fontsize);color:var(--tile-counter-text-color);fill:var(--tile-counter-text-color);opacity:0;height:0;padding-top:0;transition:opacity .3s,height .3s}.show-highscore .score-display .score p.high-score{opacity:1;height:1.2em;padding-top:.1em}.score-display .score .score-points svg{height:.8em;display:inline-block}.score-display .score p.high-score svg{vertical-align:-.1em;height:.8em;padding-right:.2em;display:inline-block}@keyframes score-display-anim{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}@media screen and (orientation:portrait){.screen.game-display{grid-template-columns:5vw 60vw 1fr;grid-template-rows:1fr max(20vw,40px)calc(0px + 1.5*var(--safe-area-max-inset-bottom));grid-template-areas:"main-grid main-grid main-grid""fill tile-stack counters""fill-end fill-end fill-end";display:grid}.screen.game-display .dropout-menu{--button-bg-color:var(--button-bg-color-on-main-bg);--button-bg-pressed-color:var(--button-bg-pressed-color-on-main-bg);--button-bg-hover-color:var(--button-bg-hover-color-on-main-bg);opacity:1;transition:opacity .1s}.screen.game-display.dragging-tile .dropout-menu{opacity:0}.screen.game-display.game-finished .dropout-menu{background:var(--dropout-menu-bg-mask-color)}.screen.game-display.game-finished .dropout-menu .items{border-top:none;flex-direction:row;padding:0}.screen.game-display.game-finished .dropout-menu .items .game-button{margin:0}.screen.game-display.game-finished .dropout-menu .items .game-button+.game-button{margin:0 0 0 calc(min(16vw,15vh,max(5vw,7vh,40px))/5)}.screen.game-display .tile-stack{flex-direction:row;justify-content:center}.screen.game-display{--refreshtiles-size:calc(7vw/2);--tile-counter-fontsize:calc(7vw/2)}.screen.game-display .tile-counter-and-score{grid-template:"refresh-tiles score-display"1fr"tile-counter score-display"min-content/1fr max-content;padding:2vw 2vw 3vw 0;display:grid}.screen.game-display .tile-counter{align-self:flex-end;margin:0;transition:margin .3s,opacity .3s}.screen.game-display .tile-counter span,.screen.game-display .tile-counter svg{display:inline-block}.screen.game-display .tile-counter svg{vertical-align:middle}.screen.game-display .game-button.refreshtiles{align-self:center;margin:0;transition:margin .3s,opacity .3s}.screen.game-display .score-display{align-self:center;padding-right:15%}.screen.game-display .score-display .score{border-radius:2vw;width:15vw;margin:0;font-size:7vw}.screen.game-display.show-highscore .score-display{align-self:flex-end}.screen.game-display.show-highscore .game-button.refreshtiles{margin-bottom:.5em}.screen.game-display.show-highscore .score-display p{padding-top:0;line-height:1em}.screen.game-display.show-highscore .score-display p.high-score{padding-top:.2em;padding-bottom:.2em}.screen.game-display .game-button.addtiles{top:calc(50% - min(16vw,15vh,max(5vw,7vh,40px))/2);left:calc(45vw - min(16vw,15vh,max(5vw,7vh,40px))/2)}.tile-on-stack{max-width:25vw;height:100%;max-height:100%}}.screen.settings-display,.screen.statistics-display,.screen.about-display{--column-width:min(25rem,100vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-left)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)));grid-template-columns:calc((100vw - var(--column-width))/2)var(--column-width)1fr;grid-template-rows:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top))min-content min-content 1.2em;grid-template-areas:". . ."".navbar."".article."". . .";width:100%;height:100%;display:grid;overflow-y:auto}.screen.settings-display nav,.screen.statistics-display nav,.screen.about-display nav{justify-self:center}.screen.settings-display header,.screen.statistics-display header,.screen.about-display header{grid-area:header;align-self:flex-end;padding:0;font-size:2rem;font-weight:400;display:none}.screen.settings-display h2,.screen.statistics-display h2,.screen.about-display h2{align-self:flex-end;margin:.6rem 0;padding:0;font-size:2rem;font-weight:400}.screen.settings-display article,.screen.statistics-display article,.screen.about-display article{grid-area:article;line-height:1.5}.screen.settings-display article h3,.screen.statistics-display article h3,.screen.about-display article h3{align-self:flex-end;margin:1.2rem 0 .6rem;padding:0;font-size:1.5rem;font-weight:400}.screen.settings-display article h4,.screen.statistics-display article h4,.screen.about-display article h4{align-self:flex-end;margin:.6rem 0 .3rem;padding:0;font-size:1.2rem;font-weight:400}.screen.settings-display article h5,.screen.statistics-display article h5,.screen.about-display article h5{margin:.6rem 0 .3rem;padding:0;font-size:1rem;font-weight:400}.screen.settings-display article a,.screen.statistics-display article a,.screen.about-display article a{color:var(--link-color);-webkit-tap-highlight-color:var(--link-tap-highlight-color);border-bottom:1px solid;text-decoration:none}.screen.settings-display article a:active,.screen.settings-display article a:hover,.screen.statistics-display article a:active,.screen.statistics-display article a:hover,.screen.about-display article a:active,.screen.about-display article a:hover{color:var(--link-hover-color)}.screen.settings-display article a.internal,.screen.statistics-display article a.internal,.screen.about-display article a.internal{color:var(--text-color);border-bottom:none}.screen.settings-display article a.internal .icon,.screen.statistics-display article a.internal .icon,.screen.about-display article a.internal .icon{vertical-align:middle;background:var(--button-bg-color);width:.8em;height:.8em;fill:var(--button-fg-color);box-shadow:var(--button-box-shadow);border-radius:50%;margin:0 .3em;padding:.4em;display:inline-block}.screen.settings-display article p,.screen.statistics-display article p,.screen.about-display article p{margin:.6em 0}.screen.settings-display article ul,.screen.statistics-display article ul,.screen.about-display article ul{text-indent:0;margin:.6em 0;padding:0 0 0 1.5em}.screen.settings-display article li,.screen.statistics-display article li,.screen.about-display article li{text-indent:0;margin:0;padding:0}.screen.settings-display article .option,.screen.statistics-display article .option,.screen.about-display article .option{flex-direction:row;align-items:center;margin:.6em 0;display:flex}.screen.settings-display article h5+.option,.screen.statistics-display article h5+.option,.screen.about-display article h5+.option{margin-top:.3em}.screen.settings-display article .option.label-before,.screen.statistics-display article .option.label-before,.screen.about-display article .option.label-before{flex-direction:column;align-items:flex-start;padding-bottom:.2em}.screen.settings-display article .option.label-before .label,.screen.statistics-display article .option.label-before .label,.screen.about-display article .option.label-before .label{padding-bottom:.2em}.screen.settings-display article .option.label-before .game-toggle,.screen.statistics-display article .option.label-before .game-toggle,.screen.about-display article .option.label-before .game-toggle{width:calc(1.8*min(16vw,15vh,max(5vw,7vh,40px)))}.screen.settings-display article .option.label-before+.option.label-aside,.screen.statistics-display article .option.label-before+.option.label-aside,.screen.about-display article .option.label-before+.option.label-aside{padding-top:1.2em}.screen.settings-display article .game-toggle,.screen.statistics-display article .game-toggle,.screen.about-display article .game-toggle{width:100%}.screen.settings-display article .setting-row,.screen.statistics-display article .setting-row,.screen.about-display article .setting-row{width:50%;margin-right:.5em}.screen.settings-display article .option+h3,.screen.statistics-display article .option+h3,.screen.about-display article .option+h3{margin-top:1.8em}.screen.settings-display article p.version-line,.screen.statistics-display article p.version-line,.screen.about-display article p.version-line{color:var(--footer-version-color);margin-top:2.4rem}.screen.statistics-display h3{font-size:1.2rem}.screen.statistics-display article{position:relative}.screen.statistics-display article table,.screen.statistics-display article th,.screen.statistics-display article td{border-spacing:0;font-size:.9em;font-weight:400}.screen.statistics-display article table{table-layout:fixed;width:100%;max-width:100%;margin-bottom:1.2em}.screen.statistics-display article table th,.screen.statistics-display article table td{vertical-align:top;padding:2px}.screen.statistics-display article table th.label,.screen.statistics-display article table td.label{border-left:8px var(--main-bg-color)solid;padding-left:8px}.screen.statistics-display article table th:first-child,.screen.statistics-display article table td:first-child,.screen.statistics-display article table th.label:first-child,.screen.statistics-display article table td.label:first-child{border:none;padding-left:8px}.screen.statistics-display article thead th{text-align:center;vertical-align:bottom;width:6em;max-width:6em}.screen.statistics-display article thead tr:last-child th,.screen.statistics-display article thead tr:last-child td{border-bottom:1px solid var(--button-fg-color)}.screen.statistics-display article tbody th,.screen.statistics-display article tfoot th{text-align:left;text-overflow:ellipsis;overflow:hidden}.screen.statistics-display article tbody td,.screen.statistics-display article tfoot td{text-align:center;width:6em;max-width:6em}.screen.statistics-display article tbody tr:nth-child(odd) th,.screen.statistics-display article tbody tr:nth-child(odd) td{background:var(--button-bg-color)}.screen.statistics-display article tfoot tr:first-child th,.screen.statistics-display article tfoot tr:first-child td{border-top:1px solid var(--button-fg-color)}.screen.paint-display{-khtml-user-select:none;user-select:none;touch-action:none;grid-template-columns:1fr calc(min(16vw,15vh,max(5vw,7vh,40px)) + 2*.6*min(16vw,15vh,max(5vw,7vh,40px)))calc(0px + var(--safe-area-max-inset-right));grid-template-rows:1fr;grid-template-areas:"paint-grid color-stack fill-end";display:grid}.screen.paint-display .paint-grid{grid-area:paint-grid}.screen.paint-display .color-stack{background:var(--panel-bg-color);grid-area:color-stack}.screen.paint-display .fill-end{background:var(--panel-bg-color);grid-area:fill-end}.paint-menu{-khtml-user-select:none;user-select:none;touch-action:none;top:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top));right:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right));position:absolute}.color-stack{box-sizing:border-box;width:100%;height:100%;padding-bottom:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom));flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.color-swatch-wrap{justify-content:center;align-items:center;width:100%;display:flex}.color-swatch{box-sizing:border-box;margin:calc(.1*min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px))));width:min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px)));height:min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px)));box-shadow:var(--button-box-shadow);cursor:grab;border-radius:100%}.color-swatch-selected{border:calc(.1*min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px))))solid var(--main-bg-color)}.color-swatch-remove{background:var(--main-bg-color);background:var(--button-bg-color);border:calc(.1*min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px))))solid transparent}.color-swatch-remove svg{width:calc(.5*min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px))));height:calc(.5*min((100vh - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,1.5*var(--safe-area-max-inset-bottom)))/11,min(16vw,15vh,max(5vw,7vh,40px))));fill:var(--button-fg-color);margin:15% 0 0 15%}.color-swatch-remove.color-swatch-selected{background:var(--main-bg-color)}.color-swatch-remove.color-swatch-selected svg{fill:var(--button-fg-selected-color)}@media screen and (orientation:portrait){.screen.paint-display{grid-template-columns:auto;grid-template-rows:1fr max(20vw,40px)calc(0px + 1.5*var(--safe-area-max-inset-bottom));grid-template-areas:"paint-grid""color-stack""fill-end";display:grid}.paint-menu{background:var(--main-bg-color);border-radius:50%}.color-stack{flex-direction:row;justify-content:center;padding-bottom:0;padding-right:0}.color-swatch-wrap{width:auto;height:100%}.color-swatch{margin:calc(.1*(100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10);width:calc((100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10);height:calc((100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10)}.color-swatch-selected{border:calc(.1*(100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10)solid var(--swatch-selected-border-color)}.color-swatch-remove svg{width:calc(.5*(100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10);height:calc(.5*(100vw - var(--safe-area-max-inset-left) - var(--safe-area-max-inset-right))/10)}}.screen.game-setup{-khtml-user-select:none;user-select:none;touch-action:none;background:var(--panel-bg-color);width:100%;height:100%;box-shadow:var(--screen-box-shadow);grid-template-columns:1fr 1fr;grid-template-areas:"example heading""example settings";grid-template-rows:calc(max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top)) + min(16vw,15vh,max(5vw,7vh,40px)) + 1.2rem)1fr;display:grid;position:absolute;overflow:hidden}.screen.game-setup h2{margin:.6rem calc(min(3vw,2vh) + .1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));grid-area:heading;align-self:flex-end;padding:0;font-size:2rem;font-weight:400}.screen.game-setup .example-grid{background:var(--main-bg-color);box-shadow:var(--screen-box-shadow);grid-area:example;position:relative}.invalid-grid-warning{position:absolute;top:calc(50% - min(16vw,15vh,max(5vw,7vh,40px))/1.33333);left:calc(50% - min(16vw,15vh,max(5vw,7vh,40px))/1.33333)}.invalid-grid-warning svg{width:calc(1.5*min(16vw,15vh,max(5vw,7vh,40px)));height:calc(1.5*min(16vw,15vh,max(5vw,7vh,40px)));fill:var(--invalid-grid-warning-color);vector-effect:non-scaling-stroke}.invalid-grid-warning{opacity:0;transition:opacity .1s}.invalid-grid-warning-active{opacity:1;transition:opacity .5s}.screen.game-setup .game-button.exit{left:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-left));top:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-top));position:absolute}.screen.game-setup .game-button.regenerate{left:max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-left));position:absolute;bottom:calc(min(16vw,15vh,max(5vw,7vh,40px))/1.66667)}.screen.game-setup .buttons{grid-row:span 2;place-self:center}.screen.game-setup .game-button.play{background:var(--setup-play-button-bg-color);width:min(12vh,max(10vw,10vh));height:min(12vh,max(10vw,10vh));box-shadow:var(--button-box-shadow);text-align:center;border-radius:100%;padding:10px;transition:transform .1s}.screen.game-setup .game-button.play.disabled{background:var(--setup-play-button-bg-disabled-color)}.screen.game-setup .game-button.play.disabled svg{fill:var(--setup-play-button-fg-disabled-color)}.screen.game-setup .game-button.play svg{fill:var(--setup-play-button-fg-color);width:65%;height:65%;margin:16% 0 0 9%;display:inline-block}@media (hover){.screen.game-setup .game-button.play:hover{transform:scale(1.1)}.screen.game-setup .game-button.play.disabled:hover{transform:none}}.screen.game-setup .settings{padding-right:calc(2*min(3vw,2vh) + 0px + var(--safe-area-max-inset-right));padding-bottom:calc(0px + 1.5*var(--safe-area-max-inset-bottom));grid-area:settings;grid-template-rows:min-content min-content min-content 1fr;grid-template-columns:1fr 1fr;align-content:flex-start;column-gap:min(3vw,2vh);padding-left:min(3vw,2vh);display:grid;position:relative}.screen.game-setup .setting-row{flex-direction:column;align-self:stretch;margin:.6rem 0;display:flex;position:relative}.screen.game-setup .setting-row h3{margin:0 0 .6rem calc(.1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem));padding:0;font-size:1.2rem;font-weight:400}.screen.game-setup .setting-row:nth-child(2n) .dropdown-wrap{right:0}@media screen and (aspect-ratio>=4/5) and (aspect-ratio<=8/5){.screen.game-setup .setting-row:nth-child(2n) .dropdown-wrap{width:100%}.screen.game-setup .setting-row:nth-child(2n) .dropdown{grid-template-columns:1fr}}@media screen and (height<=550px) and (aspect-ratio>=8/5){.screen.game-setup .setting-row h3{display:none}.screen.game-setup .setting-row-option{min-height:min-content}}@media screen and (height<=500px) and (aspect-ratio>=8/5){.screen.game-setup .settings{width:65vw}}.screen.game-setup circle.checkmark{fill:var(--cutout-circle-points-fill-color);stroke:var(--cutout-circle-points-stroke-color)}.screen.game-setup path.checkmark{fill:var(--cutout-circle-points-stroke-color)}@media screen and (aspect-ratio<=4/5){.screen.game-setup{grid-template:"example"1fr"heading"min-content"settings"min-content/1fr;place-content:flex-start center}.screen.game-setup h2{margin:1.2rem calc(min(3vw,2vh) + .1*max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem))}.screen.game-setup .settings{min-height:max(40vh,8*max(max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem),3.5*clamp(16px,min(2.5vw,2.5vh),24px)));padding-left:calc(min(3vw,3vh) + 0px + var(--safe-area-max-inset-left));padding-right:calc(min(3vw,3vh) + 0px + var(--safe-area-max-inset-right))}.screen.game-setup .game-button.play{width:min(15vw,max(10vw,10vh));height:min(15vw,max(10vw,10vh))}}@media screen and (width<=400px) and (aspect-ratio>=3/7) and (aspect-ratio<=8/10){.screen.game-setup h2{display:none}.screen.game-setup .settings{min-height:max(30vh,7*max(max(min(min(48vw - max(.6*min(16vw,15vh,max(5vw,7vh,40px)) + 0px,var(--safe-area-max-inset-right)))/10,min(80vh - var(--safe-area-max-inset-top) - 1.5*var(--safe-area-max-inset-bottom))/11),2rem),3.5*clamp(16px,min(2.5vw,2.5vh),24px)))}}.screen.main-menu .header{flex-direction:row-reverse;grid-area:none;justify-content:space-between;width:100vw;padding:0;display:flex;position:absolute;top:0;left:0}.screen.main-menu .header p{text-align:right;width:auto;padding-top:calc(var(--safe-area-max-inset-top) + 1rem);padding-right:calc(var(--safe-area-max-inset-right) + 1rem);grid-area:none}.app-stores{flex-direction:row;display:flex}.app-stores .google-play svg{width:155px;height:60px}.app-stores .apple-app-store svg{width:140px;height:60px}@media screen and (width<=300px){.app-stores .google-play svg{width:124px;height:48px}.app-stores .apple-app-store svg{width:112px;height:48px}}@media screen and (aspect-ratio<=10/7){.app-stores{flex-direction:column}}@media screen and (width>=600px){.screen.main-menu .header{justify-content:center}.app-stores{position:absolute;top:0;left:0}}