.app,body{font-family:Lato,Segoe UI,Roboto,sans-serif}.app{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:0}.helper-text-wrapper{display:flex;justify-content:center;margin:12px 0;width:100%}.helper-text{align-items:center;color:#555;display:flex;font-size:20px;gap:12px;height:40px;line-height:1.6;overflow:hidden;text-align:center}.helper-text button{font-size:16px;padding:6px 12px;transform:translateY(-12px);transition:opacity 1s ease}.share-button,.skill-up-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;line-height:1;margin:0;opacity:0;padding:8px 16px;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease,background-color .3s ease}.share-button.visible,.skill-up-button.visible{opacity:1;transform:translateY(0)}.skill-up-button{background-color:#d04080}.skill-up-button:hover{background-color:#c04080}.dark-mode .skill-up-button{background-color:#5a5a5a}.dark-mode .skill-up-button:hover{background-color:#6b6b6b}.share-button{background-color:#d04080}.share-button:hover{background-color:#c04080}.dark-mode .share-button{background-color:#5a5a5a}.dark-mode .share-button:hover{background-color:#6b6b6b}@media (max-width:480px){.helper-text{font-size:16px}}.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .toolbar{background-color:#1e1e1e}.dark-mode .helper-text,.dark-mode .toolbar-title{color:#e0e0e0}.settings-panel{font-size:1.2rem;margin:20px auto;text-align:center}.toggle-label{align-items:center;display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1rem}.medal{font-size:2em;vertical-align:middle}.toolbar{align-items:center;background-color:#d13574;border-bottom:2px solid #b12c64;box-sizing:border-box;display:flex;justify-content:space-between;padding:.5rem 1rem;width:100%}.icon-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:3px}.icon-button:hover{opacity:.8}.toolbar-left,.toolbar-right{align-items:center;display:flex}.toolbar-center{font-family:Lato,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.toolbar-title{font-size:24px;font-weight:700}@media (max-width:500px){.toolbar-title{font-size:1.3em}.icon-button{font-size:1.2em;margin-left:6px}}.splash-container{height:100vh}.splash-container,.splash-content{align-items:center;display:flex;justify-content:center}.splash-content{flex-direction:column}.splash-logo{margin-bottom:16px;max-width:320px}.splash-button{background-color:#fff;border:none;border-radius:6px;color:#d32f6e;cursor:pointer;font-size:2rem!important;font-weight:700;padding:16px 32px;transition:background-color .2s}.splash-button:hover{opacity:.8;text-decoration:underline}.game-board{align-items:center;flex-direction:column;margin-top:28px}.game-board,.row{display:flex;gap:10px}.cell{align-items:center;border:2px solid #aaa;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:50px}.cell.default{background-color:#fff}.cell.gray{background-color:#ccc;color:#fff}.cell.yellow{background-color:gold;color:#000}.cell.green{background-color:#32cd32;color:#fff}.row.disabled .cell{background-color:#f0f0f0;border-color:#ccc;color:#999}body.dark-mode .cell.default{background-color:#111;color:#fff}body.dark-mode .row.disabled .cell{background-color:#222;border-color:#444;color:#555}.keyboard{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:6px}.keyboard-row{display:flex;gap:10px;justify-content:center;margin:0;padding:0}.keyboard button{background-color:#eee;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:24px;font-weight:700;margin:0;min-height:50px;min-width:30px;padding:12px}.keyboard-row button:hover{background-color:#d0d0d0}.control-key{background-color:#ddd;color:#333;cursor:default;font-weight:700;transition:background-color .3s ease}.control-key.enabled{background-color:#b39ddb;cursor:pointer}.keyboard-row .control-key{width:auto}.keyboard-row .control-key.delete-key{width:80px}.keyboard-row .control-key.enter-key{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:1;padding:0;text-align:center;width:100px}.welcome-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:300px;padding:20px;position:relative;text-align:center;width:90%}.welcome-modal-content h2{margin-bottom:10px}.welcome-modal-content p{margin-bottom:20px}.continue-button{background-color:#d63384;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.continue-button:hover{background-color:#b82a6f}body.dark-mode .welcome-modal-content{background:#222;color:#fff}.settings-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:380px;min-width:380px;padding:20px;position:relative;text-align:left;width:100%}body.dark-mode .settings-modal-content{background:#222;color:#fff}.toggle-container{display:flex;justify-content:space-between;margin:20px 0}.settings-left{flex:1 1}.setting-label{font-weight:700}.settings-subtext{color:gray;font-size:.8em}.settings-icons{align-items:center;display:flex}.toggle-icon{font-size:1.5em;margin:0 8px}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider.round{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider.round:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.slider.round{background-color:#2196f3}input:checked+.slider.round:before{transform:translateX(16px)}.help-menu-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.help-menu-button{background-color:#eee;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s}.help-menu-button:hover{background-color:#ddd}.modal-close{color:#333}.modal-close:hover{color:#d00}body.dark-mode .modal-close{color:#fff}body.dark-mode .modal-close:hover{color:#f66}.help-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:500px;padding:20px;position:relative;width:90%}body.dark-mode .help-modal-content{background:#222;color:#fff}.help-modal-content ul ul{font-size:.9em;margin-top:4px}.help-hints{margin-left:22px}.help-hints p{font-size:.95em;margin:4px 0}.hex-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:600px;padding:20px;position:relative;width:90%}body.dark-mode .hex-modal-content{background:#222;color:#fff}.hex-table{border-collapse:collapse;font-family:monospace;font-size:.9em;margin-top:10px;width:100%}.hex-table td,.hex-table th{border:1px solid #ccc;padding:6px 8px;text-align:center}.hex-table th{background-color:#f0f0f0}body.dark-mode th{background:#333;color:#fff}.modal-overlay{background:#0009;bottom:0;right:0}.modal-content{border-radius:8px;color:#333;max-width:500px;text-align:left;width:90%}.modal-close{background:none;font-size:1.2em}.modal-content h2{font-size:1.5em;margin-top:0}.modal-content p{line-height:1.5;margin-bottom:1em}body.dark-mode .modal-content{background:#222;color:#ddd}.modal-close{align-items:center;display:flex;justify-content:center;padding:0}.modal-close svg{color:#333;height:24px;transition:color .2s ease;width:24px}body.dark-mode .modal-close svg{color:#ddd}.modal-close:hover svg{color:#d00}body.dark-mode .modal-close:hover svg{color:#f66}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:220px;min-width:200px;padding:20px;position:relative;width:auto}.modal-close{background:#0000;border:none;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.score-line{font-size:.8em;font-weight:700;margin-bottom:0;text-align:left}.share-block{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:2px;margin-bottom:10px;padding:5px 0}.guess-block{font-family:monospace;font-size:1em;white-space:pre}.medal-big{font-size:2.5em}.X-big,.medal-big{margin-left:0;text-align:center;width:2em}.X-big{font-size:.667em}.clipboard-status{color:green;font-style:italic;margin-top:1em;text-align:center}
/*# sourceMappingURL=main.93d98d4e.css.map*/