/* Shared menu hero geometry and typography; scoped away from game screens. */
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero){
 box-sizing:border-box;display:block;min-height:144px;height:auto;padding:10px 8px 24px;margin:0 0 var(--menu-hero-gap,0);border:0;border-radius:14px 14px 0 0;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 position:relative;isolation:isolate;background:transparent;--menu-hero-position:right 48%;
}
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:linear-gradient(90deg,#0c1425 30%,#0c1425a6 70%,#0c142573),var(--menu-hero);
 background-position:var(--menu-hero-position);background-size:cover;background-repeat:no-repeat;
 -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent),linear-gradient(to right,#000 calc(100% - 24px),transparent);
 mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent),linear-gradient(to right,#000 calc(100% - 24px),transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
body.room217-lab .laboratory-hero{--menu-hero-gap:16px}
.archive-head{--menu-hero:url('/assets/menu-heroes/games.webp')}
.records-head{--menu-hero:url('/assets/menu-heroes/records.webp')}
.community-hero{--menu-hero:url('/assets/menu-heroes/community.webp')}
.laboratory-hero{--menu-hero:url('/assets/menu-heroes/laboratory.webp')}
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero) :is(.eyebrow),:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>p{
 display:block;font-family:inherit;font-size:10px;font-weight:400;font-style:normal;line-height:15px;letter-spacing:.14em;color:#b6a3d3;margin:0 0 12px;
}
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero) h1{
 display:block;font-family:inherit;font-size:32px;font-weight:700;font-style:normal;line-height:1.4;letter-spacing:-.9px;margin:0 0 10px;color:#f0eafa;
}
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>div>p,:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>.help-desc,:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>#communityHeroDescription{
 display:block;font-family:inherit;font-size:14px;font-weight:400;font-style:normal;line-height:1.7;letter-spacing:normal;color:#aaa3bf;margin:0;max-width:none;word-break:keep-all;overflow-wrap:anywhere;
}
:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>small{display:none}
body.portal-renewal #gameList,body.room217-interior #placeholder.room217-records,body.room217-lab .help-view,body.room217-community .community-view{padding-top:36px}
@media(max-width:600px){
 :is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero){min-height:112px;padding:0 2px 18px;--menu-hero-position:right center}
 :is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero) h1{font-size:25px}
 :is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>div>p,:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>.help-desc,:is(#gameList .archive-head, #placeholder .records-head, body.room217-community .community-hero, body.room217-lab .laboratory-hero)>#communityHeroDescription{font-size:12px}
 body.portal-renewal #gameList,body.room217-interior #placeholder.room217-records,body.room217-lab .help-view,body.room217-community .community-view{padding-top:24px;padding-left:14px;padding-right:14px}
}