.crumb-tabs{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;margin:24px auto 0;padding:0 16px;display:flex}.crumb-tab{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-body);padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.crumb-tab:hover{border-color:var(--color-accent-strong);color:var(--color-text)}.crumb-tab--active{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.crumb-game{max-width:480px;margin:0 auto;padding:24px 16px 60px}.crumb-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.crumb-title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:1.5rem}.crumb-streak-card{background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);align-items:baseline;gap:6px;padding:6px 14px;display:flex}.crumb-streak-count{font-family:var(--font-heading);color:var(--color-streak);font-size:1.1rem;font-weight:800}.crumb-streak-label{color:var(--color-text-secondary);font-size:.78rem}.crumb-clue{font-family:var(--font-body);color:var(--color-text-secondary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:14px;margin-bottom:20px;padding:12px 16px;font-size:.95rem}.crumb-clue-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);font-size:.72rem;font-weight:800}.crumb-grid{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.crumb-row{grid-template-columns:repeat(var(--crumb-cols), 1fr);gap:6px;display:grid}.crumb-tile{aspect-ratio:1;border:2px solid var(--color-border);font-family:var(--font-heading);color:var(--color-text);background:var(--color-surface);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(.7rem,3.5vw,1.2rem);font-weight:800;display:flex}.crumb-tile--correct{background:var(--color-success);border-color:var(--color-success);color:#fff}.crumb-tile--present{background:var(--color-needs-revision);border-color:var(--color-needs-revision);color:var(--color-accent)}.crumb-tile--absent{background:var(--color-text-faint);border-color:var(--color-text-faint);color:#fff;opacity:.6}.crumb-tile--filled{border-color:var(--color-accent-strong)}.crumb-error{color:var(--color-danger);margin:0 0 12px;font-size:.82rem}.crumb-keyboard{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;margin:4px 0 8px;display:flex}.crumb-keyboard-row{justify-content:center;gap:6px;display:flex}.crumb-key{background:var(--color-surface-alt);min-width:0;max-width:40px;height:46px;color:var(--color-text);font-family:var(--font-body);text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background .12s,transform 50ms;display:flex}.crumb-key:active{transform:translateY(1px)}.crumb-key--wide{flex:1.6;max-width:56px;font-size:.68rem}.crumb-key--correct{background:var(--color-success);color:#fff}.crumb-key--present{background:var(--color-needs-revision);color:var(--color-accent)}.crumb-key--absent{background:var(--color-text-faint);color:#fff;opacity:.6}.crumb-key:disabled{opacity:.5;cursor:default}.crumb-result{border-top:1px dashed var(--color-border-dashed);margin-top:16px;padding-top:16px}.crumb-result-banner{font-family:var(--font-heading);margin:0 0 8px;font-size:1.05rem;font-weight:800}.crumb-result-banner--won{color:var(--color-success)}.crumb-result-banner--lost{color:var(--color-danger)}.crumb-explanation{color:var(--color-text-secondary);margin:0 0 14px;font-size:.9rem}.crumb-share{display:flex}.crumb-empty{text-align:center;color:var(--color-text-secondary);font-family:var(--font-body);padding:60px 16px}@media (max-width:400px){.crumb-game{padding:16px 10px 40px}.crumb-title{font-size:1.25rem}.crumb-keyboard-row{gap:4px}.crumb-key{height:42px;font-size:.72rem}.crumb-key--wide{font-size:.6rem}}