.emoji-app,.emoji-app *{box-sizing:border-box;margin:0;padding:0}.emoji-app{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:0.75rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--color-primary:#3fe0ff;--color-primary-hover:#2dcde8;--color-surface:rgba(18,30,48,0.94);--color-surface-alt:rgba(11,20,36,0.92);--color-text:#f8fbff;--color-text-dim:#cbd5f5;--color-border:rgba(59,101,153,0.5);--color-warn:#f87171;--color-hint:rgba(63,224,255,0.15);--color-highlight:#fde047;--rack-gradient-start:#243550;--rack-gradient-end:#1a263f;background:radial-gradient(circle at 12% 8%,#0d1628 0,#050914 85%);color:var(--color-text);font-family:var(--font-family);line-height:1.6;max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.emoji-app[data-theme=light]{background:radial-gradient(circle at 45% -5%,#f8fbff 0,#d9e5f6 60%,#c1d4f0 100%);--color-primary:#0c4a6e;--color-primary-hover:#0a3f5f;--color-surface:rgba(255,255,255,0.94);--color-surface-alt:rgba(237,242,255,0.9);--color-text:#09121d;--color-text-dim:#475569;--color-border:rgba(148,163,184,0.6);--color-warn:#b91c1c;--color-hint:rgba(14,116,144,0.08);--rack-gradient-start:#e3efff;--rack-gradient-end:#f4f8ff}.emoji-app .muted{color:var(--color-text-dim)}.emoji-app .app-header{position:relative;border-radius:1.5rem;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:linear-gradient(180deg,rgba(18,27,45,.95),rgba(7,12,24,.9));border:1px solid rgba(47,65,100,.6);box-shadow:0 26px 45px rgba(3,12,30,.45);text-align:center}.emoji-app[data-theme=light] .app-header{background:var(--color-surface);box-shadow:0 18px 30px rgba(148,163,184,.25)}.emoji-app .app-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:2.5rem;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.emoji-app .title-icon{font-size:2.75rem}.emoji-app .header-actions{position:absolute;inset:var(--spacing-md) var(--spacing-md) auto auto;display:flex;align-items:center;gap:var(--spacing-sm)}.emoji-app .theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.emoji-app .theme-toggle:hover{transform:translateY(-1px)}.emoji-app .btn{border-radius:var(--border-radius);border:1px solid var(--color-border);padding:.75rem 1.25rem;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;font-weight:600}.emoji-app .btn:disabled{cursor:not-allowed;opacity:.65}.emoji-app .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(25,118,210,.25)}.emoji-app .btn.primary{background:var(--color-primary);color:#021321;border-color:rgba(63,224,255,.5)}.emoji-app[data-theme=light] .btn.primary{color:#f8fbff}.emoji-app .btn.primary:not(:disabled):hover{background:var(--color-primary-hover)}.emoji-app .btn.warn{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.4);color:var(--color-warn)}.emoji-app .btn.hint{background:var(--color-hint);border-color:rgba(63,224,255,.3)}.emoji-app[data-theme=light] .btn.hint{border-color:rgba(148,163,184,.4)}.emoji-app .game-over,.emoji-app .game-setup,.emoji-app .game-stage{background:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--spacing-xl);box-shadow:0 24px 48px rgba(4,12,26,.45)}.emoji-app[data-theme=light] .game-over,.emoji-app[data-theme=light] .game-setup,.emoji-app[data-theme=light] .game-stage{box-shadow:0 16px 32px rgba(148,163,184,.28)}.emoji-app .setup-form{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.emoji-app .input-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-xs);color:var(--color-text-dim)}.emoji-app .setup-form input[type=number]{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;color:var(--color-text);font-size:1rem;width:100%}.emoji-app .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600}.emoji-app .pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.emoji-app .pack-card{border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-alt);color:var(--color-text);text-align:left;cursor:pointer;display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.emoji-app .pack-card--selected{border-color:var(--color-primary);background:rgba(63,224,255,.1)}.emoji-app[data-theme=light] .pack-card--selected{background:rgba(12,74,110,.08)}.emoji-app .pack-badge{font-size:.75rem;color:var(--color-primary);text-transform:uppercase}.emoji-app .setup-options{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.emoji-app .form-error{color:var(--color-warn);font-weight:600}.emoji-app .hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.emoji-app .hud-stat{background:var(--color-surface-alt);border-radius:var(--border-radius);border:1px solid rgba(63,224,255,.12);padding:var(--spacing-sm);text-align:center}.emoji-app[data-theme=light] .hud-stat{border-color:rgba(148,163,184,.3)}.emoji-app .hud-stat--highlight{border-color:rgba(253,224,71,.6);box-shadow:0 0 0 1px rgba(253,224,71,.3)}.emoji-app .hud-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim)}.emoji-app .hud-value{font-size:1.35rem;font-weight:700}.emoji-app .emoji-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.emoji-app .prompt-emojis{font-size:clamp(2.5rem,4vw,3.5rem)}.emoji-app .prompt-pack{font-size:.95rem;color:var(--color-text-dim)}.emoji-app .answer-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.emoji-app .slot{width:56px;height:64px;border-radius:.75rem;border:2px dashed rgba(63,224,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;background:var(--color-surface-alt);color:var(--color-primary)}.emoji-app[data-theme=light] .slot{border-color:rgba(148,163,184,.4)}.emoji-app .slot.symbol{border-style:solid;color:var(--color-text)}.emoji-app .slot.space{width:32px;height:64px;border:none;background:transparent}.emoji-app .slot--filled{border-color:rgba(63,224,255,.55);background:linear-gradient(135deg,rgba(63,224,255,.2),rgba(52,245,163,.25));color:var(--color-text)}.emoji-app[data-theme=light] .slot--filled{border-color:rgba(12,74,110,.5);background:linear-gradient(135deg,rgba(12,74,110,.12),rgba(14,116,144,.15))}.emoji-app .rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);background:linear-gradient(135deg,var(--rack-gradient-start),var(--rack-gradient-end));padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.emoji-app .rack-tile{border-radius:.65rem;border:1px solid rgba(63,224,255,.2);background:rgba(9,17,32,.75);color:var(--color-text);font-size:1.3rem;font-weight:700;padding:var(--spacing-sm);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.emoji-app[data-theme=light] .rack-tile{background:rgba(255,255,255,.85);border-color:rgba(148,163,184,.4)}.emoji-app[data-theme=light] .rack-tile--selected{box-shadow:0 8px 16px rgba(12,74,110,.2)}.emoji-app .rack-tile--selected{transform:translateY(-3px);box-shadow:0 8px 16px rgba(63,224,255,.25)}.emoji-app .rack-tile--disabled{opacity:.35;cursor:not-allowed}.emoji-app .controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.emoji-app .hint-panel{background:rgba(63,224,255,.08);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid rgba(63,224,255,.2);margin-bottom:var(--spacing-lg)}.emoji-app[data-theme=light] .hint-panel{background:rgba(12,74,110,.05);border-color:rgba(148,163,184,.3)}.emoji-app .hint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.emoji-app .hint-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.emoji-app .game-message{text-align:center;padding:var(--spacing-sm);border-radius:var(--border-radius);background:rgba(63,224,255,.12);border:1px solid rgba(63,224,255,.3);font-weight:600}.emoji-app[data-theme=light] .game-message{background:rgba(12,74,110,.08);border-color:rgba(148,163,184,.4)}.emoji-app .feedback-card{margin-top:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid rgba(63,224,255,.2);background:var(--color-surface-alt);padding:var(--spacing-lg);display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.emoji-app[data-theme=light] .feedback-card{border-color:rgba(148,163,184,.3)}.emoji-app .feedback-copy h3{font-size:1.4rem;margin-bottom:var(--spacing-xs)}.emoji-app .game-over{text-align:center;display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.emoji-app .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.emoji-app .result-card{border-radius:var(--border-radius);background:var(--color-surface-alt);border:1px solid rgba(63,224,255,.15);padding:var(--spacing-md)}.emoji-app[data-theme=light] .result-card{border-color:rgba(148,163,184,.25)}.emoji-app .result-label{display:block;font-size:.85rem;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--spacing-xs)}.emoji-app .result-value{font-size:1.6rem;font-weight:700}.emoji-app .game-over-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}@media (max-width:768px){.emoji-app{padding:var(--spacing-lg)}.emoji-app .slot{width:44px;height:52px;font-size:1.4rem}.emoji-app .rack{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}}