body{font-family:Segoe UI,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#f9f9fa;color:#5e676f}:root{--icon-color-red: #ff0000;--icon-color-blue: #6cade5;--icon-color-green: #4caf50;--icon-color-orange: #ff9800;--icon-color-silver: #a0a3aa;--icon-color-grey: #ddd}.app{height:100vh;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.main{height:100%;display:flex;flex-direction:column;justify-content:center}.main-container{position:relative}button{padding:10px 20px;cursor:pointer}input[type=number]{margin:10px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.multi-container{display:flex;justify-content:center;align-items:center;max-width:90%;margin:0 auto;font-size:2rem}.multi-input{min-height:50px;width:50%;max-width:200px;aspect-ratio:1;font-size:5rem;border-radius:.25rem;box-shadow:0 1px 3px #0000000d;border:none;color:#6cade5;font-family:Segoe UI,sans-serif;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#fff;text-align:center}.answer-container{position:relative;display:inline-block}.answer-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;animation:checkmarkAppear .6s ease-out;z-index:10;pointer-events:none}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-90deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.message{position:absolute;bottom:-55px;width:100%}.mobile-stats{display:none;background-color:#282c35;color:#6cade5;padding:10px 0;border-bottom:1px solid #6cade5}.mobile-stats-container{display:flex;justify-content:space-around;align-items:center;max-width:400px;margin:0 100px 0 0;padding:10px 20px}.mobile-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.mobile-stat-label{font-size:.9rem;margin-bottom:5px;color:#6cade5}.mobile-stat-value{font-size:1.2rem;font-weight:700}.mobile-stat-value .attempts-count.temp{color:#6cade5}.mobile-stat-value .attempts-count.yes{color:#4caf50}.mobile-stat-value .attempts-count.not{color:#f44336}.mobile-setup-screen{display:none;height:100vh;width:100%;background-color:#282c35;color:#6cade5;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.mobile-setup-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:30px}.mobile-setup-container h2{text-align:center;margin:0 0 20px;font-size:1.8rem}.mobile-setup-section{display:flex;flex-direction:column;align-items:center;gap:15px}.mobile-instruction-text{text-align:center;margin:0;font-size:1.1rem;line-height:1.4}.mobile-footer-list{display:flex;list-style-type:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center;gap:8px}.mobile-footer-list li{padding:12px 16px;border:1px solid #6cade5;border-radius:4px;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.mobile-footer-list li:hover{background-color:#6cade533}.mobile-footer-list li.list-item-selected{background-color:#6cade55e}.mobile-attempts-container{display:flex;flex-direction:column;align-items:center;gap:10px}.mobile-attempts-text{text-align:center;margin:0;font-size:1.1rem;line-height:1.4}.mobile-footer-input{height:50px;width:80px;font-size:1.5rem;font-family:Segoe UI,sans-serif;border:none;background-color:#282c35;border-bottom:1px solid #6cade5;color:#6cade5;text-align:center;border-radius:4px}.mobile-footer-input:focus{outline:none;border-bottom:2px solid #6cade5}.mobile-button-start{color:#fff;background-color:#5991c2;border:none;border-radius:4px;padding:15px 30px;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease}.mobile-button-start:hover{background-color:#6cade5}.mobile-button-start:disabled{background-color:#adadad;cursor:not-allowed}.main-game-screen{display:flex;flex-direction:column;height:100vh;width:100%}.desktop-only{display:block}@media screen and (max-width: 450px){.multi-input{font-size:2.5rem}.message{bottom:-60px}}@media screen and (max-width: 639px){.mobile-setup-screen{display:flex}.main-game-screen{display:none}.main-game-screen.mobile-active{display:flex}.desktop-only{display:none!important}.mobile-stats{display:block}}.mobile-keyboard{display:none}.settings-icon{width:24px;height:24px;color:var(--icon-color-silver)}@media (max-width: 639px){.mobile-keyboard{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:10px 20px 0;z-index:1000;-webkit-user-select:none;user-select:none}.mobile-keyboard-row{display:flex;justify-content:center;margin-bottom:8px}.mobile-key{flex:1 1 0;margin:0 6px;padding:10px 0;font-size:1.5rem;border:none;border-radius:4px;color:#6cade5;background-color:#6cade55e;transition:background .2s;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-key:active{background:#444}.mobile-key svg{pointer-events:none}.settings-icon{color:var(--icon-color-blue)}}@media (min-width: 640px){.mobile-keyboard{display:none!important}}.keyboard-icon{width:20px;height:20px;color:var(--icon-color-grey);pointer-events:none}.footer-input{height:50px;width:50px;position:relative;font-size:2rem;font-family:Segoe UI,sans-serif;border:none;background-color:#282c35;border-bottom:1px solid #aaa;color:#6cade5;text-align:center}.footer-input:focus{outline:none}.footer-input::placeholder{color:#6cade5;opacity:1;animation:blinkPlaceholder 1.2s step-end infinite}.footer-input::-webkit-input-placeholder{color:#6cade5;opacity:1;animation:blinkPlaceholder 1.2s step-end infinite}.footer-input::-moz-placeholder{color:#6cade5;opacity:1;animation:blinkPlaceholder 1.2s step-end infinite}.footer-input:-ms-input-placeholder{color:#6cade5;opacity:1;animation:blinkPlaceholder 1.2s step-end infinite}.footer-input{position:relative}.footer-input:empty:before{content:"0";position:absolute;color:red;animation:blinkPlaceholder 1.2s step-end infinite}@keyframes blinkPlaceholder{0%,to{opacity:1}50%{opacity:0}}.instruction-text-blinking,.attempts-text-blinking{animation:blinkRed 1.5s ease-in-out infinite}.button-start-blinking{animation:blinkButtonRed 1.5s ease-in-out infinite}@keyframes blinkRed{0%{color:#6cade5}50%{color:red;text-shadow:0 0 5px rgba(255,68,68,.5)}to{color:#6cade5}}@keyframes blinkButtonRed{0%{background-color:#5991c2;box-shadow:none}50%{background-color:red;box-shadow:0 0 10px #ff444480}to{background-color:#5991c2;box-shadow:none}}.page-footer{width:100%;color:#333;text-align:center;background-color:#282c35;color:#6cade5}.last-child{display:flex;flex-direction:column;width:auto;padding:10px 20px;justify-content:space-around}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px 20px}.first-child{max-width:465px;word-break:break-all}.first-child p{word-break:break-word}.middle-child{display:flex;align-items:center;justify-content:space-evenly;width:100%;max-width:465px}ul{list-style-type:none}ul.footer-list{display:flex;list-style-type:none;margin:0;padding:0;flex-wrap:wrap}.footer-list li{padding:10px;border:1px solid #aaa;margin:5px;cursor:pointer;border:1px solid #6cade5;border-radius:2px}.list-item-selected{background-color:#34c74d5e;background-color:#6cade55e}.game-started .footer-list li,.game-started .mobile-footer-list li{opacity:.5;cursor:not-allowed!important;background-color:#444!important;border-color:#666!important;color:#888!important}.game-started .footer-list li:hover,.game-started .mobile-footer-list li:hover{background-color:#444!important;border-color:#666!important;color:#888!important}.game-started .footer-list li.list-item-selected,.game-started .mobile-footer-list li.list-item-selected{background-color:#6cade533!important;border-color:#6cade5!important;color:#6cade5!important}.attempts-container{display:flex;align-items:center;color:#adadad;position:relative}.attempts-count.yes{color:green}.attempts-count.not{color:red}.btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.button-start{color:#fff;background-color:#5991c2;border:none;border-radius:2px}.button-start:disabled{background-color:#adadad;animation:none!important}.button-start:disabled:hover{background-color:#adadad}.button-start:hover{background-color:#6cade5}.btn:hover{background-color:#45a049}@media screen and (max-width: 900px){.footer-container{flex-direction:column}.last-child{display:flex;flex-direction:row;width:100%;max-width:465px;padding:10px 20px;align-items:center;justify-content:space-between}.middle-child{justify-content:space-between}}@media screen and (max-width: 639px){.last-child{display:none!important}.footer-container{padding:0}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;flex-direction:column;justify-content:center;background-color:#00000080}.modal-content{margin:20px auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;background-color:#282c35;color:#6cade5;border-radius:4px}.modal-title{padding-left:30px;line-height:1}.modal-message{padding-left:30px}.modal-image{border:1px solid #6cade5;max-width:100%;height:auto;object-fit:contain}.close-instruction{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-instruction:hover,.close-instruction:focus{color:#000;text-decoration:none;cursor:pointer}.modal-icon{width:20px;height:20px;color:#aaa}.header-instruction{position:fixed;top:20px;right:20px;display:flex}.settings-button{background-color:#f8f8f8;border-radius:2px;width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;cursor:pointer;transition:background-color .3s ease;border:1px solid #a0a3aa;margin-left:10px;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#e0e0e0}.modal-image-success-container{display:flex;justify-content:center;padding:30px}.modal-image-success{width:100%}ul.modal-instruction-description-list{list-style-type:square}ul.modal-instruction-list{list-style-type:decimal;margin:0;padding:0 20px}.modal-about{text-align:right;padding:40px 0 10px}.modal-about a{color:#aaa}.modal-about a:hover{text-decoration:none}@media screen and (max-width: 640px){.header-instruction{top:10px;right:10px}.settings-button{color:#6cade5;background-color:#6cade55e;border:none}.settings-button:hover{background-color:#6cade5b3}.modal-title,.modal-message{padding-left:0}}@media screen and (max-width: 600px){.modal-image-success-container{padding:0}}