#timeline-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#f7f5ef}
.scene-photo{position:absolute;top:0;right:0;width:100%;height:100%;background-position:var(--photo-position,50% 28%);background-size:cover;filter:saturate(.75);opacity:.78}
.scene-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 28%);animation:scene-reveal .4s ease both}
/* Keep portrait subjects complete when no real landscape photo is available. */
.portrait-layout .scene-photo{width:100%;background-size:contain;background-repeat:no-repeat;background-position:85% center}
.portrait-layout .scene-photo img{object-fit:contain;object-position:85% center}
.scene-veil{position:absolute;inset:0;background:linear-gradient(90deg,#f7f5ef 0%,#f7f5eff0 22%,#f7f5efad 55%,#f7f5ef4d 82%,#f7f5ef8f 100%),linear-gradient(0deg,#f7f5effa 0%,#f7f5efbb 14%,#f7f5ef00 48%,#f7f5efe6 100%)}
.scene-caption{position:absolute;right:25px;top:109px;z-index:8;display:flex;align-items:flex-start;gap:9px;max-width:310px}
.scene-open{padding:7px 10px;text-align:right;border-radius:5px;background:#f7f5efbd;backdrop-filter:blur(6px);border:1px solid #e2d8c757;min-width:0}
.scene-label{font-size:6px;letter-spacing:1.2px;color:#a58b6e;line-height:1.6;display:block;margin-bottom:4px}
.scene-open strong{font-family:var(--serif);font-size:13px;line-height:1.6;font-weight:400;color:#806245;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scene-open small{font-size:7px;line-height:1.7;color:#b09977;display:block;margin-top:2px}
.scene-toggle{width:24px;height:24px;flex-shrink:0;border:1px solid #d9cbb366;border-radius:50%;background:#f7f5efe6;color:#a08764;font-size:15px;line-height:21px;padding:0}
.scene-off .scene-toggle{opacity:.5}
@keyframes scene-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.scene-photo{width:100%;opacity:.5}.scene-veil{background:linear-gradient(90deg,#f7f5efed 0%,#f7f5efb3 42%,#f7f5ef77 100%),linear-gradient(0deg,#f7f5effa 0%,transparent 50%,#f7f5eff2 100%)}.scene-caption{right:12px;top:106px;max-width:220px;gap:5px}.scene-open{padding:5px 7px}.scene-open strong{font-size:11px}.scene-label{font-size:5px;letter-spacing:.6px}.scene-open small{font-size:6px}.scene-toggle{width:21px;height:21px;font-size:13px}}
@media(max-height:450px){.scene-caption{top:74px;max-width:260px}.scene-open{padding:4px 7px}.scene-open strong{font-size:10px;-webkit-line-clamp:1}.scene-label{font-size:5px}.scene-open small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.scene-photo img{animation:none}}
.archive-filter-fields{display:flex;flex-direction:column;gap:0}
.archive-filter-fields>div{min-width:0}
.ranked-control{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:400;letter-spacing:0;color:#8d7457;white-space:nowrap;margin-left:auto;margin-right:5px;cursor:pointer}
.ranked-control input{margin:0;accent-color:var(--red);width:12px;height:12px}
.filter-popover select{min-width:0;text-overflow:ellipsis}
.archive-filter-fields .series-field label{letter-spacing:.7px}
@media(max-height:650px){.filter-popover{width:400px;max-width:calc(100vw - 24px)}.archive-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.archive-filter-fields .series-field{grid-column:1/-1}.filter-popover .field-label{margin-top:7px;margin-bottom:5px}.filter-popover #person-filter{margin-top:0}.filter-popover #era-list{display:grid;grid-template-columns:1fr 1fr}.filter-popover .scope-selector{margin-bottom:4px}.filter-popover .era-button{padding:5px 7px}.filter-popover .text-button{margin-top:6px}}