:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #1a1a2e;--surface: #16213e;--accent: #e94560;--accent2: #0f3460;--gold: #f5c518;--text: #eaeaea;--text-dim: rgba(234, 234, 234, .5);--slot-bg: #0f3460;--slot-filled: #533483;--btn-bg: #2a2a4a;--btn-hover: #3a3a6a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.game{max-width:440px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.25rem;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.logo{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;gap:.5rem}.level-badge,.score-badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:1rem;background:var(--accent2);color:var(--text)}.score-badge{background:var(--accent);color:#fff}.pics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.pic-cell{aspect-ratio:1;display:grid;place-items:center;background:var(--surface);border-radius:1rem;border:2px solid rgba(255,255,255,.06);transition:transform .2s}.pic-cell:hover{transform:scale(1.02)}.pic-emoji{font-size:3.5rem}.hint-text{text-align:center;font-size:.9rem;color:var(--gold);background:#f5c5181a;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(245,197,24,.2)}.answer-row{display:flex;justify-content:center;gap:.4rem}.answer-row.shake{animation:shake .5s ease-in-out}.answer-row.celebrate{animation:celebrate .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.answer-slot{width:42px;height:50px;display:grid;place-items:center;font-size:1.3rem;font-weight:700;text-transform:uppercase;background:var(--slot-bg);border:2px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;color:#fff}.answer-slot.filled{background:var(--slot-filled);border-color:#fff3;animation:popIn .15s ease}.answer-slot.revealed{background:var(--accent);border-color:var(--accent)}@keyframes popIn{0%{transform:scale(.8)}to{transform:scale(1)}}.answer-slot:hover{border-color:var(--accent)}.letter-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:380px;margin:0 auto}.letter-btn{width:42px;height:46px;display:grid;place-items:center;font-size:1.15rem;font-weight:700;text-transform:uppercase;background:var(--btn-bg);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:.5rem;cursor:pointer;transition:all .15s;font-family:inherit}.letter-btn:hover:not(:disabled){background:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.letter-btn:active:not(:disabled){transform:translateY(0)}.letter-btn.used{visibility:hidden;pointer-events:none}.solved-message{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.solved-word{font-size:2rem;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;animation:celebrate .6s ease-in-out}.complete-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.complete-score{font-size:1.2rem;color:var(--text-dim)}.next-btn{padding:.75rem 2rem;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--accent),#c0392b);color:#fff;border:none;border-radius:2rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #e945604d}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.actions{display:flex;justify-content:center;gap:1rem}.hint-btn{padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;font-family:inherit;background:var(--btn-bg);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:2rem;cursor:pointer;transition:all .2s}.hint-btn:hover:not(:disabled){background:var(--btn-hover);transform:translateY(-1px)}.hint-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:400px){.pic-emoji{font-size:2.8rem}.answer-slot,.letter-btn{width:36px;height:42px;font-size:1rem}}