/* Ambient detail belongs to the background and never intercepts controls. */
body { background-image:url('assets/mms-constellations-v1.svg'),radial-gradient(ellipse at 5% 20%,#63354d30,transparent 55%); background-size:1200px 1000px,100% 1800px; background-repeat:repeat-y; background-position:center top; background-color:#100d12; }
.has-ornaments { position:relative; isolation:isolate; }
.section-decoration { position:absolute; z-index:-1; inset:0; pointer-events:none; background:url('assets/mms-scene-silhouettes-v1.png') center/100% 100% no-repeat; opacity:.48; filter:brightness(1.6) saturate(.7); }
.has-ornaments:nth-of-type(2n) > .section-decoration { transform:scaleX(-1); opacity:.38; }
.has-ornaments:nth-of-type(3n) > .section-decoration { background-size:80% 100%; background-position:right; }
.bento-section > .section-decoration { background-size:100% auto; background-repeat:repeat-y; opacity:.42; }
.admin-channel-sections { position:relative; background:url('assets/mms-constellations-v1.svg') center/100% auto repeat-y; }
.mms-art-page .home-hero { background:linear-gradient(90deg,#100d10ed 18%,#100d10ae 70%,#100d10bd),url('assets/mms-scene-garden-v1.png') center/cover; }
.mms-art-page .owner-duo-hero { background:linear-gradient(90deg,#100d10eb 15%,#100d10ad),url('assets/mms-scene-city-v1.png') center/cover; }
.mms-art-page .admins-hero { background:linear-gradient(90deg,#100d10ed 35%,#100d10bb),url('assets/mms-scene-city-v1.png') center/cover; }

/* A distinct outdoor panorama gives the new-era panel its own identity. */
.duo-feature-card.moon-city-card { border-radius:22px; background:linear-gradient(90deg,#1e1320b8,#1e1320d9 42%,#1e1320c7 76%,#1e132066),url('assets/mms-scene-city-v1.png') center 52%/cover; box-shadow:0 25px 75px #0005; }
.duo-feature-card.moon-city-card::before { opacity:.5; mask-image:none; background:url('assets/mms-constellations-v1.svg') center/cover; }
.duo-feature-copy > p:not(.eyebrow) { color:#e0cfd8; }
.duo-roles div { background:#211622ab; backdrop-filter:blur(6px); }
.duo-feature-actions .text-link { color:#efdee6; }

/* Low-contrast feathers and botanical corners fill plain card surfaces. */
.bento-card .card-copy,.owner-card-copy,.channel-card-copy,.media-link-copy { position:relative; isolation:isolate; overflow:hidden; }
.bento-card .card-copy::after,.owner-card-copy::after,.channel-card-copy::after,.media-link-copy::after { content:''; position:absolute; z-index:-1; inset:0; background:url('assets/mms-scene-silhouettes-v1.png') right bottom/100% 100% no-repeat; opacity:.44; filter:brightness(1.8) saturate(.55); pointer-events:none; }
.bento-card:nth-child(2n) .card-copy::after,.media-link-card:nth-child(2n) .media-link-copy::after { transform:scaleX(-1); }
.bento-card .card-copy { background:linear-gradient(115deg,#2b1b28,#1c141e); }
.bento-card .card-copy p { color:#dfcfd9; }
.bento-card .card-copy::before { content:''; position:absolute; z-index:-1; inset:0; background:url('assets/mms-constellations-v1.svg') center/cover; opacity:.8; pointer-events:none; }
.mms-owner-grid .owner-card-media { background-image:linear-gradient(0deg,#1c131d33,#1c131d22),url('assets/mms-scene-garden-v1.png'); }
.rest-guide-grid article:nth-child(2),.rules-detail-card:nth-child(4n+1) { background-image:linear-gradient(120deg,#251824ed,#251824d9),url('assets/mms-scene-garden-v1.png'); }
.rules-detail-card:nth-child(4n+2),.admin-duty-grid article:first-child { background-image:linear-gradient(120deg,#251824ed,#251824d9),url('assets/mms-scene-city-v1.png'); }
.admin-duty-grid article:nth-child(2),.join-steps > li:last-child { background-image:linear-gradient(120deg,#251824ed,#251824d9),url('assets/mms-scene-lanterns-v1.png'); }
.media-note-card { background-image:linear-gradient(90deg,#1c131ee8,#1c131ec9),url('assets/mms-scene-city-v1.png'); }
.site-footer { background:linear-gradient(180deg,#100c13dd,#08060bd9),url('assets/mms-scene-city-v1.png') center bottom/cover; }
.mms-art-page .final-cta-media img { opacity:.75; }
@media(max-width:720px) {
 body { background-size:800px 850px,100% 1200px; }
 .section-decoration { background-size:auto 100%; opacity:.3; }
 .has-ornaments:nth-of-type(3n) > .section-decoration { background-size:auto 100%; }
 .duo-feature-card.moon-city-card { background-position:68% center; background-image:linear-gradient(180deg,#1e132092,#1e1320dd 45%,#1e1320cf),url('assets/mms-scene-city-v1.png'); }
 .bento-card .card-copy::after,.owner-card-copy::after,.channel-card-copy::after,.media-link-copy::after { opacity:.3; }
}

/* September information-channel update: four chat admins and two life contacts. */
.admin-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mms-art-page .admins-hero .admin-portrait-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-portrait-gallery figure { height:100%; border-radius:60px 60px 16px 16px; }
.admin-portrait-gallery figure:nth-child(2) { transform:none; }
.admin-portrait-gallery img { object-position:center 20%; }
.mms-owner-grid { gap:28px; }

.mms-owner-grid .owner-card-coowner h3 { overflow-wrap:anywhere; font-size:clamp(32px,4vw,50px); }
.admin-channel-life .admin-channel-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-channel-life .admin-channel-card { display:flex; flex-direction:column; }
.admin-channel-life .channel-portrait { height:auto; min-height:0; aspect-ratio:1; }
.admin-channel-life .channel-card-copy { padding:24px; }
.current-rests { margin-top:28px; padding:28px; border:1px solid #c58b9e40; border-radius:20px; background:#211723d9; }
.current-rests dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; margin:20px 0; }
.current-rests dt { color:#f2e8ee; font-weight:800; margin-bottom:5px; }
.current-rests dd { margin:0; color:#d6b5c3; font-size:14px; line-height:1.65; }
@media(max-width:720px) {
 .admin-grid-four,.admin-channel-life .admin-channel-cards,.current-rests dl { grid-template-columns:1fr; }
 .mms-art-page .admins-hero .admin-portrait-gallery { height:350px; max-width:380px; }
 .mms-art-page .admins-hero .hero-content { padding-top:490px; }
 .current-rests { padding:24px; }
}



/* Companion portraits keep their complete silhouettes and original anime drawing. */
.mms-owner-grid .owner-card-feitan .owner-card-media img,
.mms-owner-grid .owner-card-coowner .owner-card-media img { object-fit:contain; object-position:center bottom; filter:none; padding-top:14px; }
.channel-coowner .channel-portrait { background:linear-gradient(#21132244,#21132244),url('assets/mms-scene-garden-v1.png') center/cover; }
.channel-coowner .channel-portrait img { object-fit:contain; object-position:center bottom; padding-top:14px; }

/* Moonlit garden and architectural tracery fill the leadership opening. */
.mms-art-page .team-hero.owner-solo-hero {
 background:linear-gradient(90deg,#140e16db 0%,#140e16c9 37%,#140e1666 67%,#140e162b),linear-gradient(0deg,#100d10,transparent 24%),url('assets/mms-scene-garden-v1.png') center 42%/cover;
}
.mms-art-page .team-hero.owner-solo-hero .hero-media::before {
 inset:0 4% 1%; border:1px solid #d4a9bc66; border-radius:48% 48% 4px 4px;
 background:linear-gradient(90deg,#21132255,transparent),url('assets/mms-scene-city-v1.png') 65% center/cover;
 box-shadow:0 0 0 9px #120c1733,0 0 0 10px #d4a9bc30,inset 0 0 65px #140c1bdd;
}
.team-hero .hero-copy { text-shadow:0 2px 20px #100a12; }
.mms-art-page .team-hero.owner-solo-hero .hero-media img { z-index:1; }
@media(max-width:720px) {
 .mms-art-page .team-hero.owner-solo-hero { background-image:linear-gradient(180deg,#140e1644,#140e1677 35%,#140e16df 57%,#140e16b8),url('assets/mms-scene-garden-v1.png'); background-position:center,62% center; }
 .mms-art-page .team-hero.owner-solo-hero .hero-media::before { inset:2% 10% 0; }
}
.mms-owner-grid .owner-card-feitan .owner-card-media { background: url('assets/mms-feitan-backdrop-v1.png') center/cover; }
.mms-owner-grid .owner-card-coowner .owner-card-media { background: url('assets/mms-gojo-backdrop-v1.png') center/cover; }
.mms-owner-grid .owner-card-feitan .owner-card-copy { background:linear-gradient(125deg,#302027,#18131c); }
.mms-owner-grid .owner-card-coowner .owner-card-copy { background:linear-gradient(125deg,#242332,#18141e); }
.mms-owner-grid .owner-card-feitan .owner-card-copy::after { background-image:url('assets/mms-feitan-backdrop-v1.png'); opacity:.22; filter:none; }
.mms-owner-grid .owner-card-coowner .owner-card-copy::after { background-image:url('assets/mms-gojo-backdrop-v1.png'); opacity:.22; filter:none; }