.ini-game{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:min(92vw,360px);margin:0 auto;padding-top:8px;display:flex}.ini-letter-badge{border:1px solid var(--mix-accent-initials);border-radius:var(--hub-classic-radius,4px);background:color-mix(in srgb, var(--mix-accent-initials) 12%, var(--bg-card));flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px;display:flex}.ini-letter{font-family:var(--font-mono);color:var(--mix-accent-initials);font-size:44px;font-weight:800;line-height:1}.ini-letter-sub{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.ini-prompts{flex-direction:column;gap:12px;width:100%;display:flex}.ini-prompt{flex-direction:column;gap:5px;display:flex}.ini-prompt-label{color:var(--text-primary);font-size:14px;font-weight:700}.ini-prompt-letter{font-family:var(--font-mono);color:var(--mix-accent-initials);font-weight:700}.ini-input{border:1px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-card);width:100%;min-height:48px;color:var(--text-primary);box-sizing:border-box;padding:0 12px;font-size:16px;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s}.ini-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--mix-accent-initials) 55%, var(--border-primary))}.ini-input:focus-visible{outline:2px solid var(--mix-accent-initials);outline-offset:1px;border-color:var(--mix-accent-initials);box-shadow:0 0 0 4px color-mix(in srgb, var(--mix-accent-initials) 16%, transparent)}.ini-input:disabled{opacity:.7}.ini-example{color:var(--text-secondary);font-size:12px;font-weight:600;animation:.24s ease-out both ini-example-in}.ini-prompt:nth-child(2) .ini-example{animation-delay:50ms}.ini-prompt:nth-child(3) .ini-example{animation-delay:.1s}@keyframes ini-example-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ini-reveal-btn{width:100%;transition:border-color .16s,background .16s,color .16s}.ini-reveal-btn--shown{border-color:var(--mix-accent-initials);color:var(--mix-accent-initials)}.ini-score{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.ini-score-label{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:700}.ini-score-row{gap:10px;display:flex}.ini-score-btn{border:1px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-card);min-width:52px;min-height:48px;color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;font-size:20px;font-weight:800;transition:transform 80ms,background .12s,border-color .12s}.ini-score-btn:hover{border-color:var(--mix-accent-initials);background:color-mix(in srgb, var(--mix-accent-initials) 12%, var(--bg-card))}.ini-score-btn:active{transform:scale(.94)}.ini-score-hint{color:var(--text-muted);font-size:11px}.ini-note{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.ini-result{flex-direction:column;align-items:center;gap:10px;width:100%;animation:.34s ease-out both ini-result-in;display:flex}@keyframes ini-result-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ini-result-line{color:var(--text-primary);text-align:center;margin:0;font-size:15px;font-weight:700;animation:.44s ease-out both ini-result-pulse}@keyframes ini-result-pulse{0%{opacity:0;transform:scale(.85)}55%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.ini-full-btn{width:100%}@media (prefers-reduced-motion:reduce){.ini-score-btn{transition:none}.ini-score-btn:active{transform:none}.ini-input,.ini-reveal-btn{transition:none}.ini-example,.ini-result,.ini-result-line{animation:none}}