:root{--accent:#eeec5a;--white:#e0e0e0;--black:#000;--black-transparent:#0000009d;--gray:#2e2f36;--light-gray:#aaa;--dark-gray:#1a1d23;--darker-gray:#0f1114;--border-radius:8px;--nav-height:3.5rem;--main-input-height:14.15rem;--content-width:32rem;--font-size-text:0.85rem}*{margin:0;padding:0;box-sizing:border-box;border:0}body{font-family:monospace;background-color:var(--black);background-position:-50%;background-size:10%;background-repeat:no-repeat;color:var(--white)}body:before{content:"";--bg-circle-size:calc(var(--content-width) + 60rem);position:fixed;width:var(--bg-circle-size);height:var(--bg-circle-size);top:calc(-.78 * var(--bg-circle-size));left:50%;transform:translateX(-50%);z-index:-1;opacity:.2;pointer-events:none;background:radial-gradient(circle,#fff 0,#000 70%)}h2{font-size:1.1rem}h2,h3{text-transform:uppercase}h3{font-size:.7rem;margin-bottom:8px;opacity:.6}b,li,p{font-size:var(--font-size-text);line-height:1.5}b{white-space:nowrap}hr{background-color:var(--dark-gray);height:1px}a,a:visited{text-decoration:none;color:var(--white)}#userGuessForm,button,input,select,textarea{font-family:inherit;font-size:var(--font-size-text);color:inherit;border-radius:var(--border-radius)}.button,button,select{cursor:pointer}.button,.button:visited,button{border-radius:var(--border-radius);background-color:var(--white);background:linear-gradient(45deg,#cbcbcb,var(--white),var(--white));color:var(--black);font-weight:600;padding:8px 10px;text-transform:uppercase;font-size:.8rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;letter-spacing:.2px}.button.selected,button.selected{position:relative}.button.selected:after,.button.selected:before,button.selected:after,button.selected:before{content:"";position:absolute;top:10px;bottom:10px;width:2.5px;pointer-events:none;border-radius:8px;background-color:var(--black)}.button.selected:before,button.selected:before{left:10px}.button.selected:after,button.selected:after{right:10px}.button.big,button.big{padding:14px 18px}.button.secondary,button.secondary{background-color:var(--gray);background:linear-gradient(45deg,#303030,var(--gray),var(--gray));color:var(--white)}.button .icon,button .icon{width:18px;height:18px}.using-mouse .button:focus-visible,.using-mouse button:focus-visible{outline:none}.button:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #0078d4;outline-offset:-1px}#userGuessForm,input,select,textarea{background-color:var(--black);border:1px solid var(--gray);min-width:1px;overflow:hidden;font-size:var(--font-size-text);padding:1rem}#userGuessForm{height:42px;gap:0}#userGuess,#userGuessDisplay,#userGuessForm{padding:0}textarea{resize:vertical}#userGuess,#userGuessDisplay{pointer-events:none;text-align:center;text-wrap:nowrap;flex-grow:1;border:0}.dropdown-container{position:relative;height:100%;color:var(--black)}.dropdown-container .icon{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);pointer-events:none;width:13px;height:13px;margin-top:-.5px}.dropdown-container.inactive .icon{display:none}.dropdown-container select{height:100%;font-weight:600;font-size:.75rem;padding:0 .6rem;background-color:var(--white);border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.9rem}.unitDropdownCont{height:70%;margin-right:.35rem}#unitBtn{min-width:40px;margin-right:.3rem}.col,.row{display:flex;gap:.75rem}.row{align-items:center}.col{flex-direction:column}.s{gap:.5rem}.l{gap:1.5rem}.xl{gap:2.5rem}.r{align-self:flex-end;text-align:right}.center{justify-content:center;align-items:center;text-align:center}@media (min-width:32rem){#container,.popup-frame{border:1px solid var(--dark-gray);border-top:0;border-bottom:0}}#container{background-color:var(--black);margin:0 auto;min-height:100svh;position:relative}#container,#container>*{max-width:var(--content-width)}#container>*{width:100%;padding-left:1rem;padding-right:1rem}.container-center{padding:1.5rem 0;position:absolute;top:25%}#content{padding-top:calc(var(--nav-height) + 1rem);padding-bottom:calc(var(--main-input-height) + .5rem);overflow-x:hidden}#content.no-keyboard{padding-top:calc(var(--nav-height) + 2rem);padding-bottom:calc(var(--nav-height) + .5rem)}.bubble{border-radius:var(--border-radius);padding:1rem 1.2rem;background-color:var(--dark-gray)}.bubble.dark{background-color:var(--darker-gray)}.bubble.big{padding:1.3rem 1.6rem}.bubble.small{padding-top:.6rem;padding-bottom:.6rem}.guess{background-color:var(--gray);width:auto}.green{border:1.5px solid #38db38;background-color:#091309}.yellow{border:1.5px solid #d8db38;background-color:#131309}.red{border:1.5px solid #db3838;background-color:#1e0d0d}.red h3{color:#db3838}.icon{width:15px;height:15px}.guess .icon{margin-top:-1px}.guess .label{font-weight:600}.guess.green .icon,.guess.green .label{color:#38db38}.guess.yellow .icon,.guess.yellow .label{color:#d8db38}.guess.red .icon,.guess.red .label{color:#db3838}.emoji{font-size:1rem}#main-input,#nav{position:fixed;background-color:var(--black-transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:calc(var(--content-width) - 2px)}#nav{top:0;height:var(--nav-height);justify-content:space-between;z-index:1}.logo{font-size:1rem;font-weight:600}#nav,.popup-head{border-bottom:1px solid var(--dark-gray)}#nav button,.popup-head button{padding:6px 10px}#main-input{bottom:0;height:var(--main-input-height);justify-content:center}#current-guess{background-color:var(--white);color:var(--black);border-radius:3px;padding:3px 6px}#input-info-bar{justify-content:center;text-transform:uppercase;font-weight:600;color:var(--light-gray);font-size:.65rem;gap:1rem;flex-shrink:0}.lifes{gap:.4rem}.lifes>*{--life-size:9px;background-color:var(--white);color:var(--black);border-radius:50%;width:var(--life-size);height:var(--life-size);justify-content:center}#keyboard{gap:.4rem}#keyboard>.row{display:grid;grid-template-columns:repeat(16,1fr);gap:inherit}#keyboard-overlay{position:absolute;min-height:var(--main-input-height);left:0;right:0;bottom:0;background-color:var(--black);z-index:1;padding:1rem}.key{height:48px;font-size:1rem;padding:0;grid-column:span 2}.key svg{width:22px}.key.special{font-size:.8rem;grid-column:span 4;margin-left:.6rem}.key-spacer{pointer-events:none;opacity:0}.overlay{position:fixed;top:0;left:0;right:0;bottom:0}.menu-item{padding:1rem}.menu-item>svg{width:22px}#menu-footer{margin-top:auto;justify-content:end;margin-bottom:-1.25rem}#popup-container{display:none;overflow:hidden auto;z-index:1}.popup-frame{background-color:var(--black)}.popup,.popup-frame{width:100%;min-height:100%;max-width:var(--content-width);margin:0 auto}.popup{padding-bottom:2.5rem;flex:1}.popup>*{padding:0 1.5rem}.popup-head{justify-content:space-between;position:sticky;top:0;background-color:var(--black);padding:.75rem 1.5rem;margin-bottom:-.25rem;z-index:1}.stats{align-items:stretch}.stats>div{flex-grow:1}.stats>div>div{flex:1 1 0}.stats p{font-size:.7rem;white-space:nowrap}.stats b{font-size:1.1rem}.stats .bubble{justify-content:space-between}.bar{background-color:var(--gray);padding:8px 0;color:var(--black);text-align:right;font-weight:600;min-width:6px;border-radius:3px}.highlight{background-color:var(--light-gray)}ul{gap:.5rem}li{margin-left:12px;padding-left:4px}.spacer{height:1.5rem}.large-text{font-size:1.1rem;line-height:1.4;font-weight:600}#archive a,#archive a:visited{justify-content:space-between;border-radius:var(--border-radius);padding:1rem;color:var(--white);text-decoration:none;border:1px solid var(--gray)}#archive .played{opacity:.6}.fade-in-bot,.fade-out-bot{transform:translateZ(0);backface-visibility:hidden;will-change:opacity,transform}.fade-in-bot{animation:a .35s ease-out forwards}.fade-out-bot{animation:b .35s ease-out forwards}@keyframes a{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes b{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.text-link{text-decoration:underline}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.button:hover,.logo:hover,button:hover,select:hover{opacity:.85;text-decoration:none}#archive a:hover{text-decoration:underline}}#global-stats{width:100%;max-width:320px;margin:.75rem 0 .25rem}