@font-face{font-family:'Open Sans';font-style:normal;font-weight:300 800;font-stretch:75%;font-display:swap;src:url("../fonts/open-sans/open-sans-condensed-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300 800;font-stretch:75%;font-display:swap;src:url("../fonts/open-sans/open-sans-condensed-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-semi-condensed/barlow-semi-condensed-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-semi-condensed/barlow-semi-condensed-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:'Open Sans','Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:75%;font-size:100%;font-weight:300;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box}html,body{padding:0;margin:0;height:100%;font-family:'Open Sans','Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:75%;font-weight:300}body{color:#fff;overflow:hidden;-webkit-overflow-scrolling:touch;user-select:none}a,a:hover,a:visited{color:#fff}h1,h2,h3,h4,h5{font-weight:300}a{text-decoration:none}a:hover{text-decoration:underline}#menu-nav{display:none;position:absolute;left:0;width:100%;height:48px;padding:0 6px;overflow:visible;color:#fff;isolation:isolate}#menu-nav::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border:12px solid transparent;border-image-slice:12 fill;border-image-width:12px;border-image-repeat:stretch;pointer-events:none}body.top-nav #menu-nav{top:var(--nav-top, 0px)}body.bottom-nav #menu-nav{bottom:0}body.top-nav #menu-nav{left:136px;width:calc(100% - 272px)}#menu-row{display:grid;grid-template-columns:repeat(7, 1fr);height:100%}.menu-cell{display:flex;flex-direction:row;align-items:center;justify-content:center;border-right:1px solid #fcce3d;font-weight:300;padding:0 4px;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.menu-cell:last-child{border-right:none}.menu-icon{display:block;flex:none;width:24px;height:24px;pointer-events:none}.menu-label{margin-left:8px;font-size:14px;font-weight:700;white-space:nowrap}#menu-row .menu-label,.menu-pop-item .menu-label{font-family:'Barlow Semi Condensed','Open Sans','Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:normal;letter-spacing:.01em;font-size:20px;text-transform:uppercase}#menu-row .menu-label{font-size:18px}#menu-row .menu-icon{width:22px;height:22px}.menu-cell-btn{cursor:pointer}.menu-cell-btn:hover{background-color:rgba(0,0,0,0.25)}.menu-cell-game{opacity:.35;cursor:default;pointer-events:none}.menu-cell-game.menu-cell-active{opacity:1;cursor:pointer;pointer-events:auto}.menu-cell-game.menu-cell-active:hover{background-color:rgba(0,0,0,0.25)}#menu-btn-sound .sound-off-icon{display:none}#menu-btn-sound.sound-off .sound-on-icon{display:none}#menu-btn-sound.sound-off .sound-off-icon{display:block}#menu-popdown{position:absolute;right:calc((100% - 12px) / 7 + 6px);min-width:180px;padding:6px;z-index:20;isolation:isolate;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 150ms ease-in,transform 150ms ease-in,visibility 0s linear 150ms}#menu-popdown::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border:12px solid transparent;border-image-slice:12 fill;border-image-width:12px;border-image-repeat:stretch;pointer-events:none}#menu-popdown.open{opacity:1;visibility:visible;transform:none;transition:opacity 150ms ease-out,transform 150ms ease-out,visibility 0s linear 0s}body.top-nav #menu-popdown{top:calc(100% + 6px)}body.bottom-nav #menu-popdown{bottom:calc(100% + 6px)}.menu-pop-item{display:flex;flex-direction:row;align-items:center;height:48px;padding:0 14px;border-bottom:1px solid #fcce3d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.menu-pop-item:last-child{border-bottom:none}.menu-pop-item:hover{background-color:rgba(0,0,0,0.25)}.menu-pop-item .menu-label{margin-left:12px}@media (prefers-reduced-motion:reduce){#menu-popdown,#menu-popdown.open{transition:none}}#menu-logo{display:none;position:absolute;top:var(--nav-top, 0px);left:8px;height:104px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#menu-logo img{display:block;height:100%;width:auto;pointer-events:none}#menu-logo:hover{opacity:.85}#menu-btn-auto{position:relative}#menu-btn-auto::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, rgba(252,206,61,0.7) 0, rgba(252,206,61,0) 70%);opacity:0;pointer-events:none}#menu-btn-auto .menu-icon,#menu-btn-auto .menu-label{position:relative}#menu-btn-auto.menu-hint::before{animation:menu-hint-pulse 1.8s ease-in-out infinite}@keyframes menu-hint-pulse{0%,100%{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){#menu-btn-auto.menu-hint::before{animation:none;opacity:.8}}@media (max-width:980px){#menu-row .menu-label{display:none}#menu-row .menu-icon{width:26px;height:26px}}@media (max-width:600px){.menu-cell{padding:0 2px}#menu-logo{display:none !important}body.top-nav #menu-nav{left:0;width:100%}}#info-bar{display:none;overflow:hidden;line-height:48px;position:absolute;left:0;width:100%;height:48px;background-color:rgba(0,0,0,0.3);font-weight:300;color:#fff}body.top-nav #info-bar{bottom:0}body.bottom-nav #info-bar{top:0}#info-game-name{float:left;font-size:120%;padding:0 12px}#info-center{position:absolute;left:50%;transform:translateX(-50%)}#info-moves,#info-timer,#info-score{display:inline-block;padding:0 12px}#panel-menu .title{padding:8px;font-size:200%;text-align:center;font-weight:300}#section-panels{position:relative;width:100%;height:100%}.section-panel{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.section-panel .striped{text-align:center;width:100%;padding:2vh;border-top:1px solid #fff;border-bottom:1px solid #fff}.section-panel .with-margin{margin:32px 0}body .section-panel .panel-content{height:100%;user-select:text}body.top-nav .section-panel .panel-content{padding-top:calc(48px + var(--nav-top, 0px));padding-bottom:0}body.bottom-nav .section-panel .panel-content{padding-top:0;padding-bottom:48px}#panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}#panel-loading .loading-logo{text-align:center;width:100%}#panel-loading .content{font-size:200%;font-size:3.5vw;font-weight:300}#panel-list-games .content,#panel-settings .content,#panel-help .content{height:100%;overflow:auto}#panel-home .btn-big{display:inline-block;font-size:3vh;padding:1vh;border:1px solid #fff;margin-top:2vh;margin-bottom:1vh}#panel-home .btn-big:hover{text-decoration:none;background-color:rgba(0,0,0,0.1)}#dialog-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:2000;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease-in,visibility 0s linear 200ms}#dialog-overlay #dialog-box{transform:scale(.6);opacity:0;transition:transform 200ms ease-in,opacity 200ms ease-in}#dialog-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 250ms ease-out,visibility 0s linear 0s}#dialog-overlay.active #dialog-box{transform:scale(1);opacity:1;transition:transform 250ms cubic-bezier(.34, 1.56, .64, 1),opacity 150ms ease-out}@media (prefers-reduced-motion:reduce){#dialog-overlay,#dialog-overlay #dialog-box,#dialog-overlay.active,#dialog-overlay.active #dialog-box{transition:none}}#dialog-box{position:relative;min-width:240px;max-width:calc(var(--pile-span, 100vw) * 0.8);padding:20px 28px 24px;border:24px solid transparent;border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Crect x='2' y='2' width='68' height='68' rx='4' ry='4' fill='%23120c00' stroke='%23b8860b' stroke-width='4'/%3E%3Crect x='8' y='8' width='56' height='56' rx='2' ry='2' fill='none' stroke='%23ffd700' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23ffd700'/%3E%3Ccircle cx='60' cy='12' r='4' fill='%23ffd700'/%3E%3Ccircle cx='12' cy='60' r='4' fill='%23ffd700'/%3E%3Ccircle cx='60' cy='60' r='4' fill='%23ffd700'/%3E%3C/svg%3E");border-image-slice:24 fill;border-image-width:24px;color:#fff;text-align:center;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh}#dialog-box #dialog-title{flex:none;font-family:'Barlow Semi Condensed','Open Sans','Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:normal;font-size:1.1rem;font-weight:bold;margin-bottom:16px}#dialog-box #dialog-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;font-size:.88rem;line-height:1.6;text-align:center}#dialog-box #dialog-content p{margin:0 0 12px}#dialog-box #dialog-content .dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#dialog-box #dialog-content .dialog-btns{flex:none;margin:14px 0 10px}#dialog-box #dialog-content .dialog-stats{width:100%;border-collapse:collapse}#dialog-box #dialog-content .dialog-stats th,#dialog-box #dialog-content .dialog-stats td{padding:4px 6px;text-align:center}#dialog-box #dialog-content .dialog-stats th{color:#b8860b;font-weight:normal;font-size:.78rem;border-bottom:1px solid rgba(184,134,11,0.5)}#dialog-box #dialog-content .dialog-stats .dialog-stat-label{text-align:left;color:#b8860b}#dialog-box #dialog-content .dialog-stats .dialog-star{color:#ffd700;font-size:1.1rem}#dialog-box #dialog-content .dialog-btn{display:inline-block;margin:4px 8px;padding:8px 22px;background:#ffd700;color:#120c00;border:none;font-family:'Barlow Semi Condensed','Open Sans','Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:normal;font-weight:bold;font-size:.82rem;letter-spacing:.06em;cursor:pointer}#dialog-box #dialog-content .dialog-btn:hover{background:#fff}#dialog-box #dialog-content .dialog-footer{flex:none;margin-top:10px}#dialog-box.dialog-small{max-width:calc(var(--pile-span, 100vw) * 0.5)}@media (max-height:450px){#dialog-box{padding:8px 20px 10px;border-width:16px;border-image-width:16px}#dialog-box #dialog-title{font-size:1rem;margin-bottom:8px}#dialog-box #dialog-content{line-height:1.4}#dialog-box #dialog-content p{margin:0 0 6px}#dialog-box #dialog-content .dialog-stats th,#dialog-box #dialog-content .dialog-stats td{padding:2px 6px}#dialog-box #dialog-content .dialog-btns{margin:6px 0 4px}#dialog-box #dialog-content .dialog-btn{padding:6px 20px}#dialog-box #dialog-content .dialog-footer{margin-top:4px}}ul.game-links{list-style-type:none;padding:0;margin:0}ul.game-links li{display:inline-block;height:40px;width:12.4%}ul.game-links li a,ul.game-links li .menu-link{text-decoration:none;cursor:pointer;color:#fff;display:block;margin:5px;padding:5px;border:1px solid #fff}.home-link-play{border:1px solid #fff;font-size:125%;text-decoration:none;margin-top:12px;padding:10px;display:inline-block}ul.platform-links{list-style-type:none;padding:0;margin:0}ul.platform-links li{display:inline-block;height:40px;width:12.4%}ul.platform-links li .platform-link{text-decoration:none;cursor:pointer;color:#fff;display:block;margin:5px;padding:5px;border:1px solid #fff}ul.platform-links li .platform-alt{color:white;text-decoration:none}@media only screen and (max-width:1600px){ul.game-links li,ul.platform-links li{width:19.5%}}@media only screen and (max-width:1000px){ul.game-links li,ul.platform-links li{width:32.5%}}@media only screen and (max-width:600px){ul.game-links li,ul.platform-links li{width:49.5%}}@media only screen and (max-width:420px){ul.game-links li,ul.platform-links li{width:99.5%}}.settings-section{text-align:center;padding:8px 8px 4px 8px;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:auto auto 32px}.color-option{width:34px;height:34px;margin:4px;display:inline-block;border:1px solid #fff;cursor:pointer}.pattern-option{width:86px;display:inline-block;margin:6px;cursor:pointer;border:3px solid transparent;box-sizing:border-box;vertical-align:top}.pattern-option.selected{border-color:#fff}.pattern-option .pattern-thumb-img{width:100%;height:60px;background-size:cover;background-position:center}.pattern-option .pattern-thumb-label{text-align:center;font-size:12px;padding:2px 0;color:#fff}.settings-input{display:inline-block;padding:6px}.settings-input label{padding-left:6px}#settings-disclaimer{margin-top:32px;padding:32px}.picker-wrapper,.slide-wrapper{position:relative;float:left}.picker-indicator,.slide-indicator{position:absolute;left:0;top:0;pointer-events:none}.picker,.slide{cursor:crosshair;float:left}.cp-wrapper{margin:auto;width:240px;padding:10px 0}.cp-wrapper #colorpicker-hex{width:240px;margin:10px 0 0;border:1px solid #fff;color:#fff;text-align:center;background-color:transparent;padding:6px}.cp{float:left}.cp .picker{width:200px;height:200px}.cp .slide{width:30px;height:200px}.cp .slide-wrapper{margin-left:10px}.cp .picker-indicator{width:12px;height:12px;border:2px solid white;border-radius:6px}.cp .slide-indicator{width:100%;height:16px;border:2px solid white}#panel-help #help-content{overflow:auto;height:100%}#panel-help #help-content .align-left{text-align:left}#panel-help #help-content h2,#panel-help #help-content h3,#panel-help #help-content h4,#panel-help #help-content h5{margin:6px 0 0 0}#panel-help #help-content h2 .play-link,#panel-help #help-content h3 .play-link,#panel-help #help-content h4 .play-link,#panel-help #help-content h5 .play-link{font-size:75%}#panel-help .play-link{display:inline-block;margin:0 6px}.pdebug{display:none}