*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}body{font-family:"source sans pro","Arial";height:100vh;width:100vw;font-family:"open sans"}a{background:linear-gradient(rgba(168,105,2,.92),rgba(254,190,86,.92));display:inline-block;background-clip:text;transition:.3s ease-out;transition-property:-webkit-filter;transition-property:filter;transition-property:filter,-webkit-filter;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a :hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.ham-icon{z-index:6;cursor:pointer;position:fixed;top:1rem;left:1rem;background:#fff;height:4px;width:1.7rem;border-radius:30px}.ham-icon:before{margin:7px 0}.ham-icon:after,.ham-icon:before{content:"";position:absolute;background:#fff;height:4px;width:1.7rem;border-radius:30px}.ham-icon:after{margin:-7px 0}#menu nav{opacity:0;pointer-events:none;position:fixed;z-index:5;width:100vw;min-height:100vh;height:-webkit-max-content;height:-moz-max-content;height:max-content;background:#000;color:#aaa;font-family:"source sans pro";text-transform:capitalize;display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:.5s cubic-bezier(0,.86,.36,1)}#menu nav>*{margin:.6rem 0}#menu nav h2{font-weight:600}#menu nav a{text-decoration:none}#menu nav span{padding:.5rem}#menu nav *{transition:.5s cubic-bezier(0,.57,.58,1);transition-property:opacity,transform,-webkit-filter;transition-property:opacity,filter,transform;transition-property:opacity,filter,transform,-webkit-filter}#menu nav>h2:hover,#menu nav a:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5);transform:scale(.99)}@media (min-width:1024px){#menu nav{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;text-align:left;justify-content:start;padding:3rem 1rem;align-items:flex-start}#menu nav a:hover{border-bottom:2px solid #febe56}#menu nav .links-container{-ms-grid-row-align:center;align-self:center}}#how-to-play{min-height:100vh;width:100vw;background:#222;color:#eee;text-align:center;padding:2rem 0}#how-to-play *+*{margin-top:1em}#how-to-play h2{font-size:2rem;padding:0 1rem;color:#685ec2}#how-to-play p{max-width:60ch;font-size:.8rem;padding:0 2rem;margin:1rem auto;font-weight:100}#how-to-play ul{padding:1rem 3rem;background:#333;text-align:center;font-size:.75rem}#how-to-play ul li{list-style-type:gujarati;font-weight:100;padding-left:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.3rem auto}#how-to-play .video-container{padding:0 2rem;margin:2rem auto}#how-to-play .video-container h2{margin:2rem}#how-to-play .video-container iframe{margin:2rem auto;width:100%;max-width:300px;height:100%;display:block}#rate{color:#685ec2;padding:2rem 0;min-height:100vh;width:100vw;background:#222;justify-content:center}#rate,#rate .emojis-container{display:flex;align-items:center}#rate .emojis-container{flex-direction:column;font-size:2rem}#rate .emojis-container span{font-size:clamp(4rem,2.5vw,5rem);margin-top:1.5rem;transition:.3s cubic-bezier(0,.8,.58,1);transition-property:transform,-webkit-filter;transition-property:filter,transform;transition-property:filter,transform,-webkit-filter;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}#rate .emojis-container span p{font-size:1rem;text-align:center;font-family:"Caveat",cursive;color:#ca9e0c;transition:.3s cubic-bezier(0,.8,.58,1);transition-property:transform,opacity,-webkit-filter;transition-property:filter,transform,opacity;transition-property:filter,transform,opacity,-webkit-filter;opacity:0}#rate .emojis-container span:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5);transform:scale(1.2)}#rate .emojis-container span:hover p{opacity:1}#rate .emojis-container span:active{-webkit-filter:saturate(1.7);filter:saturate(1.7);transform:scale(1.17)}#rate .emojis-container span:active p{opacity:1}#rate .emojis-container span:last-child p{font-size:2rem;color:#ff0037}#menu nav.toggleElement{opacity:.95;pointer-events:all}.player-name.invalid{border-bottom:1px solid red;color:red}.fields.warning{transform:translate(15px,5px) scale(1.2) rotate(60deg)}#sudoku-container .popup.display{transform:translate(-50%,-50%);opacity:1}#sudoku-container{background:radial-gradient(#e6e4e4,#cdcaca);text-align:center;height:100vh;width:100vw;display:-ms-grid;display:grid;-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto}#sudoku-container .popup{position:fixed;z-index:10;top:50%;left:50%;color:#ff0062;background:rgba(255,164,164,.7);padding:1rem 3rem;border-radius:30px;transition:.7s cubic-bezier(.075,.82,.165,1);transition-property:transform,opacity;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-400%,-50%);opacity:0}header{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;background:#222;color:#ddd;padding:1rem 0}header h1{color:#685ec2;font-size:2rem}header p{font-size:.7rem;opacity:.4}header .header-links-container span{padding:.4rem}header .header-links-container span a{color:#685ec2;-webkit-text-fill-color:unset}main{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;margin:0 auto}main .quote{margin:.3em auto;font-family:"Caveat",cursive;font-size:clamp(1rem,3vw,2rem);max-width:40ch;padding:1rem;color:#685ec2;line-height:.8;transition:.3s ease-out;opacity:.2;transition-property:color,opacity}main .quote:hover{color:#333;opacity:1}main .sudokuContainer>.sudoku>div:nth-child(3)>span:first-child,main .sudokuContainer>.sudoku>div:nth-child(6)>span:first-child{border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:first-child>span:nth-child(3),main .sudokuContainer>.sudoku>div:first-child>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(2),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(2){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(2)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(2)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(3){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(4),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(4){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(4)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(4)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(5),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(5){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(5)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(5)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(6),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(6){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(7),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(7){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(7)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(7)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(8),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(8){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(8)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(8)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer>.sudoku>div:nth-child(3)>span:nth-child(9),main .sudokuContainer>.sudoku>div:nth-child(6)>span:nth-child(9){border-bottom:3px solid #685ec2;z-index:10}main .sudokuContainer>.sudoku>div:nth-child(9)>span:nth-child(3),main .sudokuContainer>.sudoku>div:nth-child(9)>span:nth-child(6){border-right:3px solid #685ec2}main .sudokuContainer{margin:1rem auto 0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:1rem;background:#fff;border-radius:15px;box-shadow:2px 3px 4px 1px rgba(51,51,51,.12)}main .sudokuContainer .sudoku{-webkit-clip-path:polygon(97% 2%,97% 98%,3% 98%,3% 2%);clip-path:polygon(97% 2%,97% 98%,3% 98%,3% 2%);margin:0 auto}main .sudokuContainer .rows{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;width:100%}main .sudokuContainer .rows span{display:inline-block}main .sudokuContainer .rows span .fields{display:inline-block;width:clamp(1.4rem,3.2vh,3rem);height:clamp(1.4rem,3.2vh,3rem);text-align:center;font-size:clamp(1rem,2.5vh,3rem);font-weight:100;border:none;color:#43caff;outline:none;transition:.5s cubic-bezier(0,.68,.31,1.05);transition-property:box-shadow,transform;outline:1px solid #bfbae5}main .sudokuContainer .rows span [readonly]{color:#008cc3}@media (max-width:1025px){main .sudokuContainer .sudoku .rows span .fields{background:transparent;pointer-events:none;outline:none}main .sudokuContainer .sudoku .rows span{border:1px solid #bfbae5}}main .time{text-align:right;margin:0 1rem 1rem;font-size:1rem}main .player-name{outline:none;border:none;background:none;padding:0 .4rem;font-size:1.2rem;text-align:left;width:100%;font-family:"Caveat",cursive;transition:.2s ease-in;transition-property:border,color}main .options-comtainer{margin:0 1rem;background:#fff;border-radius:10px;box-shadow:2px 3px 4px 1px rgba(51,51,51,.12);padding:1.2rem 0}main .options-comtainer button{border:none;outline:none;cursor:pointer;box-shadow:1px 3px 5px 0 rgba(0,0,0,.15)}main .options-comtainer .undo-redo button{border-radius:50%;min-width:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:2rem;text-align:center;margin-left:.7rem}main .options-comtainer .undo-redo button:last-child{background:none;box-shadow:none}main .options-comtainer .primary-options{padding:.3rem 2rem;display:flex;flex-wrap:wrap;grid-gap:.1em;gap:.1em;justify-content:center;align-items:center}main .options-comtainer .primary-options button{margin-left:3px;color:#685ec2;font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;max-width:100%}.options-comtainer button,.rows .fields,.rows span{transition:.5s cubic-bezier(.22,.61,.36,1);transition-property:background,color,outline,transform,-webkit-filter;transition-property:background,color,filter,outline,transform;transition-property:background,color,filter,outline,transform,-webkit-filter}.options-comtainer button:hover,.rows .fields:hover,.rows span:hover{background:#ada8de}.options-comtainer button:active,.options-comtainer button:focus,.rows .fields:active,.rows .fields:focus,.rows span:active,.rows span:focus{background:#1b173d;color:#685ec2}.victory-message{margin:0 auto;text-align:center;width:100vw;font-family:"source sans pro";background:#242424;min-height:100vh}.victory-message h1{color:#685ec2;font-size:2.5em;padding:1rem 0;background:#353535}.victory-message .gif-continer{max-width:800px;margin:1rem auto;display:-ms-grid;display:grid;justify-content:center;align-items:center;-ms-grid-columns:(minmax(100px,400px))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,400px));grid-auto-flow:dense;grid-auto-rows:auto;grid-gap:3px;gap:3px}.victory-message .gif-continer img{-ms-grid-column-align:center;justify-self:center;width:100%;max-width:300px}#highscores{text-align:center;background:#222;color:#ddd;min-height:100vh}#highscores h2{color:#685ec2;padding:1rem 0;font-size:2rem}#highscores .heading{font-size:1.5rem;font-weight:700}#highscores p{padding:.2rem .7rem;width:70%;max-width:500px;margin:0 auto .6rem;border-bottom:2px solid hsla(0,0%,100%,.1);font-family:"Caveat",cursive;font-size:1.2rem;text-align:left;display:flex;justify-content:space-between}#highscores p:last-child{margin-bottom:0}#highscores .time{font-family:"source sans pro";font-size:1rem;font-weight:100}footer{grid-row:3/-1;padding:.5rem;background:#222;color:#ddd}
/*# sourceMappingURL=main.1cfc89b3.chunk.css.map */