/* The portal art supplies the frame; no opaque polygon behind the text. */
.anime-theme .hub-universe:before{content:none}
.anime-theme.in-hub[data-hub-view=dragonball] .campaign-roadmap.saga-gallery{padding:0;background:none;border:0;box-shadow:none}
.anime-theme.in-hub[data-hub-view=dragonball] .saga-gallery .saga-roadmap{margin:0;gap:18px}
.anime-theme.in-hub[data-hub-view=dragonball] .saga-art-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:18px 12px;overflow:hidden;border:1px solid #d7b77569;border-radius:16px;background:radial-gradient(ellipse at 50% 66%,#497bd350,transparent 64%),linear-gradient(160deg,#182b4bca,#0b152ccf);box-shadow:inset 0 1px #ffe4af24}
.saga-art{position:relative;min-height:0;min-width:0}
.saga-art .character-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #04091890)}
.anime-theme.in-hub[data-hub-view=dragonball] .saga-art-card>strong{text-align:center;font:800 clamp(20px,2.5vw,30px)/1.1 'Barlow Condensed',sans-serif;color:#ffe3a4;padding:8px 4px;border-top:1px solid #e9c37d66}
/* A bounded image box cannot inherit a larger portrait or flex-shrink crop. */
.anime-theme.in-campaign .immersive-choices .offer-card{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;justify-items:center;align-content:center;align-items:center;max-height:100%}
.anime-theme.in-campaign .immersive-choices .offer-card .avatar{position:relative;width:100%;height:100%;max-height:170px;min-height:0;overflow:visible;margin:0;background:none;align-self:stretch}
.anime-theme.in-campaign .immersive-choices .offer-card .avatar .character-portrait{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none;max-height:none;object-fit:contain;object-position:center}
.anime-theme.in-campaign .immersive-choices .item-offer{grid-template-rows:auto auto auto auto}
.anime-theme .fighter-label .special-status{font-size:12px;line-height:1.3;max-width:220px;color:#d3dcf1;margin:4px 0}
.anime-theme .fighter-label .special-ready{color:#ffe198;font-weight:800}
/* Full-scene defeat composition: unframed team, cinematic lettering and clear actions. */
body.anime-theme[data-hub-view=gameover]{min-height:100dvh}
.anime-theme[data-hub-view=gameover] main{max-width:1500px;padding:10px 26px 24px}
.anime-theme .game-over-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(100dvh - 110px);text-align:center}
.game-over-stage:before{content:'';position:absolute;z-index:-1;inset:0 -24px;background:radial-gradient(ellipse at 50% 52%,#5484c24d,transparent 65%),linear-gradient(120deg,transparent 45%,#efb66412 45.1%,transparent 45.3%);pointer-events:none}
.defeat-heading .eyebrow{color:#f7bd8b;font-size:16px;letter-spacing:5px}
.anime-theme .defeat-heading h1{font:900 italic clamp(62px,8vw,112px)/.95 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#fff0c9;text-shadow:0 4px #11233f,0 10px 30px #0009;margin:9px 0}
.defeat-heading h1 em{font-style:inherit;color:#ee9579}
.anime-theme .defeat-heading p{font-size:18px;margin:6px 0;color:#e6dfed}
.defeat-team{width:min(1100px,100%);display:grid;grid-template-columns:repeat(var(--party-size,5),minmax(0,1fr));max-width:calc(var(--party-size,5)*220px);justify-content:center;gap:16px;padding:10px 0 4px}
.defeat-team:has(>.defeat-warrior:only-child){grid-template-columns:minmax(0,260px)}
.defeat-warrior{min-width:0;animation:defeat-arrive .6s both;animation-delay:calc(var(--entry)*80ms)}
.defeat-portrait{height:clamp(110px,26dvh,260px);display:flex;justify-content:center;align-items:center}
.defeat-portrait .character-portrait{width:100%;height:100%;object-fit:contain;filter:saturate(.65) drop-shadow(0 9px 13px #02071e90);opacity:.93}
.defeat-warrior>strong{display:block;color:#ffe4ac;font:800 clamp(18px,2vw,26px)/1.1 'Barlow Condensed',sans-serif;margin-top:9px}
.defeat-warrior>small{display:block;font-size:14px;color:#d5ccdf;margin-top:5px}
.defeat-record{display:flex;justify-content:center;gap:20px;border-top:1px solid #d7b77566;padding-top:12px;color:#d9cce2;font-size:15px}
.defeat-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.anime-theme .defeat-actions button{min-height:48px;padding:12px 24px;font-size:17px;font-weight:800;border:1px solid #b9985d;border-radius:9px;background:#142744de;box-shadow:0 4px 18px #020b2040}
.anime-theme .defeat-actions .primary{background:linear-gradient(135deg,#ffe4a3,#dbad58);color:#15243d}
.anime-theme .defeat-footnote{font-size:14px;color:#c8c0d4;margin:0;max-width:700px}
@keyframes defeat-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
body[data-reduce-motion=true] .defeat-warrior{animation:none}
@media(max-width:760px){
 .anime-theme.in-hub[data-hub-view=dragonball] .saga-gallery .saga-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
 .anime-theme.in-hub[data-hub-view=dragonball] .saga-art-card{padding:8px;gap:4px}
 .anime-theme.in-campaign .immersive-choices .offer-card .avatar{max-height:125px}
 .anime-theme .fighter-label .special-status{font-size:10px;max-width:145px}
 .defeat-team{gap:8px}.defeat-portrait{height:clamp(100px,22dvh,180px)}
 .anime-theme .game-over-stage{gap:12px}.anime-theme .defeat-actions button{font-size:15px;padding:10px 16px}
}
@media(max-width:480px){.defeat-team{grid-template-columns:repeat(3,minmax(0,1fr))}.defeat-portrait{height:115px}.defeat-warrior>strong{font-size:19px}.defeat-record{font-size:13px}.anime-theme .defeat-heading h1{font-size:64px}}
@media(max-height:680px) and (min-width:761px){.anime-theme .game-over-stage{gap:9px}.defeat-portrait{height:145px}.anime-theme .defeat-heading h1{font-size:72px}.anime-theme .defeat-heading p{font-size:16px}}