#mascots .cast-details{position:relative;box-sizing:border-box;overflow-anchor:none}
#mascots .friend-card-outgoing{position:absolute!important;inset:0!important;width:100%;margin:0!important;z-index:2;pointer-events:none;box-sizing:border-box;overflow:hidden}
#mascots .cast-companion{box-sizing:border-box}
#mascots .companion-body{display:flow-root}
@media(max-width:760px){
 #mascots .cast-companion>summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;list-style:none;-webkit-tap-highlight-color:transparent}
 #mascots .cast-companion>summary::-webkit-details-marker{display:none}
 #mascots .cast-companion>summary::after{content:'+';display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #51352930;border-radius:50%;font-size:20px;font-weight:400;line-height:1;color:#513529;background:#fffaf080;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
 #mascots .cast-companion>summary[aria-expanded=true]::after{transform:rotate(45deg)}
 #mascots .companion-body{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){#mascots .cast-companion>summary::after{transition:none}}
/* Anchor destinations keep focus without a browser outline across the section edge. */
#mascots:focus,#collection:focus,#event-teaser:focus{outline:none}
