/* ═══════════════════════════════════════════════════════
   theme-list.css  —  default narrative list theme
   ═══════════════════════════════════════════════════════ */

.theme-list {
    font-family: 'JetBrains Mono', monospace;
}

.theme-list #header {
    background: rgba(0,0,0,0.55);
    border-left: 2px solid #fbbf24;
}

.theme-list #header .title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 13px;
    color: #fbbf24;
}

.theme-list #header .game-label { color: #64748b; }

.theme-list .entry {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    animation: listSlideIn 0.22s cubic-bezier(0.22,1,0.36,1) both;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme-list .entry.removing {
    animation: listFadeOut 0.28s ease-out forwards;
}

.theme-list .slot-name { font-weight: 600; text-shadow: var(--outline); }
.theme-list .item-name { font-weight: 600; text-shadow: var(--outline); }
.theme-list .verb      { color: #cbd5e1;   text-shadow: var(--outline); }
.theme-list .loc-text  { color: var(--loc); font-size: 11px; text-shadow: var(--outline); }

.theme-list .item-name.prog   { color: var(--prog); }
.theme-list .item-name.useful { color: var(--useful); }
.theme-list .item-name.trap   { color: var(--trap); }
.theme-list .item-name.normal { color: var(--normal); }

@keyframes listSlideIn {
    from { opacity:0; transform:translateX(-8px); }
    to   { opacity:1; transform:none; }
}

@keyframes listFadeOut {
    to { opacity:0; max-height:0; padding:0 8px; margin:0; }
}