.idle-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;pointer-events:none}.idle-video.ready{opacity:1}.banner:has(.idle-video.ready) .banner-art{opacity:0}.banner .banner-art{object-fit:cover;object-position:center}.hakuya-banner .banner-art{object-fit:cover}.banner-copy{position:relative;z-index:2}.banner:after{pointer-events:none}.character-card.has-card-art>img{height:auto!important;width:100%;aspect-ratio:941/1672;object-fit:contain;display:block}.character-card.has-card-art>.rarity{display:none}.character-dossier.has-card-art .dossier-portrait{min-height:0;align-self:start}.character-dossier.has-card-art .dossier-portrait>img{position:relative;width:100%;height:auto;object-fit:contain;display:block}.character-dossier.has-card-art .dossier-portrait:after,.character-dossier.has-card-art .dossier-portrait>div,.character-dossier.has-card-art .dossier-rarity{display:none}
#summon-video,#cinematic-caption,#skip-clip{display:none}#ritual-overlay.cinematic{background:#03070e;padding:0}#ritual-overlay.cinematic #summon-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#ritual-overlay.cinematic .ritual-circle,#ritual-overlay.cinematic>p:not(#cinematic-caption){display:none}#ritual-overlay.cinematic #cinematic-caption{display:block;position:absolute;top:18px;left:24px;right:24px;text-align:left;margin:0;font-size:14px;color:#f1dfb5;text-shadow:0 2px 8px #000}#ritual-overlay.cinematic #skip-clip{display:block;position:absolute;right:20px;bottom:20px;border:1px solid #d0b879;background:#0a172be8;padding:12px 20px;border-radius:6px;z-index:2}#ritual-overlay.cinematic #skip-ritual{left:20px;right:auto;bottom:20px;transform:none;background:#0a172be8;padding:12px 20px;border-radius:6px;z-index:2}#skip-clip:focus-visible,#skip-ritual:focus-visible{outline:2px solid #f2d69a}
@media(orientation:landscape) and (max-height:600px){.banner .banner-copy{width:60%;margin-left:0;background:linear-gradient(90deg,#08152dc9,transparent)}.banner .idle-video{object-position:center}.character-dossier.has-card-art .dossier-portrait{position:sticky;top:0}.result-grid .character-card.has-card-art img{max-height:230px}.result-grid.single .character-card.has-card-art img{max-height:250px}}
@media(max-width:600px) and (orientation:portrait){.character-dossier.has-card-art .dossier-portrait>img{max-height:65vh}.character-dossier.has-card-art .dossier-portrait{background:#081326}#ritual-overlay.cinematic #cinematic-caption{font-size:12px;left:14px}#ritual-overlay.cinematic #skip-clip,#ritual-overlay.cinematic #skip-ritual{font-size:12px;padding:12px;bottom:24px}}