/* ============================================================
   VAULT — "A Lenda da Torre de Dados": cartões de tema, trilha
   de senha, inventário de conquistas e itens finais.
   Por que separado: é um subsistema de jogo isolado (só aparece
   depois que as 4 trilhas estão completas) — mantê-lo fora de
   tracks.css deixa claro que é um modo à parte, não uma trilha.
   ============================================================ */
.vault-theme-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:16px;text-align:left;transition:.15s;width:100%;}
.vault-theme-card:hover{border-color:var(--tc);background:var(--surface-2);}
.vtc-icon{font-size:28px;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.vtc-text{flex:1;}
.vtc-name{font-family:var(--font-display);font-weight:700;font-size:15px;}
.vtc-tagline{font-size:12px;color:var(--text-dim);margin-top:3px;line-height:1.5;}
.vault-password-track{display:flex;gap:6px;margin-left:auto;}
.vault-char{width:26px;height:32px;border-radius:8px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--text-faint);transition:.2s;}
.vault-char.filled{background:var(--surface-2);}
.vault-entry-section{margin-top:24px;border-radius:20px;border:1px dashed var(--border);background:var(--surface);padding:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.vault-entry-icon{width:48px;height:48px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,#F87171,#C084FC,#2DD4BF);display:flex;align-items:center;justify-content:center;font-size:22px;}
.vault-entry-title{font-family:var(--font-display);font-weight:700;font-size:16px;}
.vault-entry-sub{color:var(--text-dim);font-size:12.5px;margin-top:3px;max-width:460px;line-height:1.5;}
.vault-entry-cta{margin-left:auto;padding:11px 20px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);font-weight:700;font-size:13px;white-space:nowrap;}
.vault-entry-cta:hover{border-color:var(--core);color:var(--core);}
.vault-inventory{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;}
.vault-inv-slot{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-faint);flex-shrink:0;transition:.2s;}
.vault-inv-slot svg{width:15px;height:15px;}
.vault-inv-slot.owned{background:var(--surface-2);color:inherit;}
.vault-final-inventory{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0;}
.vault-final-item{border:1.5px solid var(--border);border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:88px;}
.vfi-icon{width:24px;height:24px;}
.vfi-icon svg{width:100%;height:100%;}
.vfi-name{font-size:10.5px;font-weight:600;text-align:center;line-height:1.3;color:var(--text-dim);}