#meta-panel{width:min(1100px,94vw);max-height:90svh;padding:24px 30px;overflow-y:auto}#meta-panel .meta-heading{position:sticky;top:-24px;padding:14px 0;background:#111f24;z-index:3;border-bottom:1px solid #b69b6138;margin-bottom:22px}#meta-panel[data-page=characters]{width:min(1420px,96vw);background:#0d1821}#meta-panel[data-page=characters] .meta-heading{background:#0d1821}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.collection-hero{background:#17262f;border:1px solid #64808b;border-radius:12px;overflow:hidden;min-width:0}.collection-art{height:360px;position:relative;overflow:hidden;background:#14222a}.collection-art img{width:100%;height:100%;object-fit:cover;object-position:27% 45%;transform:scale(1.05)}.collection-hero:nth-child(4) img{object-position:32% center}.collection-caption{padding:14px 18px 18px}.collection-caption h3{margin:0!important;font-size:27px}.collection-caption p{margin:5px 0 14px;font-size:14px}.collection-caption small{display:block;margin-top:12px;color:#c4c4bc;font-size:14px}.collection-caption button{width:100%}.collection-state{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 12px;background:linear-gradient(transparent,#08131e);font-size:14px;color:#ffe5a0}.sealed .collection-art{filter:grayscale(1);opacity:.52}.sealed{border-color:#58606a}.sealed .collection-caption{color:#9ca3a8}.sealed-emblem{display:grid;place-items:center;height:100%;font-size:100px;color:#58606a;font-family:serif}.unreleased .collection-art{height:130px}.unreleased .sealed-emblem{font-size:60px}.collection-hero.unreleased{grid-column:auto}.map-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.map-model{margin:0;background:#0b151c;border:1px solid #66807855;border-radius:10px;overflow:hidden}.map-model img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.map-model figcaption{padding:10px 16px;font-size:14px;color:#b3c3c8}.map-summary{display:flex;align-items:center;gap:25px;justify-content:space-between}.map-summary>div{flex:1}.map-summary button{flex-shrink:0}.map-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-guide-grid article{padding:20px;border:1px solid #526568;background:#182b30;border-radius:10px}.map-guide-grid h3{margin-top:0}.map-guide-grid p{font-size:16px;line-height:1.75}.map-guide-grid small{font-size:14px;color:#bdcccb}.history-wallet{display:flex;gap:18px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.history-wallet strong{font-size:24px;color:#ffe0a1}.history-wallet button{margin-left:auto}.history-list details{border:1px solid #516466;border-radius:8px;margin:10px 0;background:#192b30}.history-list summary{padding:18px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;cursor:pointer;align-items:center}.history-list summary b{color:#f1cc77}.history-detail{padding:0 18px 18px;border-top:1px solid #52656755}.history-detail p{font-size:14px}.account-email{font-size:23px;color:#f1cc77}.account-note{padding-top:22px;border-top:1px solid #526568}.account-signin{display:inline-block;color:#dbbf80;margin:8px 0 22px}.account-primary{border-color:#d9ba74!important;background:linear-gradient(135deg,#80602f,#b48742)!important;color:#fff8e8!important}.account-connect{border-color:#d9ba74!important;color:#ffe9b0!important}.rao-shop img{width:100%;height:155px;object-fit:cover;object-position:30% 45%;border-radius:6px}.topbar .quiet-button{position:static}.topbar nav{gap:4px}.topbar .nav-button{font-size:14px;padding:9px 12px}#meta-body>p{font-size:16px}#meta-body label{margin:18px 0}.character-card.locked .portrait-window{filter:grayscale(1)}
@media(max-width:950px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-art{height:340px}#meta-panel{padding:18px}.map-guide-grid{grid-template-columns:1fr}.history-list summary{grid-template-columns:1fr auto}.history-list summary span:nth-child(2){grid-column:1;grid-row:2}.history-list summary b{grid-column:2;grid-row:1/3}.map-summary{align-items:flex-start;flex-direction:column;padding-bottom:18px}.topbar{height:auto!important}}
@media(max-width:520px){.collection-grid{gap:10px}.collection-art{height:250px}.collection-caption{padding:10px}.collection-caption h3{font-size:22px}.collection-caption p{min-height:42px}.collection-caption button{padding:9px 5px!important}.collection-state{padding-left:10px;font-size:13px}.account-email{font-size:18px}}

/* Isolated character portraits on clean white collection cards. */
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.collection-hero .collection-art,.collection-hero.unreleased .collection-art{height:340px;padding:12px 8px 42px;background:#efedeb;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.roster-illustration{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center bottom;flex:none}
.collection-hero.sealed .roster-illustration{filter:grayscale(1);opacity:.5}
.collection-hero.owned .roster-illustration{filter:none;opacity:1}
.collection-state{z-index:1;background:#15212bee;color:#f3e5c7;max-width:calc(100% - 16px)}
.collection-future{color:#9ca6aa}
.collection-hero.sealed .collection-caption{background:linear-gradient(145deg,#19232a,#101a23)}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-hero .collection-art,.collection-hero.unreleased .collection-art{height:300px}}
@media(max-width:680px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-hero .collection-art,.collection-hero.unreleased .collection-art{height:270px}.collection-caption h3{font-size:24px}}

.collection-hero.sealed .collection-art{filter:none;opacity:1}
.collection-hero .roster-illustration{display:block;width:100%;height:100%;max-height:100%;overflow:hidden;object-fit:contain;object-position:center bottom}
.collection-hero.sealed .roster-illustration{filter:grayscale(1);opacity:.62}

/* Session20: the existing approved castle setting replaces white collection plates. */
.collection-hero .collection-art,.collection-hero.unreleased .collection-art{
 background-color:#172b30;
 background-image:linear-gradient(180deg,#10212b16 0%,#10212b08 55%,#091820a6 100%),url('art/lobby_lumi_exact_plate_v1.png');
 background-size:cover;background-position:28% center;background-repeat:no-repeat;
}
.collection-hero .roster-illustration{filter:drop-shadow(0 7px 5px #07111677)}
.collection-hero.owned .roster-illustration{filter:drop-shadow(0 7px 5px #07111677)}
.collection-hero.sealed .roster-illustration{filter:grayscale(1) drop-shadow(0 7px 5px #07111688);opacity:.62}
.collection-state{background:linear-gradient(90deg,#101e28f5,#101e28df);border-top:1px solid #c7a76155}

.collection-hero .collection-art:has(.collection-scene){padding:0}
.collection-hero .collection-art .collection-scene{position:absolute;left:0;top:0;width:100%;height:calc(100% - 58px);object-fit:cover;object-position:18% center;transform:none;filter:none;opacity:1}
.collection-hero.sealed .collection-art .collection-scene{filter:saturate(.55) brightness(.8);opacity:1}
.collection-hero .collection-art:has(.collection-cutout){padding:12px 12px 70px}
.collection-hero .collection-art .collection-cutout{transform:none;object-fit:contain;object-position:center bottom}

/* Override the earlier cutout safe-frame only for complete approved scene images. */
#meta-panel .collection-hero .collection-art:has(img.collection-scene){padding:0}
#meta-panel .collection-hero .collection-art img.collection-scene{position:absolute;left:0;top:0;width:100%;height:calc(100% - 58px);object-fit:cover;object-position:8% center;transform:none;opacity:1}
#meta-panel .collection-hero.sealed .collection-art img.collection-cutout{opacity:1;filter:grayscale(.85) brightness(.78) drop-shadow(0 7px 5px #07111688)}
@media(max-width:680px){#meta-panel .collection-hero .collection-art:has(img.collection-scene){height:240px}}