@font-face{font-family:Wordle;src:url(/assets/wordleFont.woff2)}@font-face{font-family:Tamil;src:url(/assets/tamilfont.ttf)}:root{--bgColor: #fff;--navbarBottom: #d3d6da;--iconsColor: rgb(37, 100, 151);--fontColor: black;--buttonColor: white;--switchColor: #6aaa64;--timerRingColor: hsl(0, 0%, 85%);--overlayColor: rgba(0, 0, 0, .5);--normalKeyFontColor: black;--insideKeyFontColor: white;--loaderColor: #878a8c;--boxborderColor: #d3d6da;--boxactiveColor: #878a8c;--normalKeyColor: #d3d6da;--incorrectKeyFontColor: #787c7e;--correctKeyFontColor: #6aaa64;--incorrectLocationKeyFontColor: #c9b458;--hoverKeyColor: #b8c1ce}.darkmode{--bgColor: black;--navbarBottom: #3a3a3c;--iconsColor: rgb(37, 100, 151);--fontColor: white;--switchColor: #538d4e;--timerRingColor: hsl(240, 3%, 7%);--overlayColor: rgba(0, 0, 0, .5);--normalKeyFontColor: white;--insideKeyFontColor: white;--loaderColor: whitesmoke;--boxborderColor: hsl(240, 2%, 23%);--boxactiveColor: hsl(0, 0%, 71%);--normalKeyColor: #818384;--incorrectKeyFontColor: #3a3a3c;--correctKeyFontColor: #538d4e;--incorrectLocationKeyFontColor: #b59f3b;--hoverKeyColor: #c1c4c9}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html{height:100%;-webkit-text-size-adjust:none}body{background-color:var(--bgColor);display:flex;flex-direction:column;min-height:100%;margin:0;padding:0;width:100%;transition:background-color .5s ease-in-out}svg{pointer-events:none}.hidden{opacity:0;display:none}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--fontColor);border-bottom:1px solid var(--navbarBottom);height:50px;width:40%;position:relative;left:30%}.navbar>.title{font-family:Wordle;font-size:33px;line-height:100%;letter-spacing:.01em;--fontColor: rgb(37, 100, 151);text-align:center;left:0;right:0;pointer-events:none;user-select:none;float:left}.navbar>.leftmenu{flex-direction:row;justify-content:center;align-items:center;fill:var(--iconsColor)}.navbar>.middleMenu{align-items:center;justify-content:center;padding-top:5px;padding-left:50px;display:flex}.navbar>.rightmenu{fill:var(--iconsColor);padding-left:65px;display:flex;flex-direction:row;justify-content:center;align-items:center}.navbar>.leftmenu{display:flex;width:20%;justify-content:space-evenly}.navbar>.leftmenu>.outerCircle{border-radius:50%;background-color:#256497;width:25px;height:25px;display:flex}.navbar>.leftmenu>.outerCircle>.oneLink{position:relative;left:30%;top:12%;text-decoration:auto;color:#fff}.navbar>.leftmenu>.outerCircleFill{border-radius:50%;border:2px solid rgb(37,100,151);width:25px;height:25px;display:flex}.navbar>.leftmenu>.outerCircleFill>.oneLink{position:relative;left:30%;top:12%;text-decoration:auto;color:#256497}.menubuttons,.menubuttons_home{fill:var(--iconsColor);color:var(--iconsColor);border:none;background-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;cursor:pointer}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--overlayColor);opacity:0;z-index:1;display:none;flex-direction:column;justify-content:center;align-items:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.crossX{fill:var(--iconsColor);-webkit-tap-highlight-color:transparent;position:absolute;right:0px}.content{position:relative;max-height:90%;width:90%;color:var(--fontColor);padding:0 25px;max-width:500px;background-color:var(--bgColor);border-radius:8px;transition:all .5s ease-in-out;overflow-y:auto}#hideSettings{right:-20px}.contentcontainer{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all 1s ease-in-out;animation:fadein 1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.settingsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;border:none}.settingsContainer p{margin:5px}.kofi{color:var(--iconsColor);-webkit-tap-highlight-color:transparent;transition:all .5s ease-in-out;padding:10px;font-size:20px}.kofi:hover{background-color:#87ceeb;border-radius:30%;color:#fff!important}.kofi:visited{color:var(--iconsColor)}.settingsContent{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:transparent;width:90%;margin-top:15px;font-weight:400;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:10px;border-bottom:1px solid var(--navbarBottom)}#howtoplay{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.topbar{width:100%;display:flex;position:relative;justify-content:center;align-items:center;color:var(--fontColor);height:50px;user-select:none}.topbar button{color:#fff;background-color:transparent;border:none;outline:none;position:absolute;right:0;cursor:pointer;user-select:none;font-size:inherit}.example{display:flex;flex-direction:row;gap:.5em;margin:10px 0}.example>.box{padding:10px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer}input[type=checkbox]:focus{outline:0}.switchButton{height:1.9em;width:6em;border-radius:1em;display:inline-block;position:absolute;left:0px;margin:0;border:2px solid #474755;background:linear-gradient(180deg,#2d2f39 0%,#1f2027 100%);transition:all .2s ease}.switchButton:before{content:"English";position:absolute;left:25px;top:3px;color:#fff}.switchButton:after{content:"";position:absolute;left:2px;width:1.5em;height:1.5em;border-radius:50%;background:white;box-shadow:0 1px 2px #2c2c2c33;transition:all .2s cubic-bezier(.5,.1,.75,1.35)}.switchButton:checked{background:var(--correctKeyFontColor)}.switchButton:checked:before{content:"\ba4\bae\bbf\bb4\bcd";position:absolute;left:10px;top:1px;color:#fff}.switchButton:checked:after{transform:translate(50px)}.ring{display:flex;min-height:200px;margin-right:20px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(2rem,2.5vmin,2rem);background-color:var(--timerRingColor);border-radius:50%;aspect-ratio:1/1}.ring:after{content:"Time taken";font-size:15px;margin-top:20px}.timer{animation:blinker 1s ease-in-out infinite}@keyframes blinker{50%{opacity:0}}.nostats{display:none;align-items:center;justify-content:center}.statscontainer{display:flex;flex-direction:row;justify-content:center;align-items:center}.statsTable th{text-align:start;padding:10px}.statsTable td{font-weight:700;font-family:Courier New,Courier,monospace}.statsbottombar{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:10px;margin-top:10px;gap:3rem}.leftSection p{font-size:16px;font-weight:700}.statsbottombar>.leftSection{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:10px}.statsbottombar>.rightSection{display:flex;flex-direction:column;justify-content:center;align-items:center}.clock{font-size:36px;font-weight:400;text-align:center}.share{padding:5px 10px;color:var(--buttonColor);fill:var(--buttonColor);border:none;outline:none;border-radius:5px;font-weight:700;-webkit-tap-highlight-color:transparent;background-color:#4caf50;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem}.keyboard{position:relative;display:grid;grid-template-columns:repeat(20,minmax(auto,1.5em));grid-auto-rows:4em;gap:.25em;justify-content:center;max-width:100%;padding:30px 10px}.overlayloader{position:absolute;background-color:var(--overlayColor);align-self:center;justify-self:center;width:100%;max-width:35em;display:none;height:100%;max-height:13em;align-items:center;justify-content:center;border-radius:10px}.spinner{width:50px;height:50px;border-radius:50%;border:8px solid;border-color:#add8e6;border-right-color:orange;animation:s2 1s infinite linear}@keyframes s2{to{transform:rotate(1turn)}}.key{font-family:Tamil;font-weight:700;grid-column:span 2;border:none;display:flex;justify-content:center;align-items:center;color:var(--normalKeyFontColor);fill:var(--normalKeyFontColor);background-color:var(--normalKeyColor);font-size:inherit;user-select:none;cursor:pointer;border-radius:.25em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.key.special{font-family:Arial,Helvetica,sans-serif;grid-column:span 3}.key:hover{background-color:var(--hoverKeyColor)}.key.incorrect{color:#fff;background-color:var(--incorrectKeyFontColor)}.key.incorrect-location{color:#fff;background-color:var(--incorrectLocationKeyFontColor)}.key.correct{color:#fff;background-color:var(--correctKeyFontColor)}.loader{width:50%;justify-self:center;grid-column:span 20;height:22px;border-radius:20px;color:var(--loaderColor);border:2px solid;position:relative}.loader:before{content:"";position:absolute;margin:2px;inset:0 100% 0 0;border-radius:inherit;background:currentColor;animation:p6 2s infinite}@keyframes p6{to{inset:0}}.gamegrid{display:grid;justify-content:center;align-content:center;flex-grow:1;grid-template-columns:repeat(4,5em);grid-template-rows:repeat(5,5em);gap:.5em;padding:10px}.box{font-size:1.7em;color:var(--fontColor);border:.075em solid var(--boxborderColor);text-transform:uppercase;font-weight:700;display:flex;justify-content:center;align-items:center;user-select:none;transition:transform .25s linear}.box.helperbox{font-size:1.5rem;box-sizing:border-box;line-height:1.7rem}.box[data-state=active]{border-color:var(--boxactiveColor)}.box[data-state=incorrect]{border:none;color:#fff;background-color:var(--incorrectKeyFontColor)}.box[data-state=incorrect-location]{border:none;color:#fff;background-color:var(--incorrectLocationKeyFontColor)}.box[data-state=correct]{border:none;color:#fff;background-color:var(--correctKeyFontColor)}.box.shake{animation:shake .25s ease-in-out}.box.reveal{transform:rotateX(90deg)}.box.winAnimate{animation:winAnimate .5s ease-in-out}@keyframes winAnimate{20%{transform:translateY(-50%)}40%{transform:translateY(5%)}60%{transform:translateY(-25%)}80%{transform:translateY(2.5%)}90%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes shake{10%{transform:translate(-5%)}30%{transform:translate(5%)}50%{transform:translate(-7.5%)}70%{transform:translate(7.5%)}90%{transform:translate(-5%)}to{transform:translate(0)}}.modeSwitch{font-size:10%;position:relative;height:16em;width:30em;border-radius:16em;transition:all .5s ease-in-out;background:#423966;cursor:pointer;-webkit-tap-highlight-color:transparent}.day{background:#ffbf71}.moon{position:absolute;display:block;border-radius:50%;transition:all .4s ease-in-out;top:3em;left:3em;transform:rotate(-75deg);width:10em;height:10em;background:#423966;box-shadow:2em 2.5em #d9fbff inset,#ffffff1a 0 -7em 0 -4.5em,#ffffff1a 3em 7em 0 -4.5em,#ffffff1a 2em 13em 0 -4em,#ffffff1a 6em 2em 0 -4.1em,#ffffff1a 8em 8em 0 -4.5em,#ffffff1a 6em 13em 0 -4.5em,#ffffff1a -4em 7em 0 -4.5em,#ffffff1a -1em 10em 0 -4.5em}.sun{top:4.5em;left:18em;transform:rotate(0);width:7em;height:7em;background:#fff;box-shadow:3em 3em 0 5em #fff inset,0 -5em 0 -2.7em #fff,3.5em -3.5em 0 -3em #fff,5em 0 0 -2.7em #fff,3.5em 3.5em 0 -3em #fff,0 5em 0 -2.7em #fff,-3.5em 3.5em 0 -3em #fff,-5em 0 0 -2.7em #fff,-3.5em -3.5em 0 -3em #fff}@media (max-width: 600px){.gamegrid{grid-template-columns:repeat(4,4.7em);grid-template-rows:repeat(5,4.7em)}.keyboard{grid-template-columns:repeat(20,minmax(auto,1em));grid-auto-rows:3em}.key{font-size:12px;overflow:hidden}.key.special{font-size:.7em}.statsbottombar{justify-content:space-between;align-items:space-between;gap:0}.statscontainer{justify-content:space-around}.ring{min-height:120px;margin-right:10px}.leftSection p,.kofi{font-size:11px}.navbar{display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:var(--fontColor);border-bottom:1px solid var(--navbarBottom);height:50px;width:100%;position:relative;left:0}.navbar>.title{font-family:Wordle;font-size:25px;line-height:100%;letter-spacing:.01em;--fontColor: rgb(37, 100, 151);text-align:center;left:0;right:0;pointer-events:none;user-select:none;float:left}.navbar>.middleMenu{align-items:center;justify-content:center;padding-top:5px;padding-left:0;display:flex}.navbar>.leftmenu{flex-direction:row;justify-content:space-around;align-items:center;fill:var(--iconsColor);width:25%;display:flex}.navbar>.rightmenu{fill:var(--iconsColor);padding-left:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.navbar>.leftmenu>.outerCircle{border-radius:50%;background-color:#256497;width:24px;height:24px;display:flex}.navbar>.leftmenu>.outerCircle>.oneLink{position:relative;left:33%;top:15%;text-decoration:auto;color:#fff}.navbar>.leftmenu>.outerCircleFill{border-radius:50%;border:2px solid rgb(37,100,151);width:25px;height:25px;display:flex}.navbar>.leftmenu>.outerCircleFill>.oneLink{position:relative;left:30%;top:12%;text-decoration:auto;color:#256497}.menubuttons_home{fill:var(--iconsColor);color:var(--iconsColor);border:none;background-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;cursor:pointer;padding:0}}@media (max-height: 600px){.gamegrid{font-size:clamp(.5rem,2.5vmin,1.5rem)}}