:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#6c63ff;--accent-text:#fff;--correct:#538d4e;--present:#b59f3b;--absent:#3a3a4c;--empty:#2a2a3c;--border:#4a4a5c}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;padding:10px 10px env(safe-area-inset-bottom,20px)}.app,.header{align-items:center;display:flex}.header{border-bottom:1px solid #4a4a5c;border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:15px;max-width:400px;padding:10px 0;width:100%}.header h1{font-size:24px;font-weight:700;letter-spacing:2px}.header-buttons{display:flex;gap:10px}.icon-button{background:#0000;border:none;border-radius:5px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:20px;padding:5px;transition:background .2s}.icon-button:active{background:#16213e;background:var(--bg-secondary)}.game-board{flex-direction:column;margin-bottom:20px}.game-board,.row{display:flex;gap:6px}.tile{align-items:center;background:#2a2a3c;background:var(--empty);border:2px solid #4a4a5c;border:2px solid var(--border);border-radius:8px;display:flex;font-size:28px;font-weight:700;height:58px;justify-content:center;text-transform:uppercase;transition:transform .1s,background .3s,border-color .3s;width:58px}.tile.filled{animation:pop .1s ease;border-color:#a0a0a0;border-color:var(--text-secondary)}.tile.correct{background:#538d4e;background:var(--correct);border-color:#538d4e;border-color:var(--correct);color:#fff}.tile.present{background:#b59f3b;background:var(--present);border-color:#b59f3b;border-color:var(--present);color:#fff}.tile.absent{background:#3a3a4c;background:var(--absent);border-color:#3a3a4c;border-color:var(--absent);color:#fff}.tile.reveal{animation:flip .5s ease forwards}@keyframes pop{50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.row.shake{animation:shake .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tile.bounce{animation:bounce .5s ease}.keyboard{display:flex;flex-direction:column;gap:6px;max-width:500px;width:100%}.keyboard-row{gap:4px}.key,.keyboard-row{display:flex;justify-content:center}.key{align-items:center;background:#16213e;background:var(--bg-secondary);border:none;border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;height:50px;min-width:32px;text-transform:uppercase;transition:background .2s,transform .1s;user-select:none;-webkit-user-select:none}.key:active{transform:scale(.95)}.key.wide{font-size:12px;min-width:55px}.key.correct{background:#538d4e;background:var(--correct);color:#fff}.key.present{background:#b59f3b;background:var(--present);color:#fff}.key.absent{background:#3a3a4c;background:var(--absent);color:#a0a0a0;color:var(--text-secondary)}.message{animation:fadeInOut 2s ease forwards;background:#fff;background:var(--text-primary);border-radius:8px;color:#1a1a2e;color:var(--bg-primary);font-weight:600;left:50%;padding:12px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:100}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.modal{background:#16213e;background:var(--bg-secondary);border-radius:16px;max-height:80vh;max-width:350px;overflow-y:auto;padding:24px;width:100%}.modal h2{margin-bottom:20px;text-align:center}.modal-close{background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{text-align:center}.stat-value{font-size:28px;font-weight:700}.stat-label{color:#a0a0a0;color:var(--text-secondary);font-size:11px}.distribution{margin-bottom:20px}.distribution h3{font-size:14px;margin-bottom:10px}.dist-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.dist-label{text-align:center;width:15px}.dist-bar{align-items:center;background:#3a3a4c;background:var(--absent);border-radius:4px;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:flex-end;min-width:20px;padding:0 8px}.dist-bar.highlight{background:#538d4e;background:var(--correct)}.btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;transition:transform .1s,opacity .2s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:#6c63ff;background:var(--accent);color:#fff;color:var(--accent-text)}.btn-secondary{border:1px solid #4a4a5c;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-secondary,.shop-item{background:#1a1a2e;background:var(--bg-primary)}.shop-item{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.shop-info h4{margin-bottom:4px}.shop-info p{color:#a0a0a0;color:var(--text-secondary);font-size:12px}.shop-price{background:#6c63ff;background:var(--accent);border:none;border-radius:20px;color:#fff;color:var(--accent-text);cursor:pointer;font-weight:600;padding:8px 16px}.loading{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #4a4a5c;border-top-color:#6c63ff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.hints-counter{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:14px;gap:5px}.hints-counter span{color:#6c63ff;color:var(--accent);font-weight:700}
/*# sourceMappingURL=main.8c8b6018.css.map*/