#triviaBar {
    display: flex; align-items: center; gap: 12px;
    background: linear-gradient(135deg, #1e0a3e, #2d1060);
    border: 1.5px solid rgba(124,58,237,.5);
    border-radius: 14px; padding: 12px 14px;
    margin: 6px 8px; box-shadow: 0 4px 20px rgba(124,58,237,.25);
    animation: tvSlideIn .3s ease;
}
@keyframes tvSlideIn { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
.tv-icon { font-size: 28px; flex-shrink: 0; }
.tv-body { flex: 1; min-width: 0; }
.tv-q { font-size: 14px; font-weight: 700; color: #e9d5ff; margin-bottom: 8px; line-height: 1.4; }
.tv-input-row { display: flex; gap: 6px; }
.tv-input-row input {
    flex: 1; padding: 8px 12px; border-radius: 8px;
    border: 1.5px solid rgba(124,58,237,.5); background: rgba(255,255,255,.07);
    color: #fff; font-size: 13px; outline: none;
}
.tv-input-row input::placeholder { color: rgba(255,255,255,.4); }
.tv-input-row input:focus { border-color: #a78bfa; }
.tv-input-row button {
    padding: 8px 14px; background: #7c3aed; color: #fff;
    border: none; border-radius: 8px; font-size: 13px;
    font-weight: 700; cursor: pointer; white-space: nowrap;
}
.tv-input-row button:hover { background: #6d28d9; }
.tv-timer {
    font-size: 22px; font-weight: 900; color: #a78bfa;
    min-width: 32px; text-align: center; flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}