@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}*{margin:0;padding:0}:root{--modal-fade-duration: .5s}.modal.fade{transition:opacity var(--modal-fade-duration) ease-in-out}@font-face{font-family:custom-font;src:url(/assets/Inter-Regular-B3vv58xm.ttf);font-style:normal;font-weight:400}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-VariableFont_wdth_wght-Dy3FmpuR.ttf);font-style:normal;font-weight:400}a{text-decoration:none!important}body,html{height:100vh;height:100dvh}html{font-family:custom-font,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal}body{background:linear-gradient(135deg,#0f0f10,#16191c)!important;margin:0;overflow:hidden}#container,#game{width:100%;height:100%;display:flex;flex-direction:column}#container{align-items:center}#game{max-width:500px;min-height:0}.overlay,header{display:flex;align-items:center}header{border-bottom:1px solid #2d323c;background:#1e232acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;height:50px;flex-flow:row nowrap}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;justify-content:center;color:#000;z-index:3000}.overlayContent{position:relative;border-radius:10px;border:1px solid rgb(70 120 180 / 30%);background:linear-gradient(135deg,#191e26f2,#232a34f2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;max-width:500px;box-sizing:border-box;box-shadow:0 8px 32px #0006}#centralHeaderSpace,.title{color:#e8f0ff;font-size:36px;font-weight:700;margin:.4rem 0;text-align:center;text-shadow:0 2px 4px rgb(70 120 180 / 30%)}#leftHeaderSpace,#rightHeaderSpace{display:flex;flex-direction:row;column-gap:10px}#leftHeaderSpace{margin-left:10px;z-index:1}#rightHeaderSpace{margin-right:10px}#board,#board-container{justify-content:center;box-sizing:border-box}#board-container{display:flex;align-items:center;flex:1;overflow:visible;padding:10px;min-height:0}#board{display:grid;align-content:center;gap:7px;width:100%;height:100%;font-family:CustomFont,Arial,Helvetica,sans-serif}#board,.BigFontSize{font-size:2em}.SmallFontSize{font-size:1em}.square{border:2px solid rgb(70 75 85 / 40%);background:#2d323a4d;line-height:1;font-weight:700;color:#e8f0ff;text-transform:uppercase;display:inline-flex;justify-content:center;align-items:center;aspect-ratio:1/1;animation-duration:.5s;box-sizing:border-box;transition:all .3s ease;text-align:center;vertical-align:middle}.square:empty:before{content:"  ";visibility:hidden;font-size:2em;font-weight:700;line-height:1}#keyboard-container{height:200px;max-width:500px;min-height:200px;justify-content:center;align-items:center;margin:0 10px 5px;position:relative;flex-shrink:0}#keyboard-wrapper{position:absolute;bottom:0;width:100%;padding-bottom:5px}.keyboard-row{display:flex;justify-content:center;width:100%;margin:0 auto 8px;touch-action:manipulation}.keyboard-row .unused{background:#7a93b54d}.keyboard-row button{font-family:inherit;font-weight:700;border:1px solid rgb(60 75 95 / 40%);padding:0;height:50px;cursor:pointer;color:#e8f0ff;flex-grow:1;text-transform:uppercase;margin-right:6px;border-radius:6px;-webkit-user-select:none;user-select:none;width:100%;max-width:40px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 4px #0003}.keyboard-row button:hover{background:linear-gradient(135deg,#5f6e82f2,#4b5a6ef2);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.keyboard-row button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.keyboard-row .BigKeyboardButton{max-width:60px;padding:5px}.keyboard-row .BigKeyboardButton img{width:25px;height:25px;object-fit:contain;vertical-align:middle}.headerIcon{width:25px;height:25px;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgb(70 120 180 / 30%))}.headerIcon:hover{transform:scale(1.05);filter:invert(100%) drop-shadow(0 4px 8px rgb(70 120 180 / 50%))}.headerLink{-webkit-tap-highlight-color:transparent}#loader{width:100vw;height:100vh;transition:opacity .75s,visibility .75s;z-index:9999999}.loader-hidden,.popup-overlay{opacity:0;visibility:hidden}#loader:after{content:"";width:75px;height:75px;border:10px solid rgb(60 75 95 / 90%);border-top-color:#0f151e;border-radius:50%;animation:loading .75s ease infinite}#loader,.popup-overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.popup-overlay{background:#0009;right:0;bottom:0;transition:all .3s ease}.popup-overlay.show{opacity:1;visibility:visible}.trigger-btn{padding:15px 30px;background:linear-gradient(45deg,#3c4b5fe5,#4678b4cc);color:#fff;border:0;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4678b44d}.trigger-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #4678b466}.popup{background:linear-gradient(135deg,#1e232df2,#28303cf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgb(70 120 180 / 20%);border-radius:20px;box-shadow:0 25px 50px #0000004d;width:80%;max-width:400px;overflow:hidden;animation:slide-in .3s ease-out}.popup,.tab,.tabs{position:relative}.tabs{display:flex;background:#2d3746cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0}.tab{flex:1;padding:20px;text-align:center;cursor:pointer;font-weight:600;color:#e8f0ffb3;transition:all .3s ease;z-index:2}.tab.active{color:#e8f0ff}.tab-indicator{position:absolute;bottom:0;height:3px;background:linear-gradient(45deg,#4678b4cc,#5a8cc8cc);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0;box-shadow:0 2px 8px #4678b466}.form-container{position:relative;height:300px;overflow:hidden}.form{position:absolute;width:100%;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:25px}.form.login{transform:translate(0)}.form.register{transform:translate(100%)}.form.login.show-register{transform:translate(-100%)}.form.register.show-register{transform:translate(0)}.form,.input,.input-group{box-sizing:border-box}.input-group{position:relative}.input{width:100%;padding:15px 20px;border:2px solid rgb(60 75 95 / 40%);border-radius:12px;font-size:16px;transition:all .3s ease;background:#2d374699;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8f0ff}.input:focus{outline:0;border-color:#4678b4cc;background:#374150cc;box-shadow:0 0 0 3px #4678b433}.input::placeholder{color:#e8f0ff7f}.btn{padding:15px;border:0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(120deg,#3c4b5fe5,#4678b4cc);color:#e8f0ff;margin-top:10px;box-shadow:0 4px 15px #4678b433}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4678b44d;background:linear-gradient(120deg,#465569f2,#5082bee5)}.btn:active{transform:translateY(0)}#sideMenu a,.close-btn{color:#e8f0ffb3}.close-btn{position:absolute;top:15px;right:15px;background:0 0;border:0;font-size:24px;cursor:pointer;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}#statisticsPopup{background:linear-gradient(135deg,#1e232df2,#28303cf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgb(70 120 180 / 20%);color:#e8f0ff;box-shadow:0 25px 50px #0000004d;animation:fadeIn .3s ease-in-out}#statisticsPopup h1,#statisticsPopup h4{text-align:center;text-shadow:0 2px 4px rgb(0 0 0 / 30%)}#statisticsPopup h4{padding-top:10px}#statistics,.close-btn{display:flex}.close-btn:hover{background:#3c4b5f4d;color:#e8f0ff}.statistics-container{flex:1;padding-right:5px}.statistics-container .label,.statistics-container .statistics{display:flex;align-items:center;justify-content:center;text-align:center}.statistics-container .statistics{font-size:36px;font-weight:400;color:#4678b4e5;text-shadow:0 2px 4px rgb(0 0 0 / 30%)}.statistics-container .label{font-size:12px;color:#e8f0ffcc}#guess-distribution{padding-bottom:10px;width:80%;margin:auto}#footer,.graphContainer{display:flex;width:100%;align-items:center}.graphContainer{height:20px;padding-bottom:4px;font-size:14px;line-height:20px}.graphContainer .guess{width:10px;color:#e8f0ffcc}.graphContainer .graph{width:100%;height:100%;padding-left:4px}.graphContainer .graph .graphBar{height:100%;width:20%;position:relative;background:linear-gradient(90deg,#3c4b5fb3,#4678b499);display:flex;justify-content:center;border-radius:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.graphContainer .graph .graphBar .guessesNum{font-weight:700;color:#e8f0ff}.graphContainer .graph .graphBar.align-right{justify-content:right;padding-right:8px}#footer{margin:auto}#statisticsPopup .countdown{border-right:1px solid rgb(70 120 180 / 40%);width:50%}#nextPajglaTimer{font-size:39px;text-align:center;color:#4678b4e5;font-family:Inconsolata,Arial,Helvetica,sans-serif}#statisticsPopup .share,button#shareButton{display:flex;justify-content:center;align-items:center}#statisticsPopup .share{padding-left:12px;width:50%}button#shareButton{background:linear-gradient(135deg,#327850e5,#468c64cc);font-weight:700;border-radius:6px;cursor:pointer;border:1px solid rgb(70 140 100 / 30%);-webkit-user-select:none;user-select:none;width:80%;font-size:20px;height:52px;color:#e8f0ff;transition:all .3s ease;box-shadow:0 4px 15px #32785033}button#shareButton:hover{background:linear-gradient(135deg,#3c825af2,#50966ee5);transform:translateY(-2px);box-shadow:0 8px 25px #3278504d}#helpWindow,#sideMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#helpWindow{background:linear-gradient(135deg,#1e232df2,#28303cf2);border:1px solid rgb(70 120 180 / 20%);color:#e8f0ff;padding:15px 10px;box-shadow:0 25px 50px #0000004d}#helpWindow h2{padding-bottom:10px;text-shadow:0 2px 4px rgb(0 0 0 / 30%)}#helpWindow p{font-size:14px;color:#e8f0ffe5}#helpWindow #examples{border-top:1px solid rgb(70 120 180 / 30%)}#helpWindow .example{margin-top:24px;margin-bottom:24px}#helpWindow .exampleSquare{border:2px solid rgb(60 75 95 / 60%);background:#232a344d;line-height:2rem;font-weight:700;color:#e8f0ff;text-transform:uppercase;justify-content:center;align-items:center;aspect-ratio:1/1;width:35px;height:35px;display:inline-block;-webkit-user-select:none;user-select:none;margin-bottom:20px;vertical-align:middle}#helpWindow,.toastify{text-align:center}#sideMenu{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background:linear-gradient(135deg,#14192099,#1e232d99);border-right:1px solid rgb(70 120 180 / 20%);overflow-x:hidden;padding-top:60px;transition:.5s}#sideMenu a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;display:block;transition:.3s;border-bottom:1px solid rgb(60 75 95 / 20%)}#sideMenu a:hover{color:#e8f0ff;background:#3c4b5f33;transform:translate(10px)}#sideMenu .closeButton{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;color:#e8f0ffcc}.invert{filter:invert(100%)}@media screen and (width <=450px){.statistics-container .statistics{font-size:25px}}@media screen and (width <=360px){.statistics-container .statistics{font-size:18px}.statistics-container{max-width:50px}.statistics-container .label{font-size:10px}.graphContainer .graph .graphBar .guessesNum{font-size:12px}}@media screen and (height <=450px){#sideMenu{padding-top:15px}#sideMenu a{font-size:18px}}@media screen and (width <=600px){#centralHeaderSpace{font-size:6vw}}@media screen and (height <=800px){#board{gap:6px;max-width:400px}#helpWindow .exampleSquare{width:30px;height:30px}}@media screen and (height <=755px){#board{gap:6px;max-width:360px;font-size:1.5em}#helpWindow .exampleSquare{width:27px;height:27px;line-height:1.8rem}}@media screen and (height <=690px){#board-container{padding:5px}#board{gap:5px;max-width:300px}#keyboard-container{height:180px;min-height:180px;margin:0 5px 5px}.keyboard-row button{height:45px}#helpWindow .exampleSquare{width:24px;height:24px;font-size:15px;line-height:1.5rem;margin-bottom:15px}}@media screen and (height <=580px){header{height:45px}.headerIcon{width:22px;height:22px}#board{gap:4px;max-width:255px;font-size:1em}#keyboard-container{height:160px;min-height:160px}.keyboard-row button{height:42px;font-size:13px}}@media screen and (height <=530px){header{height:30px}.headerIcon{width:20px;height:20px}#board{gap:2px;max-width:250px;font-size:1em}.square{border-width:1px}.keyboard-row button{height:42px;font-size:13px}}.blocker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.close-modal{filter:invert()}.toastify{padding:12px 20px;color:#fff;display:inline-block;background:#333;position:fixed;opacity:0;transition:all .3s ease;border-radius:6px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647;box-shadow:0 2px 8px #00000026;width:max-content}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.6;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:450px;margin-top:7vh}.toastify-info{margin-left:auto;margin-right:auto;left:0;right:0;max-width:450px;margin-top:6vh;background:#3a6ea5;color:#fff;width:max-content}.toastify-error{margin-left:auto;margin-right:auto;left:0;right:0;max-width:300px;margin-top:6vh;background:#b23b3b;color:#fff;width:max-content}.toastify-congrats{margin-left:auto;margin-right:auto;left:0;right:0;max-width:300px;margin-top:6vh;background:#17b35a;color:#fff;width:max-content;box-shadow:0 0 20px #0009}@media only screen and (width <= 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}