:root{font-size:16px;--size-xxs: .5rem;--size-xs: .75rem;--size-xss: .8rem;--size-sm: .875rem;--size-base: 1rem;--size-base1: 1.25rem;--size-lg: 1.5rem;--size-xl: 2rem;--size-2xl: 2.5rem;--size-pn: clamp(1.5rem, 3vw, 2.5rem);--size-h1: clamp(2.75rem, 7vw, 5.5rem);--clr-ivory: rgb(255, 255, 240);--clr-lightgrey: color: rgb(230, 228, 228);--clr-about-p: #e5e5e5;--clr-btm-btn: #edff66;--clr-rborder: #fbd1a2;--clr-bgcard: rgb(8, 21, 36);--clr-gmode1-container-border: rgb(37, 91, 132);--clr-border-image: linear-gradient(to top, #229dea, #09448d) 1;--clr-bmode-2: #253544;--clr-gmode2-container-border: #FF944A;--clr-background-image: radial-gradient(#ea9422, #f85307);--clr-border-image1: linear-gradient(to top, #ea9422, #f85307) 1;--clr-bmode-3: rgb(103, 149, 119);--clr-gmode3-container-border: rgb(52, 74, 60);--clr-cmode3: rgb(16, 22, 18);--clr-mode3-line: rgb(104, 147, 118);--clr-border-image2: linear-gradient(to top, #D8DFE5, #8FABB7) 1}*{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--clr-btm-btn) transparent;scrollbar-width:thin;height:100%;font-size:16px}body.js-loading *{visibility:hidden!important}body.js-loading #start-overlay,body.js-loading .overlay-design,body.js-loading .game-container,body.js-loading .game-board,body.js-loading .overlay-text,body.js-loading .victory-screen{display:none!important}#start-overlay,#overlay-design1,#overlay-design2,#overlay-design3,#victory-screen,#game-over-screen,#mode-1,#mode-2{overflow:hidden}#mode-3{overflow-y:auto}audio{display:none}body{margin:0;padding:0;font-family:Quicksand,sans-serif;color:var(--clr-ivory);overflow-x:hidden;scrollbar-color:var(--clr-btm-btn) transparent;scrollbar-width:thin}.container{font-family:Quicksand,sans-serif;color:var(--clr-overlay)}button{cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);color:#fff}75%{opacity:1;transform:translateY(0);color:#fff}to{opacity:1;transform:translateY(0);color:#000}}@keyframes flyLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes flyUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.scrollable{overflow-y:auto;scrollbar-color:var(--clr-btm-btn) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:var(--clr-btm-btn);border-radius:5px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:var(--clr-btm-btn)}.utility-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Nunito,sans-serif;font-size:clamp(1rem,2.25vw,1.5rem);font-weight:400;padding:6px 15px;border-radius:20px;background-color:var(--clr-btm-btn);border:2px solid var(--clr-btm-btn);color:#000;cursor:pointer}body.using-mouse .utility-btn:hover,body.using-mouse .utility-btn:active{background-color:transparent;color:#fff;box-shadow:0 0 15px var(--clr-btm-btn)}body.using-touch .utility-btn{background-color:transparent;color:#fff;box-shadow:0 0 7.5px var(--clr-btm-btn)}a.utility-btn{text-decoration:none}