:root{--color-correct: #6aaa64;--color-present: #c9b458;--color-absent: #787c7e;--color-border: #d3d6da;--color-bg: #ffffff;--color-text: #1a1a1b;--key-bg: #d3d6da}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;max-width:500px;height:100%}.game-wrapper{display:flex;flex-direction:column;height:100%;padding:10px;gap:15px}.game-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding:10px 0}.title{font-size:2rem;font-weight:800;letter-spacing:.1rem;text-transform:uppercase}.icon-btn{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#f0f0f0}.game-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;position:relative}.toast-message{position:absolute;top:-20px;background:#1a1a1b;color:#fff;padding:10px 20px;border-radius:4px;font-weight:700;z-index:100;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.grid{display:grid;grid-template-rows:repeat(6,1fr);gap:5px}.grid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cell{width:60px;height:60px;border:2px solid var(--color-border);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase;transition:all .5s ease-in-out}.cell.filled{border-color:#878a8c;animation:pop .1s linear}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cell.correct{background-color:var(--color-correct);border-color:var(--color-correct);color:#fff;transform:rotateX(360deg)}.cell.present{background-color:var(--color-present);border-color:var(--color-present);color:#fff;transform:rotateX(360deg)}.cell.absent{background-color:var(--color-absent);border-color:var(--color-absent);color:#fff;transform:rotateX(360deg)}.grid-row.bounce{animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-20px)}50%{transform:translateY(5px)}60%{transform:translateY(-10px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.keyboard{width:100%;display:flex;flex-direction:column;gap:8px}.keyboard-row{display:flex;justify-content:center;gap:6px;width:100%}.key{background-color:var(--key-bg);border:none;border-radius:4px;height:58px;flex:1;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:opacity .1s}.key.large{flex:1.5;font-size:.75rem}.key:active{opacity:.6}.key.correct{background-color:var(--color-correct);color:#fff}.key.present{background-color:var(--color-present);color:#fff}.key.absent{background-color:var(--color-absent);color:#fff}.key.enter-key{background-color:#3b82f6;color:#fff}.game-footer{display:flex;justify-content:center;padding:10px 0;border-top:1px dashed var(--color-border)}.ad-container{width:320px;height:50px}@media (max-width: 400px){.cell{width:50px;height:50px;font-size:1.6rem}.key{height:50px;font-size:.8rem}}