@charset "UTF-8";.home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;height:100vh}h1{font-size:3em}.bttn{border-radius:15px;background-color:var(--bg2);color:var(--text);padding:.5em;font-size:1rem;font-weight:700;text-transform:uppercase;transition:all .1s ease-in;cursor:pointer}.bttn.active{background-color:var(--bg3);color:var(--text)}.bttns-wrapper{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;width:250px}.bttns-wrapper>.bttn{flex:1 1}.difficult-radio,.zen-checkbox{display:none}.bttn>label{cursor:pointer;display:block;height:100%;width:100%}.option-wrapper{position:relative;display:flex;gap:1em;flex-direction:column;align-items:center;justify-content:center}.option-wrapper h3{font-weight:400;font-size:1em}form{display:flex;flex-direction:column;gap:1em}input{border:none}.svg-footer{--size: 2rem;height:var(--size);width:var(--size);cursor:pointer}.home-footer{position:fixed;display:flex;flex-direction:row-reverse;align-items:center;justify-content:end;font-size:inherit;gap:.75rem;bottom:20px;right:20px;z-index:400}@media (max-width: 600px){.svg-footer{--size: 1.5rem}}.home-footer>*{opacity:1;transition:all .2s ease}.home-footer a:hover,.home-footer button:hover{opacity:.8}.button-footer{display:flex}.ReactModalPortal{height:100vh;width:100vw}.ReactModal__Overlay{--delay: .6s;opacity:0;transition:opacity .2s ease-in-out;background:#000000b3;z-index:500;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.ReactModal__Overlay:has(>.delay),.ReactModal__Content:has(.delay){transition-delay:var(--delay)}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0;transition-delay:0ms}.ReactModal__Content{background:transparent;border:none;outline:none;max-width:450px;font-size:1.3em;width:90%;padding:0;display:flex;flex-direction:column;align-items:center;transform:translateY(-100px);opacity:0;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.ReactModal__Content:has(.instruction-img){max-width:550px}.ReactModal__Content--after-open{transform:translateY(0);opacity:1}.ReactModal__Content--before-close{transform:translateY(-20px);opacity:0;transition-delay:0ms}.modal-title{font-size:1.8em;font-weight:700;margin-bottom:1rem}.modal-content{max-height:80vh;background-color:var(--bg2);border-radius:12px;padding:1.5em;width:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 var(--bg3)}.modal-footer{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin-top:.5rem;gap:.5rem}.win-container{display:flex;flex-direction:column;gap:.5em}.win-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.best-wrapper{display:flex;flex-direction:row;align-items:baseline;gap:10px}.shine-wrapper{position:relative}.new-best,.new-best-shine{display:inline-block;color:var(--text);font-weight:700;position:relative;bottom:4px;font-size:.5em;animation:growing 2s ease-in-out infinite}.new-best-shine{position:absolute;z-index:500;background:linear-gradient(to right,transparent 0%,#fff 10%,transparent 20%) no-repeat;background-repeat:no-repeat;background-position:0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:growing 2s ease-in-out infinite,shine 3s infinite linear;animation-fill-mode:none,forwards}@keyframes shine{0%{background-position:-80px}80%{background-position:100px}to{background-position:200px}}@keyframes growing{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}.win-label{font-weight:700}.modal-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;flex-grow:1;background-color:var(--bg2);border-radius:10px;padding:.4em 1em;font-size:1em;font-weight:700;text-transform:uppercase}.instruction-step{display:flex;flex-direction:row;justify-content:space-between;gap:2em}.instruction-img{display:block;max-width:200px;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);height:auto}.intructions-text--wrapper{display:flex;flex-direction:row;align-items:center;gap:.5em}.instructions-wrapper{font-size:.8em;display:flex;flex-direction:column;gap:2em}.instructions-number{position:relative;padding:.7em;border-radius:50px;display:flex;justify-content:center;align-items:center;background-color:var(--text);color:var(--bg);font-size:1.3em;font-weight:700}.instructions-number span{position:absolute}.main-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh}#board{display:none;gap:calc(min(90vmin,500px) / (var(--board-size) * 10));width:min(90vmin,500px);font-size:calc(min(90vmin,500px) / (var(--board-size) * 5))}.cell-front,.cell-back{transition:transform var(--trans-time) ease,background-color .2s ease,color .2s ease}.cell.reveal .cell-front{transform:rotateY(180deg)}.cell.reveal .cell-back{transform:rotateY(0)}.cell{position:relative;aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;font-size:2em;font-weight:700;-webkit-user-select:none;user-select:none;will-change:transform}.cell-front,.cell-back{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;backface-visibility:hidden}.cell .cell-front{transform:rotateY(0)}.cell .cell-back{transform:rotateY(-180deg)}.cell-front{background-color:var(--bg2)}.cell-back{background-color:var(--bg3)}.cell[data-num="1"] .cell-back{color:#d9ed92}.cell[data-num="2"] .cell-back{color:#b5e48c}.cell[data-num="3"] .cell-back{color:#99d98c}.cell[data-num="4"] .cell-back{color:#76c893}.cell[data-num="5"] .cell-back{color:#52b69a}.cell[data-num="6"] .cell-back{color:#34a0a4}.cell[data-num="7"] .cell-back{color:#168aad}.cell[data-num="8"] .cell-back{color:#1a759f}.cell:not(.reveal){cursor:pointer}.cell.reveal{cursor:default}.flag-wrapper{position:absolute;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;top:0;left:0}.flag-icon{width:50%;height:50%}.mine{background-color:#000}.reset-button{font-weight:700;font-size:1.2rem;padding:.3em .5em;border-radius:5px}.board-ui{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:5px solid var(--bg2);border-radius:5px;padding:.2em .5em}.icon-wrapper{display:flex;align-items:center;gap:8px;font-size:1.5em}:root{--font-main: system-ui, Avenir, Helvetica, Arial, sans-serif;--cell-size: 50px;--trans-time: .5s}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;justify-content:center}input,button{appearance:none;background:none;border:none;cursor:pointer}html{overflow:hidden;--bg: #1e1e1e;--bg2: #3c3d3f;--bg3: #292929;--text: #abb2bf}html.dark{--bg: #f4f4f5;--bg2: #d6d7db;--bg3: #c7c7c7;--text: #383a42}body,button,input,textarea,a{color:var(--text);font-family:var(--font-main)}html,body{background:var(--bg);font-size:18px;line-height:1}