/* Титулы (A10) */
.ttl-badge { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; margin: 2px auto 0; padding: 3px 12px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06); color: inherit; font: inherit; font-size: 12px; line-height: 1.4; cursor: pointer; }
.ttl-badge .ttl-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ttl-flash { animation: ttl-flash 1.2s ease-out; }
@keyframes ttl-flash { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 220, 80, .9); } 30% { transform: scale(1.18); box-shadow: 0 0 18px 6px rgba(255, 220, 80, .7); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 220, 80, 0); } }
.ttl-list { display: flex; flex-direction: column; gap: 6px; max-height: 60vh; overflow-y: auto; text-align: left; }
.ttl-row { display: flex; gap: 10px; align-items: center; padding: 6px 8px; border-radius: 10px; background: rgba(255, 255, 255, .04); opacity: .55; }
.ttl-row.got { opacity: 1; }
.ttl-row.cur { outline: 2px solid rgba(255, 220, 80, .8); }
.ttl-row[data-pick] { cursor: pointer; }
.ttl-re { font-size: 24px; width: 32px; text-align: center; flex: none; }
.ttl-rb { min-width: 0; flex: 1; }
.ttl-rb b { display: block; font-size: 14px; }
.ttl-rb i { display: block; font-style: normal; font-size: 12px; opacity: .75; }
.ttl-bar { height: 6px; margin-top: 4px; border-radius: 3px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.ttl-bar u { display: block; height: 100%; background: #ffd84a; text-decoration: none; }
.ttl-sec { margin-top: 6px; font-size: 12px; opacity: .7; text-transform: uppercase; letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { .ttl-flash { animation: none; } }