/* Cover direction: centered identity, continuous world panorama, unboxed mascot.
   Existing mc-home.css supplies tokens, navigation and functional lower-page controls. */
#mcView.mc-cover .cover-hero{position:relative;isolation:isolate;min-height:800px;padding:48px 0 0;overflow:hidden;background:var(--home-bg)}
#mcView.mc-cover .cover-title{position:relative;z-index:3;text-align:center;max-width:850px;display:flex;flex-direction:column;align-items:center}
#mcView.mc-cover .cover-title h1{margin:0;font:600 96px/1 Manrope,sans-serif;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;background:linear-gradient(100deg,#fff 20%,#c8a7d8);background-clip:text;-webkit-text-fill-color:transparent;color:#f6eff9}
#mcView.mc-cover .cover-tagline{font:500 24px/32px Manrope,sans-serif;letter-spacing:-.02em;color:#eddaf4;margin:24px 0 0;text-wrap:balance}
#mcView.mc-cover .cover-title .hero-actions{display:flex;justify-content:center;align-items:center;margin:24px 0 0;gap:0}
#mcView.mc-cover .cover-title .hero-actions .button{min-width:224px;min-height:52px;gap:32px;justify-content:space-between}
#mcView.mc-cover .cover-scene{position:absolute;z-index:0;inset:0;margin:0;pointer-events:none;overflow:hidden}
#mcView.mc-cover .cover-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}
#mcView.mc-cover .cover-scene:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#120e19 0%,#120e19f5 14%,#120e19d9 30%,#120e1999 44%,#120e191a 66%,#120e1966 82%,#120e19 100%)}
#mcView.mc-cover .cover-mascot{position:absolute;z-index:2;left:max(0px,calc(50% - 696px));bottom:-90px;height:600px;width:auto;max-width:none;object-fit:contain}
#mcView.mc-cover .cover-bottom{position:absolute;z-index:3;left:0;right:0;bottom:96px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;pointer-events:none}
#mcView.mc-cover .cover-utilities{grid-column:8/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;pointer-events:auto;min-width:0;width:100%;max-width:360px}
#mcView.mc-cover .cover-utilities>.text-link{min-height:44px;color:#e6c4f1}
#mcView.mc-cover .cover-utilities .hero-community{grid-area:auto;grid-column:1;grid-row:auto;display:grid;grid-template-columns:max-content max-content;justify-content:start;align-items:center;width:100%;margin:0;gap:16px}
#mcView.mc-cover .cover-utilities .hero-socials{grid-column:2;gap:8px}
#mcView.mc-cover .cover-utilities .hero-community a{color:var(--home-muted);min-height:44px;font-size:14px;line-height:20px}
#mcView.mc-cover .cover-utilities .hero-socials a{min-width:44px;justify-content:center}
#mcView.mc-cover .mc-strip{margin-top:16px;background:transparent;border:0;border-radius:0;padding:24px 0;border-bottom:1px solid var(--home-line)}
#mcView.mc-cover .cover-about{padding:48px 0 56px;display:flex;align-items:center;justify-content:space-between;gap:40px}
#mcView.mc-cover .cover-about .lead{margin:0;text-wrap:pretty;font:400 18px/28px Manrope,sans-serif;color:var(--home-muted);max-width:68ch}
#mcView.mc-cover .cover-about .lead a{color:var(--home-accent);text-decoration:underline;text-underline-offset:4px}
#mcView.mc-cover .cover-about>.text-link{min-height:44px;flex-shrink:0}
#mcView.mc-cover .join-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
#mcView.mc-cover .join-main{grid-column:1/8;min-width:0;background:transparent;border:0;border-radius:0;overflow:visible}
#mcView.mc-cover .join-switch{padding:0;gap:32px}
#mcView.mc-cover .join-switch button{flex:none;min-width:160px;padding:16px 8px}
#mcView.mc-cover .join-option{padding:32px 0 0}
#mcView.mc-cover .join-option .guide-details{background:#1c1425;border:0;border-radius:8px;padding:0 16px}
#mcView.mc-cover .join-aside{grid-column:8/-1;min-width:0;padding:32px 0 0}
#mcView.mc-cover .join-aside h3{font-size:24px;line-height:32px}
#mcView.mc-cover .rules-section{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
#mcView.mc-cover .rules-section>div{grid-column:1/6}
#mcView.mc-cover .rules-section>ol{grid-column:6/-1}
#mcView.mc-cover .map-shell{border-radius:12px}
@media(min-width:1600px){#mcView.mc-cover .cover-hero{min-height:860px}#mcView.mc-cover .cover-mascot{height:660px;bottom:-100px}}
@media(max-width:1100px) and (min-width:901px){#mcView.mc-cover .cover-title h1{font-size:72px}#mcView.mc-cover .cover-hero{min-height:760px}#mcView.mc-cover .cover-mascot{height:540px;bottom:-80px;left:-48px}#mcView.mc-cover .cover-bottom{gap:24px}#mcView.mc-cover .cover-utilities{gap:24px;max-width:360px}}
@media(max-width:900px){
 #mcView.mc-cover .cover-hero{min-height:0;padding:28px 0 0;display:flex;flex-direction:column;overflow:hidden}
 #mcView.mc-cover .cover-title{width:calc(100% - 48px)}
 #mcView.mc-cover .cover-title h1{font-size:60px;line-height:1}
 #mcView.mc-cover .cover-tagline{font-size:20px;line-height:28px;margin-top:16px;max-width:480px}
 #mcView.mc-cover .cover-title .hero-actions{margin-top:20px}
 #mcView.mc-cover .cover-title .hero-actions .button{font-size:16px;min-height:50px;min-width:224px}
 #mcView.mc-cover .cover-scene{position:relative;inset:auto;width:100%;height:360px;flex-shrink:0;margin-top:-12px}
 #mcView.mc-cover .cover-landscape{object-position:60% 55%}
 #mcView.mc-cover .cover-scene:after{background:linear-gradient(180deg,#120e19 0%,#120e1966 14%,#120e1900 38%,#120e1933 72%,#120e19 100%)}
 #mcView.mc-cover .cover-mascot{height:460px;bottom:-108px;left:calc(50% - 280px)}
 #mcView.mc-cover .cover-bottom{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);align-items:center;width:calc(100% - 48px);margin-top:-8px;gap:16px;padding-bottom:20px}
    #mcView.mc-cover .cover-utilities{grid-column:1;max-width:360px;justify-self:center;width:100%;gap:8px}
 #mcView.mc-cover .cover-utilities>.text-link{justify-self:start;font-size:14px;line-height:20px}
 #mcView.mc-cover .cover-utilities .hero-community{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 #mcView.mc-cover .cover-utilities .hero-community a{font-size:14px;line-height:20px}
 #mcView.mc-cover .mc-strip{margin-top:0;padding:24px 0}
 #mcView.mc-cover .cover-about{padding:32px 0 40px;display:block}
 #mcView.mc-cover .cover-about .lead{font-size:16px;line-height:24px;max-width:680px}
 #mcView.mc-cover .cover-about>.text-link{margin-top:16px}
 #mcView.mc-cover .join-option{padding:24px 0 0}
 #mcView.mc-cover .join-switch{padding:0;gap:24px}
 #mcView.mc-cover .join-switch button{flex:1;min-width:0;padding:16px 4px}
 #mcView.mc-cover .join-layout,#mcView.mc-cover .rules-section{grid-template-columns:minmax(0,1fr)}
 #mcView.mc-cover .join-main,#mcView.mc-cover .join-aside,#mcView.mc-cover .rules-section>div,#mcView.mc-cover .rules-section>ol{grid-column:1/-1}
 #mcView.mc-cover .join-aside{padding:8px 0 0}
}
@media(max-width:480px){
 #mcView.mc-cover .cover-title{width:calc(100% - 32px)}
 #mcView.mc-cover .cover-title h1{font-size:48px}
 #mcView.mc-cover .cover-tagline{font-size:16px;line-height:24px;max-width:300px;margin-top:12px}
 #mcView.mc-cover .cover-scene{height:280px;margin-top:0}
 #mcView.mc-cover .cover-mascot{height:370px;bottom:-96px;left:calc(50% - 210px)}
 #mcView.mc-cover .cover-bottom{width:calc(100% - 32px);margin-top:-4px;padding-bottom:16px;gap:12px}
   #mcView.mc-cover .cover-utilities{gap:4px 16px;flex-direction:column}
 #mcView.mc-cover .cover-utilities .hero-community{width:100%;justify-content:space-between}
 #mcView.mc-cover .cover-utilities .hero-socials{gap:8px}
 #mcView.mc-cover .cover-utilities .hero-community a.with-label{padding:8px 0}
}
@media(max-width:360px){#mcView.mc-cover .cover-title h1{font-size:36px}#mcView.mc-cover .cover-tagline{max-width:270px}#mcView.mc-cover .cover-mascot{left:calc(50% - 200px);height:350px;bottom:-84px}#mcView.mc-cover .cover-scene{height:260px}}
/* Fade the complete scene, including the cutout, into the next reading surface. */
#mcView.mc-cover .cover-scene{-webkit-mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}



#mcView.mc-cover .cover-utilities #hero-support{grid-column:1;justify-self:start;min-width:0}


/* A single invitation; utility links belong to the scene footer. */
#mcView.mc-cover .cover-edition{margin:16px 0 0;font:400 14px/20px Manrope,sans-serif;color:var(--home-muted)}
#mcView.mc-cover .cover-bottom{position:relative;inset:auto;display:block;margin:0 auto;padding:0 0 24px;pointer-events:auto}
#mcView.mc-cover .cover-utilities{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;max-width:none}
#mcView.mc-cover .cover-utilities .hero-community{display:flex;grid-area:auto;align-items:center;gap:24px;width:auto;margin:0}
#mcView.mc-cover .cover-utilities .hero-socials{display:flex;gap:8px}
#mcView.mc-cover .cover-about{padding:64px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
#mcView.mc-cover .cover-about-title{grid-column:1/6;margin:0;font:500 30px/36px Manrope,sans-serif;letter-spacing:-.02em}
#mcView.mc-cover .cover-about .lead{grid-column:6/-1}
#mcView.mc-cover .cover-about>.text-link{grid-column:6/-1}
#mcView.mc-cover .mc-strip{margin-top:0;border-top:1px solid var(--home-line)}
#mcView.mc-cover .join-option-head h3{font-family:Manrope,sans-serif}
@media(max-width:900px){
 #mcView.mc-cover .cover-edition{font-size:12px;line-height:20px;margin-top:12px}
 #mcView.mc-cover .cover-bottom{padding:0 0 16px}
 #mcView.mc-cover .cover-utilities{gap:12px;flex-wrap:wrap}
 #mcView.mc-cover .cover-utilities .hero-community{gap:16px}
 #mcView.mc-cover .cover-about{padding:40px 0;grid-template-columns:1fr;gap:16px}
 #mcView.mc-cover .cover-about-title,#mcView.mc-cover .cover-about .lead,#mcView.mc-cover .cover-about>.text-link{grid-column:1}
 #mcView.mc-cover .cover-about-title{font-size:24px;line-height:32px}
}
@media(max-width:480px){
 #mcView.mc-cover .cover-tagline{font-size:18px;line-height:28px}
 #mcView.mc-cover .cover-utilities{display:grid;grid-template-columns:1fr;gap:4px}
 #mcView.mc-cover .cover-utilities .hero-community{justify-content:space-between;width:100%}
}