/* Missing source media uses the same pixel geometry as the rest of the atlas. */
.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-height:0;padding:8px;box-sizing:border-box;overflow:hidden;color:var(--px-muted);background:repeating-linear-gradient(0deg,transparent 0 15px,color-mix(in srgb,var(--px-control) 7%,transparent) 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,color-mix(in srgb,var(--px-control) 7%,transparent) 15px 16px),color-mix(in srgb,var(--px-blue) 35%,var(--px-surface));text-align:center}
.media-placeholder[hidden],img[data-media-image][hidden]{display:none!important}
.media-placeholder .media-placeholder-icon{display:block;width:40px;height:40px;flex:none;fill:currentColor;stroke:none;opacity:.8}
.media-placeholder>small{font-size:10px;line-height:1.5;letter-spacing:0;color:inherit;overflow-wrap:anywhere}
.media-placeholder-compact{gap:0;padding:3px}
.media-placeholder-compact .media-placeholder-icon{width:24px;height:24px}
.character-portrait{display:block;width:80px;height:80px;max-width:100%;flex:none}
.character-grid .character-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.character-portrait .media-placeholder{border:var(--ui-rule,2px) dashed var(--px-control)}
.character-portrait .media-placeholder-icon{width:32px;height:32px}
.profile-tile-image .media-placeholder{background:transparent;color:var(--px-muted);padding:0;gap:5px}
.profile-tile-image .media-placeholder .media-placeholder-icon{width:28px;height:28px;color:inherit}
.profile-tile-image .media-placeholder>small{font-size:9px}
.studio-logo .media-placeholder{background:transparent;color:var(--px-muted);padding:0}
.studio-logo .media-placeholder-icon{width:48px;height:48px}
.studio-logo .media-placeholder>small{font-size:11px}
.studio-link-logo .media-placeholder{padding:0;background:transparent}
.studio-link-logo .media-placeholder-icon{width:28px;height:28px}
.platform-heading-media{display:block;flex:0 0 24px;width:24px;height:24px}
.platform-heading .platform-heading-media img{display:block;width:100%;height:100%;object-fit:contain}
.platform-heading-media .media-placeholder{background:transparent;color:var(--px-accent);padding:0}
.platform-heading-media .media-placeholder-icon{width:21px;height:21px}
.localization-cover{display:block;flex:0 0 64px;width:64px;height:86px}
.localization-grid .localization-cover img{display:block;width:100%;height:100%;object-fit:contain}
.localization-cover .media-placeholder-icon{width:28px;height:28px}
.localization-cover .media-placeholder>small{font-size:9px}
.poster>.media-placeholder{position:absolute;inset:0;color:var(--px-muted);background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--px-control) 7%,transparent) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--px-control) 7%,transparent) 23px 24px),var(--px-blue)}
.poster>.media-placeholder .media-placeholder-icon{width:48px;height:48px}
.dossier-passport-art>.media-placeholder{min-height:230px;color:var(--px-muted);background:transparent}
.dossier-passport-art>.media-placeholder .media-placeholder-icon{width:64px;height:64px}
.game-media-empty>.media-placeholder{flex:1;min-height:100%;background:transparent;color:inherit}
.game-media-empty>.media-placeholder .media-placeholder-icon{width:64px;height:64px}
.atlas-dossier .media-fallback.media-placeholder{position:absolute;inset:0;display:flex;background:var(--px-paper);color:var(--px-muted)}
.atlas-dossier .media-thumb-fallback.media-placeholder{position:absolute;inset:0;display:flex;background:var(--px-paper);color:var(--px-muted)}
.atlas-dossier .media-play>.media-fallback.media-placeholder{justify-content:flex-start;padding-top:12%;gap:8px}
:is(.atlas-mini-cover,.atlas-list-cover,.atlas-release-cover)>.media-placeholder{padding:3px}
:is(.atlas-mini-cover,.atlas-list-cover,.atlas-release-cover)>.media-placeholder .media-placeholder-icon{width:22px;height:22px}
:is(.atlas-mini-cover,.atlas-list-cover,.atlas-release-cover)>.media-placeholder>small{display:none}
:is(.atlas-recent-art,.atlas-podium-art)>.media-placeholder{position:absolute;inset:0}
.atlas-discovery .atlas-recent-art>.media-placeholder{display:flex;inset:0;border:0;box-shadow:none;background:var(--px-paper);color:var(--px-muted);font-size:inherit}
/* This text-only control intentionally hides its source thumbnails. */
.atlas-discovery-hero .hero-controls button>.media-placeholder{display:none}
.hero>.media-placeholder{position:absolute;inset:0;background:var(--px-blue);color:var(--px-control);padding-bottom:95px}
.hero>.media-placeholder .media-placeholder-icon{width:96px;height:96px;opacity:.3}
.hero>.media-placeholder>small{display:none}
@media(max-width:480px){.character-portrait{width:63px;height:63px}.character-portrait .media-placeholder{gap:3px;padding:3px}.character-portrait .media-placeholder-icon{width:25px;height:25px}.character-portrait .media-placeholder>small{font-size:9px}.poster>.media-placeholder .media-placeholder-icon{width:36px;height:36px}.dossier-passport-art>.media-placeholder{min-height:150px}}