@layer component{.T8zo8a_CodeBreaker{gap:var(--space-4);display:grid}.T8zo8a_CodeBreaker .T8zo8a_toolbar,.T8zo8a_CodeBreaker .T8zo8a_settings{align-items:end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.T8zo8a_CodeBreaker .T8zo8a_toolbar{align-items:center}.T8zo8a_CodeBreaker .T8zo8a_remaining,.T8zo8a_CodeBreaker .T8zo8a_stats{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;margin:0}.T8zo8a_CodeBreaker .T8zo8a_stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.T8zo8a_CodeBreaker .T8zo8a_play{gap:var(--space-3);display:grid}.T8zo8a_CodeBreaker .T8zo8a_guesses{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.T8zo8a_CodeBreaker .T8zo8a_guess,.T8zo8a_CodeBreaker .T8zo8a_secret{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-wrap:wrap;display:flex}.T8zo8a_CodeBreaker .T8zo8a_secret{border-color:var(--color-border-strong)}.T8zo8a_CodeBreaker .T8zo8a_index,.T8zo8a_CodeBreaker .T8zo8a_label{min-inline-size:2ch;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.T8zo8a_CodeBreaker .T8zo8a_symbols{gap:var(--space-1);display:flex}.T8zo8a_CodeBreaker .T8zo8a_symbol,.T8zo8a_CodeBreaker .T8zo8a_slot{border-radius:var(--radius-md);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text-primary);place-items:center;display:grid}:is(.T8zo8a_CodeBreaker .T8zo8a_symbol,.T8zo8a_CodeBreaker .T8zo8a_slot) svg{block-size:1.5rem;inline-size:1.5rem}.T8zo8a_CodeBreaker .T8zo8a_symbol{background:var(--color-bg-raised)}.T8zo8a_CodeBreaker .T8zo8a_markers{grid-template-columns:repeat(3,.625rem);gap:3px;display:grid}.T8zo8a_CodeBreaker .T8zo8a_marker{border-radius:var(--radius-full);border:1px dashed var(--color-border-default);block-size:.625rem;inline-size:.625rem}.T8zo8a_CodeBreaker .T8zo8a_marker[data-kind=exact]{border:1px solid var(--color-text-primary);background:var(--color-text-primary)}.T8zo8a_CodeBreaker .T8zo8a_marker[data-kind=near]{border:2px solid var(--color-text-primary)}.T8zo8a_CodeBreaker .T8zo8a_feedback{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.T8zo8a_CodeBreaker .T8zo8a_entry,.T8zo8a_CodeBreaker .T8zo8a_palette{border:0;min-inline-size:0;margin:0;padding:0}.T8zo8a_CodeBreaker .T8zo8a_entry{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.T8zo8a_CodeBreaker .T8zo8a_slot{border:1px solid var(--color-border-strong);background:var(--color-bg-raised);cursor:pointer;block-size:2.75rem;inline-size:2.75rem;padding:0}.T8zo8a_CodeBreaker .T8zo8a_slot[data-empty]{cursor:default;background:0 0;border-style:dashed}.T8zo8a_CodeBreaker .T8zo8a_slot:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.T8zo8a_CodeBreaker .T8zo8a_palette{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));display:grid}.T8zo8a_CodeBreaker .T8zo8a_pick{align-items:center;gap:var(--space-2);block-size:var(--size-control);padding-inline:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;touch-action:manipulation;display:flex}.T8zo8a_CodeBreaker .T8zo8a_pick svg{flex:none;block-size:1.25rem;inline-size:1.25rem}.T8zo8a_CodeBreaker .T8zo8a_pick kbd{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin-inline-start:auto}.T8zo8a_CodeBreaker .T8zo8a_pick:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.T8zo8a_CodeBreaker .T8zo8a_pick:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.T8zo8a_CodeBreaker .T8zo8a_message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.T8zo8a_CodeBreaker .T8zo8a_message[data-over]{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.T8zo8a_CodeBreaker .T8zo8a_number{inline-size:7rem}.T8zo8a_CodeBreaker .T8zo8a_help{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}}