.cali-filter-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:6px 14px;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}
.cali-filter-btn.active{background:#4ade80;border-color:#4ade80;color:#0a1a0a}
.anime-char-card{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .15s,box-shadow .15s;position:relative}
.anime-char-card:active{transform:scale(.98)}
.anime-char-card.selected-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.acc-top{display:flex;gap:14px;padding:14px;align-items:center}
.acc-emoji-wrap{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;flex-shrink:0;border:1.5px solid}
.acc-info{flex:1;min-width:0}
.acc-name{font-size:.92rem;font-weight:900;line-height:1.2}
.acc-desc{font-size:.71rem;color:var(--muted);margin-top:5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acc-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:0 14px 10px}
.acc-stat-row{display:flex;align-items:center;gap:6px;font-size:.65rem}
.acc-stat-ico{width:14px;text-align:center}
.acc-stat-bar{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.acc-stat-fill{height:100%;border-radius:4px;transition:width .5s}
.acc-stat-val{width:20px;text-align:right;color:var(--muted);font-weight:700}
.acc-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 12px;border-top:1px solid var(--border)}
.acc-time{font-size:.65rem;color:var(--muted)}
.acc-select-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:.75rem;font-weight:800;cursor:pointer;letter-spacing:.3px}
.acc-select-btn.chosen{background:rgba(255,255,255,.1);border:1px solid var(--accent);color:var(--accent)}

.bnav-wrap{display:flex;background:var(--card);border-top:1px solid var(--border);position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bnav{flex:1;padding:8px 2px 7px;background:none;border:none;color:var(--muted);font-size:.5rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .18s ease;-webkit-tap-highlight-color:transparent;letter-spacing:.3px;text-transform:uppercase;will-change:color}
.bn-ico{font-size:1.25rem;line-height:1;transition:transform .18s ease, filter .18s ease;will-change:transform}
.bn-lbl{font-size:.46rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1}
.bnav.active{color:var(--accent)}
.bnav.active .bn-ico{filter:drop-shadow(0 0 6px var(--accent));transform:translateY(-1px) scale(1.08)}
.bnav:not(.active):active .bn-ico{transform:scale(.9)}
@media(max-width:360px){.bn-lbl{display:none}.bnav{padding:10px 2px}}