.wordle-space{color:var(--text-color);background:linear-gradient(-45deg, var(--bg-orange), var(--bg-pink), var(--bg-blue), var(--bg-mint));background-size:400% 400%;flex-direction:column;align-items:center;min-height:100vh;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;animation:12s infinite gradientShift;display:flex;position:relative;overflow:auto}.footer-space{background-color:#0000!important}@keyframes gradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.wordle-space:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%, var(--white1-transp) 0%, transparent 50%), radial-gradient(circle at 80% 70%, #ff732e1a 0%, transparent 50%), radial-gradient(circle at 40% 80%, #00c1c11a 0%, transparent 50%);width:100%;height:100%;animation:8s ease-in-out infinite floatBackground;position:absolute;top:0;left:0}@keyframes floatBackground{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.wordle-space{z-index:1;position:relative}.light-theme .wordle-space{animation-duration:15s}.dark-theme .wordle-space{animation-duration:10s}.wordle-space .found{background:linear-gradient(135deg, var(--fg-orange), var(--bg-orange1));border-color:var(--fg-orange);color:var(--text-color-inv);box-shadow:0 2px 8px #ff732e4d}.wordle-space .correct{background:linear-gradient(135deg, var(--fg-mint), var(--bg-mint));border-color:var(--fg-mint);color:var(--text-color-inv);box-shadow:0 2px 8px #00c1c14d}.wordle-space .wrong{background:linear-gradient(135deg, var(--bg-accent), var(--bg-1));border-color:var(--text-color);color:var(--text-color);opacity:.7}.title{padding-top:calc(var(--nav-size)*1);color:var(--text-color);border-bottom:solid min(3px,5vw) var(--fg-blue);text-shadow:0 2px 10px #3838ff4d;height:5.5vw;font-size:5vw;position:relative}.title:before{content:"";background:radial-gradient(circle, var(--bg-page-transp) 0%, transparent 70%);z-index:-1;width:150%;height:150%;animation:3s ease-in-out infinite titlePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes titlePulse{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(1.05)}}.timer{color:var(--text-color);font-size:calc(var(--nav-size) * .35);text-align:center;margin:calc(var(--nav-size) * .2) auto calc(var(--nav-size) * .1) auto;padding:calc(var(--nav-size) * .15) calc(var(--nav-size) * .3);background:linear-gradient(135deg, var(--bg-page-transp), var(--white1-transp));border-radius:calc(var(--nav-size) * .1);border:1px solid var(--fg-blue);width:-moz-fit-content;width:fit-content;min-width:calc(var(--nav-size) * 2);text-shadow:0 1px 2px #0000001a;letter-spacing:.05em;font-weight:600;animation:2s ease-in-out infinite timerPulse;box-shadow:0 2px 8px #3838ff33,inset 0 1px #ffffff1a}@keyframes timerPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.guessGrid{margin-top:calc(var(--nav-size)*.2);font-size:calc(var(--nav-size) * .4);height:min(400px, avg(300px, 90vw));text-align:center;flex-grow:1;justify-content:center;align-items:center;width:100%}.game-start-message{color:var(--text-color);font-size:calc(var(--nav-size) * .35);text-shadow:0 2px 8px #3838ff4d;margin-top:calc(var(--nav-size) * .3);opacity:0;font-weight:600;animation:1.2s ease-out forwards fadeInBounce}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(-30px)scale(.8)}50%{opacity:.8;transform:translateY(10px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.key-guess{text-transform:uppercase;border:calc(1vw * .15) solid var(--fg-blue);box-shadow:0 2px 8px var(--fg-blue);height:calc(var(--nav-size) * 1.2);width:calc(calc(1vw * 82) / var(--key-guess-count));vertical-align:middle;color:var(--text-color);background:linear-gradient(135deg, var(--bg-page), var(--white1-transp));border-radius:calc(var(--nav-size) * .05);justify-content:center;align-items:center;transition:all .3s;display:inline-flex;position:relative}.key-guess:before{content:"";border-radius:calc(var(--nav-size) * .05);opacity:0;pointer-events:none;background:linear-gradient(45deg,#0000,#ff379b1a,#0000);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.key-guess:hover:before{opacity:1}.wordle-answer{width:-moz-fit-content;width:fit-content;max-width:90vw;margin:calc(var(--nav-size) * .5) auto calc(var(--nav-size) * .3) auto;padding:calc(var(--nav-size) * .4);font-size:calc(var(--nav-size)*.3);text-align:center;background:linear-gradient(135deg, var(--bg-blue), var(--bg-mint));color:var(--text-color);border-radius:calc(var(--nav-size) * .2);box-shadow:0 0 0 2px var(--fg-blue), 0 8px 25px #3838ff26, 0 4px 15px #00c1c11a;z-index:1;background-clip:padding-box;border:2px solid #0000;font-weight:500;line-height:1.2;animation:.6s ease-out answerSlideIn;position:relative}.wordle-answer strong{font-weight:700;font-size:calc(var(--nav-size)*.35);color:var(--fg-blue);text-shadow:0 1px 2px #0000001a}@keyframes answerSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.expand-toggle{border-radius:calc(var(--nav-size) * .1);padding:2px 6px;transition:all .2s}.expand-toggle:hover{transform:scale(1.02);background-color:var(--bg-blue)!important;color:var(--text-color-inv)!important}.key{text-transform:uppercase;border-radius:calc(var(--nav-size)*.1);background:linear-gradient(135deg, var(--text-color-inv), var(--bg-page));color:var(--text-color);padding:calc(var(--nav-size)*.2);margin:calc(var(--nav-size)*0);cursor:pointer;vertical-align:middle;min-width:9.65vw;height:calc(var(--nav-size) * 1.05);border:calc(var(--nav-size)*.002) solid var(--fg-blue);font-size:3.2vw;font-weight:700;transition:all .2s;display:inline;box-shadow:0 2px 5px #3838ff1a}.key:hover{background:linear-gradient(135deg, var(--fg-blue), var(--bg-blue));color:var(--text-color-inv);transform:translateY(-1px);box-shadow:0 3px 8px #3838ff40}.keyboard{margin-top:calc(var(--nav-size)*.4);font-size:calc(var(--nav-size)*.6);text-align:center;flex-grow:1;width:100%;display:block}.keyboard-div1{width:1vw;display:inline}.keyboard-div2{display:inline}.credits{margin:calc(var(--nav-size) * .4) auto calc(var(--nav-size) * .6) auto;padding:calc(var(--nav-size) * .3);text-align:center;max-width:85vw;color:var(--text-color);font-size:calc(var(--nav-size) * .3);background:linear-gradient(135deg, var(--bg-page-transp), var(--white1-transp));border-radius:calc(var(--nav-size) * .15);border:1px solid var(--grey1);z-index:1;white-space:pre-line;font-weight:500;line-height:1.5;transition:all .3s;box-shadow:0 2px 10px #0000001a,inset 0 1px #fff3}.credits:not(:empty){opacity:1}.credits:empty{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.credits-clickable{cursor:pointer;font-weight:600;transition:all .3s;transform:scale(1);border-color:var(--fg-blue)!important;background:linear-gradient(135deg, var(--bg-blue), var(--bg-mint))!important;color:var(--text-color)!important}.credits-clickable:hover{transform:scale(1.01);box-shadow:0 4px 20px #3838ff4d,inset 0 2px #ffffff4d;background:linear-gradient(135deg, var(--fg-blue), var(--bg-blue))!important}.automate{color:var(--text-color);font-size:calc(var(--nav-size)*.26);text-align:center;opacity:0;flex-grow:1;margin-top:min(10px,4vw);animation:.8s ease-out .3s forwards slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#automate-newBut{font-size:calc(var(--nav-size)*.2);padding:calc(var(--nav-size)*.1);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .8);border-radius:calc(var(--nav-size)*.1);font-size:calc(var(--nav-size)*.26);vertical-align:middle;cursor:pointer;color:var(--text-color);width:calc(var(--nav-size)*2);height:calc(var(--nav-size)*.55);background:linear-gradient(135deg, var(--fg-mint), var(--bg-mint));border:calc(var(--nav-size)*.002) solid var(--fg-mint);opacity:0;transition:all .2s;animation:.6s ease-out .5s forwards slideInLeft;box-shadow:0 2px 8px #00c1c14d}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}#automate-newBut:hover{background:linear-gradient(135deg, var(--bg-mint), var(--fg-mint));transform:translateY(-1px);box-shadow:0 4px 12px #00c1c166}#automate-solutionBut{font-size:calc(var(--nav-size)*.2);padding:calc(var(--nav-size)*.1);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .8);border-radius:calc(var(--nav-size)*.1);width:calc(var(--nav-size)*2.5);height:calc(var(--nav-size)*.55);font-size:calc(var(--nav-size)*.26);vertical-align:bottom;cursor:pointer;color:var(--text-color);background:linear-gradient(135deg, var(--fg-orange), var(--bg-orange1));border:calc(var(--nav-size)*.002) solid var(--fg-orange);transition:all .2s;box-shadow:0 2px 8px #ff732e4d}#automate-solutionBut:hover{background:linear-gradient(135deg, var(--bg-orange1), var(--fg-orange));transform:translateY(-1px);box-shadow:0 4px 12px #ff732e66}#automate-settingBut{font-size:calc(var(--nav-size)*.4);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .8);min-width:calc(var(--nav-size)*.8);border-radius:calc(var(--nav-size)*.1);font-size:calc(var(--nav-size)*.36);vertical-align:middle;cursor:pointer;height:calc(var(--nav-size)*.55);width:calc(var(--nav-size)*.6);color:var(--text-color);background:linear-gradient(135deg, var(--fg-pink), var(--bg-pink));border:calc(var(--nav-size)*.002) solid var(--fg-pink);opacity:0;transition:all .2s;animation:.6s ease-out .7s forwards slideInRight;box-shadow:0 2px 8px #ff379b4d}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}#automate-settingBut:hover{background:linear-gradient(135deg, var(--bg-pink), var(--fg-pink));transform:translateY(-1px);box-shadow:0 4px 12px #ff379b66}#automate-solverbut{margin-top:calc(var(--nav-size)*.05);font-size:calc(var(--nav-size)*.2);height:calc(var(--nav-size)*.45);border-radius:calc(var(--nav-size)*.1);margin-top:calc(var(--nav-size)*.2);font-size:calc(var(--nav-size)*.25);vertical-align:middle;cursor:pointer;height:calc(var(--nav-size)*.4);color:var(--text-color-inv);background:linear-gradient(135deg, var(--fg-blue), var(--bg-blue));border:calc(var(--nav-size)*.002) solid var(--fg-blue);transition:all .2s;box-shadow:0 2px 8px #3838ff4d}#automate-solverbut:hover{background:linear-gradient(135deg, var(--bg-blue), var(--fg-blue));transform:translateY(-1px);box-shadow:0 4px 12px #3838ff66}.settingMenu{margin-top:calc(var(--nav-size)*.1);text-align:center;font-size:calc(var(--nav-size)*.2);border:calc(var(--nav-size)*.002) solid var(--fg-pink);background:linear-gradient(135deg, var(--bg-page), var(--white1-transp));border-radius:calc(var(--nav-size)*.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:min(10px,4vw);box-shadow:0 4px 12px #ff379b33}.settingMenu input[type=checkbox]{accent-color:var(--fg-blue);cursor:pointer}.settingMenu label{cursor:pointer;color:var(--text-color)}#settingMenu-text{font-size:calc(var(--nav-size)*.2);padding:calc(var(--nav-size)*.05);text-align:center;width:calc(var(--nav-size)*.3);height:calc(var(--nav-size)*.15);margin-left:calc(var(--nav-size)*.1);vertical-align:bottom;font-weight:bolder}@media (orientation:landscape){.title{font-size:calc(var(--nav-size)*.4);height:calc(var(--nav-size)*.5)}.timer{font-size:calc(var(--nav-size) * .25);margin:calc(var(--nav-size) * .15) auto calc(var(--nav-size) * .1) auto;padding:calc(var(--nav-size) * .1) calc(var(--nav-size) * .2);min-width:calc(var(--nav-size) * 1.5)}.keyboard{font-size:calc(var(--nav-size)*.2)}.key{font-size:calc(var(--nav-size)*.2);padding:calc(var(--nav-size)*.1);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .9);min-width:calc(var(--nav-size)*1.2)}.guessGrid{width:40%}.key-guess{height:calc(var(--nav-size) * 1);width:calc(32.2vw / var(--key-guess-count))}.wordle-answer{font-size:calc(var(--nav-size) * .3);padding:calc(var(--nav-size) * .5);margin:calc(var(--nav-size) * .4) auto;max-width:95vw}.wordle-answer strong{font-size:calc(var(--nav-size) * .35)}.credits{font-size:calc(var(--nav-size) * .35);padding:calc(var(--nav-size) * .25);margin:calc(var(--nav-size) * .3) auto calc(var(--nav-size) * .5) auto;max-width:90vw}#automate-newBut,#automate-solutionBut{font-size:calc(var(--nav-size)*.2);padding:calc(var(--nav-size)*.1);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .8);border-radius:calc(var(--nav-size)*.1)}#automate-settingBut{font-size:calc(var(--nav-size)*.4);margin:calc(var(--nav-size)*.001);height:calc(var(--nav-size) * .8);min-width:calc(var(--nav-size)*.8);border-radius:calc(var(--nav-size)*.1)}#automate-solverbut{margin-top:calc(var(--nav-size)*.05);font-size:calc(var(--nav-size)*.2);height:calc(var(--nav-size)*.45);border-radius:calc(var(--nav-size)*.1)}}