@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap";.tridle-row{gap:.25rem;margin-bottom:.25rem;display:flex}.tridle-row .tridle-tile{box-sizing:border-box;border:2px solid var(--unfilled-tile-color);width:60px;height:60px;color:var(--primary-text);border-radius:3px;justify-content:center;align-items:center;font-size:1.875rem;font-weight:600;display:flex}@media screen and (max-width:500px){.tridle-row .tridle-tile{width:45px;height:45px}}@media screen and (max-width:375px){.tridle-row .tridle-tile{width:40px;height:40px}}.tridle-row .tridle-tile.eq,.tridle-row .tridle-tile.in,.tridle-row .tridle-tile.nin{color:var(--guessed-text-color)}.tridle-row .tridle-tile.eq{background:var(--correct-guess-color);border-color:var(--correct-guess-color)}.tridle-row .tridle-tile.in{background:var(--in-guess-color);border-color:var(--in-guess-color)}.tridle-row .tridle-tile.nin{background:var(--not-in-guess);border-color:var(--not-in-guess)}.tridle-row.invalid .tridle-tile{color:#dc3545!important}.keyboard-container{flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;height:11.5625rem;margin:0 auto;display:flex;position:fixed;bottom:1rem;left:0;right:0}.keyboard-container .row{gap:.25rem;display:flex}.keyboard-container .row .key{background:var(--keyboard-color);text-transform:capitalize;border-radius:3px;justify-content:center;align-items:center;min-width:50px;height:55px;padding:0 .35rem;font-size:1.375rem;font-weight:600;display:flex}.keyboard-container .row .key.enter{justify-content:center;align-items:center;padding:0 1.5rem;display:flex}.keyboard-container .row .key.enter .icon{width:22px;height:22px}.keyboard-container .row .key.delete{justify-content:center;align-items:center;padding:0 1rem;display:flex}.keyboard-container .row .key.delete .icon{width:22px;height:22px}.keyboard-container .row .key.eq,.keyboard-container .row .key.in,.keyboard-container .row .key.nin{color:var(--guessed-text-color)}.keyboard-container .row .key.eq{background:var(--correct-guess-color);border-color:var(--success-green)}.keyboard-container .row .key.in{background:var(--in-guess-color);border-color:var(--warning-yellow)}.keyboard-container .row .key.nin{background:var(--not-in-guess);border-color:var(--not-in-guess);color:var(--not-in-guess-text)}@media screen and (max-width:600px){.keyboard-container .row .key{min-width:40px;height:50px;font-size:1rem}}@media screen and (max-width:500px){.keyboard-container{gap:.35rem;max-width:95%}.keyboard-container .row{gap:.25rem}.keyboard-container .row .key{min-width:32px}}@media screen and (max-width:375px){.keyboard-container .row .key{min-width:30px;height:40px}}@media screen and (max-width:355px){.keyboard-container .row .key{min-width:25px;height:40px}.keyboard-container .row .key.enter{padding:0 1rem}.keyboard-container .row .key.delete{padding:0 .75rem}}.modal{text-align:center;border-radius:3px;flex-direction:column;width:90%;max-width:400px;height:fit-content;margin:0 auto;padding:1rem;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.modal h2{padding-bottom:2rem}.modal .close-modal-btn{background:0 0;outline:none;width:fit-content;position:absolute;right:1rem}.modal .completed-text{padding-bottom:2rem;font-weight:500}.modal .completed-text .word{background:var(--secondary-background);border-radius:3px;padding:.25rem;font-weight:700}.game-over-modal .copy-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;display:flex}.game-over-modal .copy-results button{color:#fff;cursor:pointer;border:none;border-radius:3px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .65rem;font-weight:600;display:flex}.tridle-container{height:100%}.puzzle-container{width:100%;height:calc(100% - 17.1875rem);position:relative;overflow-y:scroll}.puzzle-container::-webkit-scrollbar-track{background-color:var(--primary-background);border-radius:10px}.puzzle-container::-webkit-scrollbar{background-color:var(--primary-background);width:8px}.puzzle-container::-webkit-scrollbar-thumb{background-color:var(--secondary-background);border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}.puzzle-container .tridle{width:fit-content;margin:0 auto}@media screen and (max-width:500px){.puzzle-container .tridle{margin-top:0}}nav{justify-content:center;align-items:center;width:100%;height:5.625rem;display:flex}nav .nav-center{justify-content:center;align-items:center;width:90%;max-width:700px;height:100%;display:flex;position:relative}nav .nav-center .nav-left{gap:1rem;display:flex;position:absolute;left:0}nav .nav-center .nav-middle{text-align:center;flex:1}nav .nav-center .nav-middle h1{font-size:26px}nav .nav-center .nav-right{align-items:center;gap:1rem;display:flex;position:absolute;right:0}nav .nav-center .nav-right .settings-icon{width:25px;height:25px}nav .nav-center .nav-btn{justify-content:center;align-items:center;display:flex}nav .nav-center .nav-btn.info:hover{color:#85c0f9!important}nav .nav-center .nav-btn.support:hover{color:#bc1e1b!important}nav .nav-center .nav-btn.settings:hover{color:#28a745!important}.light-dark-toggle-btn{border-radius:15px;align-items:center;width:58px;height:30px;display:flex;position:relative;box-shadow:0 7px 29px #64646f33;border:2px solid var(--theme-toggle-border)!important;background:var(--theme-toggle-background)!important}.light-dark-toggle-btn .icon{width:18px;height:18px}.light-dark-toggle-btn .icon.light{color:var(--in-guess-color)}.light-dark-toggle-btn .indicator-icon{width:16px;height:16px;visibility:none;opacity:0;stroke-width:.8px;transform:visibility 0s, opacity 1s;position:absolute;right:.45rem;overflow:visible}.light-dark-toggle-btn .indicator-icon.toggle{-ms-animation-name:show_icon;-ms-animation-duration:.4s;opacity:1;animation-name:show_icon;animation-duration:.4s}.light-dark-toggle-btn .indicator-icon.light{left:.45rem;right:auto}@keyframes show_icon{0%{visibility:1;opacity:0;transform:rotate(15deg)}40%{opacity:.8}50%{transform:rotate(-7deg)}to{opacity:1;transform:rotate(0)}}@-webkit-keyframes show_icon{0%{-webkit-visibility:1;-webkit-opacity:0;-webkit-transform:rotate(15deg)}40%{-webkit-opacity:.8}50%{-webkit-transform:rotate(-7deg)}to{-webkit-opacity:1;-webkit-transform:rotate(0)}}.circle-icon{stroke-width:1.5px;position:absolute;left:.35rem;overflow:visible}.circle-icon.light{-ms-animation-name:move_circle_right;-ms-animation-duration:.4s;animation-name:move_circle_right;animation-duration:.4s;right:.35rem;transform:translate(135%)}.circle-icon.dark{-ms-animation-name:move_circle_left;-ms-animation-duration:.4s;animation-name:move_circle_left;animation-duration:.4s;right:.35rem;transform:translate(0%)}@-webkit-keyframes move_circle_right{0%{-webkit-transform:translate(0%)}50%{-webkit-transform:translate(145%)}70%{-webkit-transform:translate(135%)}to{-webkit-transform:translate(130%)}}@-moz-keyframes move_circle_right{0%{-webkit-transform:translate(0%)}50%{-webkit-transform:translate(145%)}70%{-webkit-transform:translate(135%)}to{-webkit-transform:translate(130%)}}@-o-keyframes move_circle_right{0%{-webkit-transform:translate(0%)}50%{-webkit-transform:translate(145%)}70%{-webkit-transform:translate(135%)}to{-webkit-transform:translate(130%)}}@keyframes move_circle_right{0%{transform:translate(0%)}50%{transform:translate(145%)}70%{transform:translate(135%)}to{transform:translate(130%)}}@keyframes move_circle_left{0%{transform:translate(150%)}50%{transform:translate(-10%)}70%{transform:translate(5%)}to{transform:translate(0%)}}@-webkit-keyframes move_circle_left{0%{-webkit-transform:translate(150%)}50%{-webkit-transform:translate(-10%)}70%{-webkit-transform:translate(5%)}to{-webkit-transform:translate(0%)}}.settings-modal .content{margin-bottom:2rem}.settings-modal .content .setting label{align-items:center;gap:1rem;display:flex}.settings-modal .content .setting label .text{font-size:1.125rem}.info-modal{max-width:500px}.info-modal .modal-content{text-align:left;max-width:400px;margin:1rem auto 0}.info-modal .modal-content h2{margin:0;padding-bottom:.5rem;color:var(----correct-guess-color)!important}.info-modal .modal-content .text{padding-top:1rem;font-weight:500;line-height:1.5}.info-modal .modal-content .text .wordle-link{color:var(--primary-text);font-weight:600}.info-modal .modal-content .author{text-align:center;margin:1.5rem auto 0;padding-top:1.5rem;padding-bottom:1rem;font-size:.875rem;font-weight:500}.info-modal .modal-content .author a{color:var(--primary-text);text-decoration:underline}.info-modal .modal-content .support-container{justify-content:center;display:flex}.info-modal .modal-content .support-container .support{box-sizing:border-box;background:#fd0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .35rem .35rem .75rem;font-weight:600;text-decoration:none;display:flex}.info-modal .modal-content .support-container .support .icon{width:22px;height:22px}.info-modal .modal-content .support-container .support .arrow-icon{stroke-width:.2px;width:30px;height:30px}.info-modal .modal-content .footer-text{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.info-modal .modal-content .footer-text a{align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.info-modal .modal-content .footer-text a .icon{width:20px;height:20px}.info-modal .modal-content .footer-text .version{align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.game-stats-modal{box-sizing:border-box;max-width:450px;width:90%!important}.game-stats-modal h2{margin-bottom:1.5rem;padding:0}.game-stats-modal .content{width:85%;margin:1rem auto}.game-stats-modal .content .stats{justify-content:space-between;display:flex}.game-stats-modal .content .stats .data{flex-direction:column;align-items:center;gap:.65rem;max-width:80px;display:flex}.game-stats-modal .content .stats .data .num{font-size:1.125rem;font-weight:600}.game-stats-modal .content .distribution{margin-top:3rem}.game-stats-modal .content .distribution .chart{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.game-stats-modal .content .distribution .chart .chart-line-container{gap:.75rem;width:100%;height:25px;display:flex}.game-stats-modal .content .distribution .chart .chart-line-container .num{width:1ch;font-size:1.125rem}.game-stats-modal .content .distribution .chart .chart-line-container .line-container{width:90%;height:100%}.game-stats-modal .content .distribution .chart .chart-line-container .line-container .line{box-sizing:border-box;background:#5f5f5f;justify-content:flex-end;align-items:center;min-width:1.5rem;height:100%;padding-right:.25rem;font-size:1.125rem;display:flex}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*{letter-spacing:.05em;margin:0;padding:0;font-family:Montserrat,sans-serif}#root{display:flex;overflow:hidden}html{overflow:hidden}html,body{height:100%;overflow-x:hidden}body{width:100%;position:relative}#root{width:100%;height:100%}.app{width:100%;height:100%;color:var(--primary-text);background:var(--primary-background);transition:all .3s}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.5rem;font-weight:500}h4{font-size:1.125rem;font-weight:500}p{line-height:1.75}.btn{cursor:pointer;color:var(--primary-text);background:0 0;border:none;outline:none;font-size:1.5rem;font-weight:500}.action-btn{border:2px solid var(--primary-text);border-radius:3px;padding:.75rem 1.5rem;transition:all .1s linear}.action-btn:hover{border:2px solid var(--primary);background:var(--primary)}.page{width:90%;max-width:1400px;margin:0 auto;padding-top:7.625rem}.app{--primary-background:#eee;--secondary-background:#d6d6d6;--tertiary-background:#a6a6a6;--primary-text:#303841;--secondary-text:#595f66;--tertiary-text:#979ba0;--unfilled-tile-color:#bebebe;--correct-guess-color:#28a745;--in-guess-color:#f0ad4e;--not-in-guess-text:#eee;--not-in-guess:#777;--guessed-text-color:#eee;--keyboard-color:#bebebe;--theme-toggle-background:#eee;--theme-toggle-border:#c7c7c7}.dark-theme{--primary-background:#181c22;--secondary-background:#1c2027;--tertiary-background:#111418;--primary-text:#eee;--secondary-text:#a6a6a6;--tertiary-text:#777;--unfilled-tile-color:#4b4f55;--correct-guess-color:#28a745;--in-guess-color:#f0ad4e;--not-in-guess:#2b303a;--not-in-guess-text:#4e545e;--guessed-text-color:#eee;--keyboard-color:#4b4f55;--theme-toggle-background:#2b3038;--theme-toggle-border:#777}.color-blind{--correct-guess-color:#f5793a;--in-guess-color:#85c0f9}