@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tektur:wght@400..900&display=swap";a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;margin:0;outline:none;padding:0;vertical-align:baseline}button{cursor:pointer}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#0f0;display:flex;font-family:Tektur,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;justify-content:center;min-height:100vh;padding:10px}.game-container{max-width:422px;width:100%;//height:625px;background-color:#1e1e1e;border:1px solid #0f0;border-radius:10px;box-shadow:0 0 20px #0f03;padding:20px}.h1{margin-bottom:10px;text-shadow:0 0 5px #0f0}.display,.h1{text-align:center}.display{align-items:center;background-color:#0a240a;border:2px solid #0f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;min-height:100px;padding:20px;position:relative}.bank{background-color:#1e1e1e;bottom:-9px;font-size:14px;padding-left:5px;padding-right:5px;position:absolute;text-shadow:0 0 5px #0f0}.digit{background-color:#082108;border:1px solid #0f0;border-radius:5px;box-shadow:0 0 5px #00ff004d;display:inline-block;height:60px;margin:0 5px;position:relative;width:40px}.digit.correct{background-color:#0a380a;box-shadow:0 0 10px #00ff00b3}.digit span{color:#0f0;font-size:24px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 5px #0f0;top:50%;transform:translate(-50%,-50%)}.info{color:#0f0;font-size:12px;margin-bottom:30px;text-align:center;text-shadow:0 0 3px #0f0}.keypad__container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.keypad{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-width:270px;width:100%}.key{background-color:#082108;border:2px solid #0f0;border-radius:5px;color:#0f0;cursor:pointer;font-size:20px;padding:12px 0;text-align:center;text-shadow:0 0 3px #0f0;transition:all .2s}.key:hover{background-color:#0a380a;box-shadow:0 0 10px #00ff0080}.key:active{transform:scale(.95)}.key.inactive{background-color:#380a0a;border-color:red;cursor:not-allowed;opacity:.5}.key.inactive-next{border-color:#ffea00;box-shadow:0 0 10px #ffea0080;color:#ff0}.key.inactive:hover{background-color:#380a0a;box-shadow:none}.key.guessed{border-color:#0f0;cursor:not-allowed;opacity:.7}.key.guessed,.key.guessed:hover{background-color:#0a380a;box-shadow:0 0 10px #00ff0080}.zero-key{grid-column:2}.controls{display:flex;justify-content:center}.controls__opacity{cursor:default;opacity:0}button{background-color:#082108;border:2px solid #0f0;border-radius:5px;color:#0f0;cursor:pointer;padding:10px 15px;text-shadow:0 0 3px #0f0;transition:all .2s}button:hover{background-color:#0a380a;box-shadow:0 0 10px #00ff0080}.difficulty{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.difficulty-btn{font-size:14px;padding:4px 10px}.difficulty-btn.active{background-color:#0a380a;box-shadow:0 0 10px #00ff0080}.attempts{display:flex;gap:5px;justify-content:center;position:absolute;top:-9px}.attempt{background-color:#082108;border:1px solid #0f0;border-radius:50%;height:15px;width:15px}.attempt.used{background-color:red;box-shadow:0 0 5px #ff0000b3}.message{color:#0f0;font-size:16px;margin-bottom:20px;margin-top:10px;min-height:24px;text-align:center;text-shadow:0 0 3px #0f0}.money{align-items:center;display:flex;font-size:14px;justify-content:center;margin-bottom:10px;text-shadow:0 0 5px #0f0}