.text-center{text-align:center}h2,p{margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=range]{width:100%}label{display:block}button{appearance:none;background-color:#efefef;border:1px solid #767676;border-radius:2px}button:hover:not(.hint-disabled,.active){background-color:#e5e5e5;border-color:#4f4f4f}button:active:not(.hint-disabled,.active){background-color:#f5f5f5;border-color:#8c8c8c}button.active{background-color:#ccc}.range-wrap{margin:0 0 24px;position:relative}.bubble{background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;left:50%;padding:1px 6px;position:absolute;top:20px;transform:translateX(-50%)}.bubble:after{background:#000;content:"";height:2px;left:calc(50% - 1px);position:absolute;top:-1px;width:2px}:root{background-color:#fff;color-scheme:light}body>aside,body>main{visibility:visible}#loading-screen{display:none}main{align-items:center;flex-direction:column;flex-shrink:1;height:100%;padding:4px 8px}#top-row-nav,main{display:flex;justify-content:center;width:100%}#top-row-nav{font-size:20px}#top-row-nav button{align-items:center;display:flex;height:40px;justify-content:center;margin:0 2px;width:40px}#top-row-nav>div{display:inline-block}#top-row-nav #mine-counter,#top-row-nav #timer{align-items:center;border:1px solid #000;border-radius:8px;display:flex;font-family:monospace;justify-content:space-between;margin:0 2px;padding:0 2px;width:90px}#top-row-nav #mine-counter{margin-left:0;padding:0 4px}#bottom-row-nav{width:100%}#bottom-row-nav,#bottom-row-nav button{align-items:center;display:flex;justify-content:center}#bottom-row-nav button{flex-grow:1;font-size:20px;height:36px;margin:0 6px;max-width:100px}#playarea{border:2px solid #000;border-radius:8px;font-size:calc(var(--tile-size)*.75);margin:8px 0;max-height:calc(100% - 96px);max-width:98vw;padding:8px;position:relative;user-select:none}#playarea #column-nums{border-bottom:3px solid #000;flex-direction:row;left:calc(var(--tile-size) + 5px);overflow:hidden;padding-right:var(--tile-size);position:absolute;top:8px;width:calc(100% - 13px - var(--tile-size))}#playarea #column-nums,#playarea #column-nums>div{display:flex;height:var(--tile-size);padding-left:2px}#playarea #column-nums>div{align-items:center;flex-shrink:0;justify-content:center;position:relative;width:var(--tile-size)}#playarea #column-nums>div:not(:first-child):after{background-color:#000;bottom:0;content:" ";height:calc(var(--tile-size)/2);left:0;position:absolute;width:2px}#playarea #row-nums{border-right:3px solid #000;display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 16px - var(--tile-size));left:8px;overflow:hidden;padding-bottom:var(--tile-size);position:absolute;top:calc(8px + var(--tile-size));width:var(--tile-size)}#playarea #row-nums>div{align-items:center;display:flex;height:var(--tile-size);justify-content:center;padding-right:4px;position:relative;width:var(--tile-size)}#playarea #row-nums>div:not(:first-child):after{background-color:#000;content:" ";height:2px;position:absolute;right:0;top:-1px;width:calc(var(--tile-size)/2)}#playarea #board{border-bottom:2px solid #000;border-right:2px solid #000;height:calc(100% - var(--tile-size));margin:var(--tile-size) 0 0 var(--tile-size);overflow:auto;position:relative;width:calc(100% - var(--tile-size))}#playarea #board.no-scroll{touch-action:none}#playarea #board::-webkit-scrollbar-track{background-color:#0001;border-radius:10px}#playarea #board::-webkit-scrollbar{background-color:#f5f5f5;height:12px;width:12px}#playarea #board::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}#playarea #board>div{display:flex}#playarea #board>div>div{align-items:center;border:1px solid #000;display:flex;flex-shrink:0;height:var(--tile-size);justify-content:center;overflow:hidden;width:var(--tile-size)}#playarea #board>div>div:first-child{border-left:none}#playarea #board>div>div:not([data-clickable=false]){cursor:pointer}#playarea #board>div>div.wrong-tile{background-color:#f00a}#playarea #board>div>div>i{pointer-events:none}#playarea #board>div:first-child>div{border-top:none}#playarea #board.no-input>div>div{cursor:auto!important}#playarea #lose-overlay,#playarea #win-overlay{align-items:center;background-color:#000a;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;top:0;transition:opacity .5s;width:100%}#playarea #lose-overlay button,#playarea #win-overlay button{align-items:center;display:flex;justify-content:space-between;margin:4px 0}#playarea #lose-overlay button i,#playarea #win-overlay button i{margin-right:8px}#playarea #lose-overlay.visible,#playarea #win-overlay.visible{opacity:1;visibility:visible}#playarea #lose-overlay.visible .modal-main,#playarea #win-overlay.visible .modal-main{top:0}#playarea #lose-overlay.fade,#playarea #win-overlay.fade{animation:fade .5s ease;visibility:hidden}#playarea #lose-overlay.fade .modal-main,#playarea #win-overlay.fade .modal-main{animation:slide-out .5s}#modals{background-color:#000a;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s;visibility:hidden;width:100%}#modals.visible{opacity:1;visibility:visible}#modals.fade{animation:fade .5s ease;visibility:hidden}#modals *{pointer-events:auto}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s;visibility:hidden;width:100%}.modal.visible{opacity:1;visibility:visible}.modal.visible .modal-main{top:0}.modal.fade{animation:fade .5s ease forwards;visibility:hidden}.modal.fade .modal-main{animation:slide-out .5s}.modal .modal-main{background-color:#fff;border:1px solid #000;border-radius:12px;max-width:98vw;padding:12px 32px 24px;position:relative;top:50px;transition:top .5s}.modal .modal-main>h2{margin-bottom:12px;text-align:center}.modal .modal-main .modal-x{background-color:transparent;border:none;cursor:pointer;font-size:20px;position:absolute;right:2px;top:2px}.modal .modal-main .modal-x:hover{color:#888}.modal #menu-modal-btns{display:flex;flex-wrap:wrap;justify-content:center;max-width:248px}.modal #menu-modal-btns button{height:100px;margin:2px;padding:32px;position:relative;width:120px}.modal #menu-modal-btns button i{font-size:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal #menu-modal-btns button .btn-bottom-text{bottom:0;font-size:18px;left:50%;position:absolute;transform:translateX(-50%);width:100%}#xyzzypixel{height:2px;left:0;position:absolute;top:0;width:2px}#newgamewarning-modal .newgamewarning-btn{height:32px;margin:8px 16px 0;max-width:100px;width:100%}#howtoplay-modal{line-height:20px}#howtoplay-modal .modal-main{max-width:600px}#howtoplay-modal .modal-main p{margin:8px 0}#howtoplay-modal .modal-main p:last-child{margin-bottom:0}#about-modal img{height:96px}#settings-customBoard,#settings-modal-main{display:grid;gap:4px 0;grid-auto-rows:auto;grid-template-columns:140px auto;grid-template-rows:auto}#settings-customBoard{height:0;overflow:hidden;transition:height .4s ease-out}#settings-customBoard.open{height:auto}#settings-applywarning,#settings-customBoard,hr{grid-column-start:span 2}#settings-applywarning{display:none;font-weight:700;text-align:center}#settings-modal input:not([type=range]){max-width:100px;width:100%}#hint-btn{position:relative}#hint-btn.hint-active{color:#34bdeb}#hint-btn.hint-disabled{background-color:#aaa}#hint-btn:after{bottom:0;content:attr(data-hints);font-size:13px;line-height:10px;position:absolute;right:0}#new-best-time{display:none}@media only screen and (max-width:419px){#settings-customBoard,#settings-modal-main{grid-template-columns:auto}#settings-applywarning,#settings-customBoard,hr{grid-column-start:auto}}@media only screen and (max-width:479px){.desktop-only{display:none!important}#newgame-btn{order:1}#hint-btn,#timer{order:2}}@media only screen and (min-width:480px){.mobile-only{display:none!important}}@keyframes fade{0%{opacity:1;visibility:visible}99.9%{opacity:0;visibility:visible}to{visibility:hidden}}@keyframes slide-out{0%{opacity:1;top:0}99.9%{opacity:0;top:-50px;visibility:visible}to{visibility:hidden}}@media screen and (prefers-color-scheme:dark){:root.auto{background-color:#202124;color:#ccc;color-scheme:dark}:root.auto button{background-color:#444;border:1px solid #666;color:#ccc}:root.auto button:hover:not(.hint-disabled,.active){background-color:#515151;border-color:#666}:root.auto button:active:not(.hint-disabled,.active){background-color:#393939;border-color:#666}:root.auto button.active{background-color:#111}:root.auto #playarea,:root.auto #playarea #column-nums,:root.auto #top-row-nav #mine-counter,:root.auto #top-row-nav #timer{border-color:#888}:root.auto #playarea #column-nums>div:not(:first-child):after{background-color:#888}:root.auto #playarea #row-nums{border-color:#888}:root.auto #playarea #row-nums>div:not(:first-child):after{background-color:#888}:root.auto #playarea #board{border-color:#888}:root.auto #playarea #board::-webkit-scrollbar-track{background-color:#8881}:root.auto #playarea #board::-webkit-scrollbar{background-color:#040404}:root.auto #playarea #board::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}:root.auto #playarea #board::-webkit-scrollbar-corner{background-color:#040404}:root.auto #playarea #board>div>div{border-color:#888}:root.auto .modal .modal-main{background-color:#202124;border-color:#888}:root.auto .modal .modal-main .modal-x{color:#ccc}:root.auto .modal .modal-main .modal-x:hover{color:#888}:root.auto .bubble{background-color:#202124;border-color:#888;color:#ccc}:root.auto .bubble:after{background-color:#888}:root.auto input,:root.auto select{background-color:#202124!important;border:1px solid #666;color:#ccc}:root.auto #hint-btn.hint-active{color:#34bdeb}:root.auto #hint-btn.hint-disabled{background-color:#000;color:#888}:root.auto #about-modal img{filter:invert(100%)}}:root.dark{background-color:#202124;color:#ccc;color-scheme:dark}:root.dark button{background-color:#444;border:1px solid #666;color:#ccc}:root.dark button:hover:not(.hint-disabled,.active){background-color:#515151;border-color:#666}:root.dark button:active:not(.hint-disabled,.active){background-color:#393939;border-color:#666}:root.dark button.active{background-color:#111}:root.dark #playarea,:root.dark #playarea #column-nums,:root.dark #top-row-nav #mine-counter,:root.dark #top-row-nav #timer{border-color:#888}:root.dark #playarea #column-nums>div:not(:first-child):after{background-color:#888}:root.dark #playarea #row-nums{border-color:#888}:root.dark #playarea #row-nums>div:not(:first-child):after{background-color:#888}:root.dark #playarea #board{border-color:#888}:root.dark #playarea #board::-webkit-scrollbar-track{background-color:#8881}:root.dark #playarea #board::-webkit-scrollbar{background-color:#040404}:root.dark #playarea #board::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}:root.dark #playarea #board::-webkit-scrollbar-corner{background-color:#040404}:root.dark #playarea #board>div>div{border-color:#888}:root.dark .modal .modal-main{background-color:#202124;border-color:#888}:root.dark .modal .modal-main .modal-x{color:#ccc}:root.dark .modal .modal-main .modal-x:hover{color:#888}:root.dark .bubble{background-color:#202124;border-color:#888;color:#ccc}:root.dark .bubble:after{background-color:#888}:root.dark input,:root.dark select{background-color:#202124!important;border:1px solid #666;color:#ccc}:root.dark #hint-btn.hint-active{color:#34bdeb}:root.dark #hint-btn.hint-disabled{background-color:#000;color:#888}:root.dark #about-modal img{filter:invert(100%)}