.icon.icon--tile{content:url("../img/tileicon.png")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/Poppins/Poppins-Light.ttf") format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Pacifico/Pacifico-Regular.ttf") format("truetype")}html{font-size:16px;box-sizing:border-box}*,*::after,*::before{box-sizing:border-box}body{background-color:#bea57d;width:100vw;height:100vh;margin:0;font-family:Poppins;color:#080f0f;font-weight:300;overflow:hidden;font-size:1.25rem}.container{display:grid;height:100%;grid-template-columns:1fr;grid-template-rows:3.125rem 1fr 3.125rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;font-family:inherit;font-weight:inherit;border:0.125rem solid #fbf5dd;padding:0.4375rem 0.625rem;background-color:#a4bab7;border-radius:3px;outline:none;cursor:pointer;color:inherit;transition:background-color .2s ease-in-out}button:hover{background-color:#fbf5dd}h1,h2,h3,h4,h5,h6,p{margin:0;text-align:center}a{color:#a4bab7;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#fbf5dd}input[type=number],input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-block;position:relative;width:2.1em;height:2.1em;background-color:#bea57d;outline:none;margin:0;margin-right:0.25rem;border:#000 solid 0.125rem;border-radius:0.1875rem;transition:background-color .2s ease-in-out}input[type=number]:hover,input[type=radio]:hover,input[type=checkbox]:hover{background-color:#fbf5dd}input[type=checkbox]:checked::before{content:"";position:absolute;top:-0.375rem;left:0.625rem;display:block;width:1.05em;height:2.1em;border-right:0.1875rem solid #080f0f;border-bottom:0.1875rem solid #080f0f;transform:rotate(45deg)}input[type=radio]:checked::before{content:"";position:absolute;display:block;width:2.1em;height:2.1em;border-bottom:0.1875rem solid #080f0f;transform:rotate(45deg);top:-0.6875rem;left:0.4375rem}input[type=radio]:checked::after{content:"";position:absolute;display:block;width:2.1em;height:2.1em;border-bottom:0.1875rem solid #080f0f;transform:rotate(-45deg);top:-0.6875rem;left:-0.6875rem}input[type=number]{width:4.6875rem;height:1.7em;font-size:inherit;font-family:inherit;cursor:auto}::-moz-selection{background-color:rgba(190,165,125,.5333333333)}::selection{background-color:rgba(190,165,125,.5333333333)}ul{list-style-type:square;padding:0;margin:0}.keybox{display:inline-block;font-family:Consolas,Ubuntu,"Courier New",monospace;padding:0.0625rem 0.375rem;height:1.875rem;font-size:1.25rem;text-align:center;background-color:rgba(0,0,0,.0666666667);border:1px solid #000;border-radius:0.3125rem;font-weight:400}.hideForAll{display:none !important}.setup{overflow:hidden;text-align:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#a52422;z-index:3;overflow:auto}.setup__content{position:relative;padding:1.25rem 2.5rem;border:0.125rem solid #fbf5dd;border-radius:0.3125rem;background-color:#a4bab7;width:100%;overflow:auto}.setup__content h1{font-size:3.4375rem;color:#a52422;margin-bottom:0.625rem}.setup__content h2{color:#bea57d;font-weight:400;font-size:1.5625rem;margin-bottom:1.25rem}.setup__content h3{font-size:1.5625rem}.setup__content button{display:block;margin:0 auto 0.625rem auto}.setup__content button:not(:hover){background-color:#bea57d}.setup__content a:not(:hover){color:#a52422;text-decoration:underline}.setup__close{position:absolute;top:0;right:0;font-size:3.75rem;width:3.125rem;height:3.125rem;font-weight:500;cursor:pointer;transition:color .2s ease-in-out;color:#fbf5dd}.setup__close:hover{color:#bea57d}.setup h1{font-family:Pacifico;letter-spacing:0.0625rem;line-height:1;font-weight:200;text-decoration:underline;text-shadow:0.125rem 0.125rem 0.0625rem #080f0f}.setup h2{text-shadow:0rem -0.0625rem 0.3125rem #460403}.setup h3{text-decoration:underline}.setup a i{text-decoration:underline}.setup__content{max-height:90%}.setup__content button.action--playGame{font-size:1.875rem;height:initial;margin-top:0.9375rem;margin-bottom:1.5625rem;width:9.375rem}.setup__content button i{padding-left:0.625rem}.setup__settings form{padding:0;margin-bottom:0.625rem;list-style-type:none}.setup__settings h4{display:block;width:100%;text-align:center;font-weight:600}.setup__settingsProperty{text-align:center;margin-bottom:0.625rem}.setup__settingsProperty label{cursor:pointer}.setup__arrangement{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-bottom:0.9375rem}.setup__arrangement label{padding:0;margin:0.3125rem;list-style-type:none;display:flex;justify-content:center;flex-basis:6.25rem}.setup__arrangement label input[type=radio]{display:none;margin:0}.setup__arrangement label input[type=radio]:checked+figure{background-color:#fbf5dd}.setup__arrangement label input[type=radio]:checked+figure figcaption::before{content:"";position:absolute;width:1.875rem;height:1.875rem;bottom:0;right:0;padding-right:0.625rem;font-size:1.875rem;font-weight:800;color:#080f0f;border:0.125rem solid #000;border-right:none;border-bottom:none;border-top-left-radius:0.625rem;border-bottom-right-radius:0.625rem;background-color:#fbf5ddaa}.setup__arrangement label input[type=radio]:checked+figure figcaption::after{content:"";position:absolute;bottom:0.3125rem;right:0.5rem;width:0.78125rem;height:1.5625rem;border-right:0.1875rem solid #080f0f;border-bottom:0.1875rem solid #080f0f;transform:rotate(45deg)}.setup__arrangementItem{border:0.125rem solid #080f0f;border-radius:0.625rem;padding:0.3125rem;width:7.8125rem;background-color:#bea57d;margin:0;cursor:pointer;transition:background-color .2s ease-in-out;display:flex;flex-direction:column;position:relative;min-height:9.375rem}.setup__arrangementItem:hover{background-color:#fbf5dd}.setup__arrangementItem img{width:100%;margin-top:auto;margin-bottom:auto}.setup__arrangementItem figcaption{width:100%;text-align:center;font-style:italic;margin-top:0.625rem;line-height:1;letter-spacing:-0.0625rem}.setup__gameMode{display:flex;flex-direction:column;justify-content:center;gap:0.625rem}.setup__other{display:flex;flex-wrap:wrap;justify-content:center;gap:0.3125rem;margin-bottom:1.25rem}.setup__other button{font-size:1rem;height:2.8125rem;margin:0;padding:0.625rem}.setup__other button i{padding-left:0.1875rem}.setup__control{margin-bottom:0.9375rem}.setup__control ul{list-style-type:none}.setup__control li{margin-bottom:0.3125rem}.setup__copyright{font-size:1rem;line-height:1.1}.setup--closed{visibility:hidden;opacity:0}.stats{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#a52422;z-index:3;overflow:auto}.stats__content{position:relative;padding:1.25rem 2.5rem;border:0.125rem solid #fbf5dd;border-radius:0.3125rem;background-color:#a4bab7;width:100%;overflow:auto}.stats__content h1{font-size:3.4375rem;color:#a52422;margin-bottom:0.625rem}.stats__content h2{color:#bea57d;font-weight:400;font-size:1.5625rem;margin-bottom:1.25rem}.stats__content h3{font-size:1.5625rem}.stats__content button{display:block;margin:0 auto 0.625rem auto}.stats__content button:not(:hover){background-color:#bea57d}.stats__content a:not(:hover){color:#a52422;text-decoration:underline}.stats__close{position:absolute;top:0;right:0;font-size:3.75rem;width:3.125rem;height:3.125rem;font-weight:500;cursor:pointer;transition:color .2s ease-in-out;color:#fbf5dd}.stats__close:hover{color:#bea57d}.stats{background-color:rgba(0,0,0,.3333333333);visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility 0s linear;font-size:1rem}.stats--open{visibility:visible;opacity:1}.stats h2{color:#a52422;margin-bottom:0.3125rem;text-decoration:underline;font-weight:700}.stats button{font-size:1.25rem;padding:0.3125rem 0.9375rem}.stats__division{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:1.25rem}.stats__list{border:solid 0.3125rem #a52422;border-radius:0.625rem;padding:0.625rem 1.875rem;width:31.25rem}.stats__statistics{font-size:1.25rem;font-weight:500}.stats__statistics li{margin-bottom:0.625rem}.stats__value{margin-left:0.625rem;border:solid 0.0625rem #080f0f;padding:0.125rem 0.4375rem;font-weight:800}.stats__value:has(input){border:none}.rules{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#a52422;z-index:3;overflow:auto}.rules__content{position:relative;padding:1.25rem 2.5rem;border:0.125rem solid #fbf5dd;border-radius:0.3125rem;background-color:#a4bab7;width:100%;overflow:auto}.rules__content h1{font-size:3.4375rem;color:#a52422;margin-bottom:0.625rem}.rules__content h2{color:#bea57d;font-weight:400;font-size:1.5625rem;margin-bottom:1.25rem}.rules__content h3{font-size:1.5625rem}.rules__content button{display:block;margin:0 auto 0.625rem auto}.rules__content button:not(:hover){background-color:#bea57d}.rules__content a:not(:hover){color:#a52422;text-decoration:underline}.rules__close{position:absolute;top:0;right:0;font-size:3.75rem;width:3.125rem;height:3.125rem;font-weight:500;cursor:pointer;transition:color .2s ease-in-out;color:#fbf5dd}.rules__close:hover{color:#bea57d}.rules{background-color:rgba(0,0,0,.3333333333);visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility 0s linear;font-size:1rem}.rules--open{visibility:visible;opacity:1}.rules__content p{text-align:justify;margin-bottom:0.625rem}.rules__content p::first-letter{padding-left:1.25rem}.sources{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#a52422;z-index:3;overflow:auto}.sources__content{position:relative;padding:1.25rem 2.5rem;border:0.125rem solid #fbf5dd;border-radius:0.3125rem;background-color:#a4bab7;width:100%;overflow:auto}.sources__content h1{font-size:3.4375rem;color:#a52422;margin-bottom:0.625rem}.sources__content h2{color:#bea57d;font-weight:400;font-size:1.5625rem;margin-bottom:1.25rem}.sources__content h3{font-size:1.5625rem}.sources__content button{display:block;margin:0 auto 0.625rem auto}.sources__content button:not(:hover){background-color:#bea57d}.sources__content a:not(:hover){color:#a52422;text-decoration:underline}.sources__close{position:absolute;top:0;right:0;font-size:3.75rem;width:3.125rem;height:3.125rem;font-weight:500;cursor:pointer;transition:color .2s ease-in-out;color:#fbf5dd}.sources__close:hover{color:#bea57d}.sources{background-color:rgba(0,0,0,.3333333333);visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility 0s linear;font-size:1rem}.sources--open{visibility:visible;opacity:1}.header{background-color:#a52422;display:flex;justify-content:space-around;font-size:1.25rem;padding:0.3125rem;cursor:default}.header__button{height:100%;width:1.875rem;line-height:1;font-size:0.9375rem;color:#a52422;margin:0 0.1875rem}.header__statusbox{display:flex;align-items:center;border:2px solid #fbf5dd;padding:0.125rem 0.625rem;border-radius:0.3125rem;color:#fbf5dd}.header__statusbox>span{font-size:1rem}.header__info{display:flex;flex-direction:column;justify-content:center}.header__info>span{line-height:1;text-align:center}.header__info>span.display--gameMode{font-size:0.5625rem}.header__status{height:100%;position:relative;display:flex;align-items:center}.header__status i.icon{height:100%;font-size:inherit}.header__status i.icon+span{position:absolute;left:0;top:50%;transform:translate(0, -50%);width:100%;text-align:center;color:#080f0f;font-size:0.625rem;font-weight:600}.header__status i.fas+span{margin:0 0.3125rem}.modal{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#a52422;display:flex;justify-content:center;align-items:center}.alert__content,.victory__content,.confirmBox__content,.boardUnsolvable__content{margin:0.625rem;box-shadow:0.625rem 0.625rem 1.625rem -0.4375rem rgba(0,0,0,.7490196078);padding:1.25rem 2.5rem;background-color:#a52422;border:0.125rem solid #fbf5dd;border-radius:0.3125rem}.alert__content h1,.victory__content h1,.confirmBox__content h1,.boardUnsolvable__content h1{color:#fbf5dd;text-decoration:underline}.alert__content h2,.victory__content h2,.confirmBox__content h2,.boardUnsolvable__content h2{color:#bea57d;font-size:1.375rem}.alert__content p,.victory__content p,.confirmBox__content p,.boardUnsolvable__content p{color:#bea57d}.alert__content button,.victory__content button,.confirmBox__content button,.boardUnsolvable__content button{display:block;margin:0.625rem auto 0 auto}.loadingScreen{z-index:2;background-color:#a52422;opacity:1;transition:opacity .2s ease-in-out,visibility 0s .2s linear}.loadingScreen__content{padding:2.5rem;background-color:#bea57d;border:0.125rem solid #080f0f;border-radius:0.3125rem;text-align:center}.loadingScreen__strip{height:1.875rem;border:#a52422 solid 0.125rem;border-radius:1.875rem;background-image:url("../img/loading.gif");background-size:100%}.loadingScreen--closed{visibility:hidden;opacity:0}.confirmBox__buttons,.boardUnsolvable__buttons{display:flex;flex-wrap:wrap;margin:0.625rem auto 0 auto;justify-content:space-around}.confirmBox__buttons button,.boardUnsolvable__buttons button{width:33.3333333333%;line-height:1;font-size:0.9375rem;margin:0.3125rem;padding:0.375rem}.boardUnsolvable{z-index:2;background-color:rgba(0,0,0,.2666666667);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear}.boardUnsolvable--open{opacity:1;visibility:visible}.confirmBox{z-index:4;background-color:rgba(0,0,0,.1333333333);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear}.confirmBox--open{opacity:1;visibility:visible}.victory{z-index:3;background-color:rgba(0,0,0,.4666666667);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear}.victory--open{opacity:1;visibility:visible}.alert{z-index:5;background-color:rgba(255,0,0,.2549019608);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear}.alert--open{opacity:1;visibility:visible}.game{position:relative;overflow:auto}.game__canvas--centred{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.footer{background-color:#a52422;display:flex;justify-content:center;align-items:center}.footer__credits{text-align:center}@media (max-width: 63.9375rem){button{padding:0.125rem 0.25rem;font-size:1.5625rem}.header__statusbox>span{display:none}.header__info>span{font-size:0.875rem;display:block}.loadingScreen__content{width:90%}}@media (pointer: coarse){.hideForTouch{display:none !important}}@media (pointer: fine){.hideForNonTouch{display:none !important}}@media (min-width: 40rem){.setup{display:flex;justify-content:center;align-items:center}.setup__content{margin:1.25rem;width:initial}.setup__other{gap:0.625rem}.stats{display:flex;justify-content:center;align-items:center}.stats__content{margin:1.25rem;width:initial}.rules{display:flex;justify-content:center;align-items:center}.rules__content{margin:1.25rem;width:initial}.sources{display:flex;justify-content:center;align-items:center}.sources__content{margin:1.25rem;width:initial}.header__button{width:3.125rem;font-size:1.375rem}.header__status i.icon+span{font-size:0.6875rem}}@media (max-width: 39.9375rem){.setup__content{border:none;border-radius:0;min-height:100%}.setup__content{padding:1.25rem 0.625rem}.stats__content{border:none;border-radius:0;min-height:100%}.rules__content{border:none;border-radius:0;min-height:100%}.sources__content{border:none;border-radius:0;min-height:100%}.header__statusbox--hideforTouch{display:none}.header__info{display:none}.alert__content,.victory__content,.confirmBox__content,.boardUnsolvable__content{padding:0.625rem}.confirmBox__buttons,.boardUnsolvable__buttons{flex-direction:column}.confirmBox__buttons button,.boardUnsolvable__buttons button{width:auto}}@media (min-width: 64rem){.setup__content{max-width:80%}.stats__content{max-width:80%}.stats__content{max-width:90%}.rules__content{max-width:80%}.sources__content{max-width:80%}.header__status{margin-right:0.3125rem}.confirmBox__buttons,.boardUnsolvable__buttons{width:90%}}