:root{--fg:#e2e8f0;--muted:#94a3b8;--accent:#8b5cf6;--error:#ef4444;--warning:#f59e0b;--success:#10b981;color:#e2e8f0;color:var(--fg)}body{background:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.app{margin:40px auto;max-width:720px;padding:24px}.app h1{font-size:32px;margin:0 0 16px}.app h1 span{color:#8b5cf6;color:var(--accent)}.game{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 10px 30px #0000004d;padding:20px}.controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.controls .modes{display:flex;gap:8px}.controls button{background:#0b1220;border:1px solid #ffffff14;border-radius:10px;color:#e2e8f0;color:var(--fg);cursor:pointer;font-weight:600;padding:8px 12px;transition:all .2s ease}.controls button:hover:not(:disabled){background:#1e293b;border-color:#ffffff1f}.controls button.active{background:#8b5cf61a;outline:2px solid #8b5cf6;outline:2px solid var(--accent)}.controls .newgame{background:#101826}.controls button:disabled{cursor:not-allowed;opacity:.6}.hint{color:#94a3b8;color:var(--muted);margin:10px 0 16px}.hint .hint-word{color:#8b5cf6;color:var(--accent);font-weight:700;letter-spacing:.5px}.word-stats{color:#94a3b8;color:var(--muted);font-size:12px;margin-top:4px;opacity:.8}.board{grid-gap:10px;display:grid;gap:10px;grid-template-rows:repeat(6,54px);margin-bottom:14px}.board.unlimited-board{grid-auto-rows:54px;grid-template-rows:none}.row{grid-template-columns:1fr}.box,.row{display:grid}.box{border:1px dashed #ffffff1f;border-radius:12px;color:#94a3b8;color:var(--muted);font-size:20px;height:52px;letter-spacing:1px;min-height:52px;place-items:center;text-transform:lowercase;transition:all .3s ease}.box.green{animation:correctPulse .6s ease;background:#22c55e24;border:1px solid #22c55e80;color:#eafff2}.box.yellow{animation:rhymePulse .6s ease;background:#f59e0b1f;border:1px solid #f59e0b80;color:#fff7e6}.box.gray{animation:wrongShake .6s ease;background:#33415540;border:1px solid #33415599;color:#cbd5e1}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rhymePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes wrongShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.input-row{display:flex;gap:10px}.input-row input{background:#0b1220;border:1px solid #ffffff14;border-radius:10px;color:#e2e8f0;color:var(--fg);flex:1 1;font-size:16px;padding:12px 14px;transition:all .2s ease}.input-row input:focus{border-color:#0000;outline:2px solid #8b5cf6;outline:2px solid var(--accent)}.input-row input:disabled{opacity:.6}.input-row button{background:#0b1220;border:1px solid #ffffff14;border-radius:10px;color:#e2e8f0;color:var(--fg);cursor:pointer;font-weight:700;min-width:70px;padding:12px 16px;transition:all .2s ease}.input-row button:hover:not(:disabled){background:#8b5cf6;background:var(--accent);border-color:#8b5cf6;border-color:var(--accent)}.input-row button:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:errorSlideIn .3s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:14px;margin:10px 0;padding:8px 12px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status{color:#94a3b8;color:var(--muted);margin-top:10px}.status.lost strong,.status.won strong{color:#e2e8f0;color:var(--fg)}.status.won{color:#10b981;color:var(--success)}.status.lost{color:#f59e0b;color:var(--warning)}.possible-answers{color:#94a3b8;color:var(--muted);font-size:12px;margin-top:6px;opacity:.9}.tips{margin-top:10px}.tip{color:#94a3b8;color:var(--muted);font-size:14px;margin:4px 0}span img{height:35px;vertical-align:middle;width:35px}.input-row input::placeholder{transition:opacity .2s ease}.input-row input:disabled::placeholder{opacity:.8}@media (max-width:480px){.app{margin:20px auto;padding:16px}.app h1{font-size:28px}.controls{flex-direction:column;gap:8px}.controls .modes{justify-content:center;width:100%}.box{font-size:18px}.input-row{flex-direction:column}.input-row button{width:100%}}
/*# sourceMappingURL=main.40d9e93b.css.map*/