#detail-dialog.pickup-sheet{background:var(--bg);padding:0;max-width:600px;border:1px solid var(--line);color:var(--text);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pickup-sheet #detail-body{padding:18px 24px 24px}
.pickup-sheet-grip{display:none}
.pickup-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.pickup-detail-top>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.pickup-detail-top img{width:24px;height:24px;border-radius:6px}.pickup-detail-top small{font-size:10px}
.pickup-detail-top .close-modal{width:38px;height:38px;color:var(--muted)}
.pickup-detail-hero{position:relative;isolation:isolate;min-height:120px;overflow:hidden;background:transparent;border:0;display:flex;align-items:center}
.pickup-detail-hero .pickup-pair{height:120px;min-height:120px;width:100%;max-width:none;left:0;position:relative;isolation:isolate;z-index:1}
.pickup-detail-hero .pickup-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:12px;max-width:60%;text-shadow:0 1px 8px #000b;color:#fff}
.pickup-detail-hero:not(:has(.has-art)) .pickup-copy{color:var(--text);text-shadow:none;max-width:100%}
.pickup-detail-hero h2{font-size:24px;line-height:1.35;letter-spacing:-.6px;overflow-wrap:anywhere}
.pickup-detail-hero p{display:flex;gap:10px;font-size:12px;margin-top:8px}.pickup-detail-hero p span:empty{display:none}
.pickup-detail-hero .pickup-pair{--portrait-slot:46%;display:block}
.pickup-detail-hero .pickup-pair .pickup-face-window,.pickup-detail-hero .pickup-pair .pickup-backdrop{height:120px}
.pickup-detail-hero .pickup-pair .pickup-backdrop{left:0;right:0;--scene-tail:0px}
.character-traits{display:flex;gap:14px 24px;flex-wrap:wrap;margin:20px 0}
.character-traits>div{display:grid;grid-template-columns:20px auto;column-gap:7px;row-gap:4px;align-items:center;min-width:68px}
.character-traits svg{width:19px;height:19px;grid-row:1/3;color:var(--accent)}
.character-traits dt{font-size:10px;color:var(--muted)}.character-traits dd{font-size:14px;font-weight:600;margin:0}
.character-traits-extra dd{font-size:12px}.character-traits-extra{gap:16px 22px}
.pickup-facts{min-height:50px}.pickup-loading,.pickup-unverified{font-size:12px;color:var(--muted);padding:16px 0;line-height:1.7}.pickup-unverified button{color:var(--accent);text-decoration:underline}
.pickup-schedule{padding:18px 0;border-top:1px solid var(--line)}
.pickup-status{font-size:16px;font-weight:700;color:var(--accent);margin-bottom:9px}
.pickup-sheet .detail-dates{padding:0;background:none;color:var(--muted);font-size:12px;line-height:1.9;border:0;border-radius:0}
.pickup-sheet .detail-dates b{font-weight:500;color:var(--text);margin-left:8px}.pickup-sheet .detail-dates small{font-size:10px}
.pickup-history-summary{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.pickup-history-summary>div{display:flex;flex-wrap:wrap;gap:9px 18px;flex:1;min-width:170px}
.pickup-history-summary span{font-size:11px;color:var(--muted)}.pickup-history-summary strong{font-weight:600;color:var(--text);margin-left:4px}
.pickup-history-summary>small{width:100%;font-size:10px;color:var(--muted)}
.pickup-history-link{padding:7px 0;font-size:13px;color:var(--accent);white-space:nowrap}.pickup-history-link span{color:inherit;font-size:17px}
.pickup-more{border-top:1px solid var(--line);padding:14px 0}
.pickup-sheet summary{cursor:pointer;font-size:12px;color:var(--muted);list-style:none;display:flex;align-items:center;gap:8px;min-height:26px}
.pickup-sheet summary:after{content:'⌄';margin-left:auto}.pickup-sheet details[open]>summary:after{transform:rotate(180deg)}
.pickup-sheet summary::-webkit-details-marker{display:none}
.pickup-note{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}
.pickup-info-sources{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-top:12px}
.pickup-detail-footer{display:flex;justify-content:flex-end;gap:15px;padding-top:6px;font-size:12px;color:var(--muted)}
.arc-character-facts:empty{display:none}.arc-character-facts{margin-bottom:24px}
@keyframes pickup-sheet-enter{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:700px){
 #detail-dialog.pickup-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;border:0;border-radius:18px 18px 0 0;animation:pickup-sheet-enter .22s ease-out}
 .pickup-sheet #detail-body{padding:0 20px calc(22px + env(safe-area-inset-bottom))}
 .pickup-sheet-grip{display:flex;height:22px;align-items:center;justify-content:center;touch-action:none;cursor:grab}
 .pickup-sheet-grip span{width:36px;height:4px;border-radius:4px;background:var(--muted);opacity:.5}
 .pickup-detail-top{margin-bottom:5px}.pickup-detail-top small{display:none}
 .pickup-detail-hero,.pickup-detail-hero .pickup-pair,.pickup-detail-hero .pickup-copy{min-height:112px;height:112px}
 .pickup-detail-hero h2{font-size:22px}.character-traits{gap:14px 18px;margin:17px 0}
 .character-traits dd{font-size:13px}.pickup-schedule{padding:15px 0}.pickup-history-summary{padding:14px 0}
}
@media(prefers-reduced-motion:reduce){#detail-dialog.pickup-sheet{animation:none}}

/* Original game UI artwork retains its own colors in both themes. */
.character-traits>div.has-game-trait-icon{grid-template-columns:32px auto}
.game-trait-icon{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;background:#303239;border-radius:50%;flex:none}
.game-trait-icon img{display:block;width:28px;height:28px;object-fit:contain}
.trait-sprite-viewport{display:block;width:28px;height:28px;overflow:hidden;position:relative}
.game-trait-icon .trait-sprite-viewport img{max-width:none;object-fit:fill;transform-origin:top left}
.character-traits>div.text-trait{grid-template-columns:auto}
.character-traits>div.multi-game-trait{grid-template-columns:1fr;grid-column:1/-1}
.multi-game-trait dd{display:flex;flex-wrap:wrap;gap:8px 14px}
.multi-game-trait-value{display:inline-flex;align-items:center;gap:6px}