body.home.mp-site { background:#edede7; --mp-paper:#edede7; }
.mp-home { color:#252828; }
.mp-home section { scroll-margin-top:24px; }
.mp-home h2,.mp-home h3,.mp-home h4 { font-family:inherit; color:#252828; letter-spacing:0; }
.mp-home h2 { font-size:24px; line-height:1.5; margin:0 0 20px; }
.mp-home h3 { font-size:20px; line-height:1.5; }
.mp-home .zzz-section-heading { background:none; border:0; box-shadow:none; padding:0; text-shadow:none; }
.mp-home .zzz-section-heading::before,.mp-home .zzz-section-heading::after { content:none; }
.mp-home .mp-hero { grid-template-columns:48% 52%; min-height:266px; margin-bottom:18px; }
.mp-home .mp-hero-copy { padding:30px 36px; display:flex; flex-direction:column; justify-content:center; }
.mp-home .mp-hero h1 { color:#fff; font-size:28px; line-height:1.5; margin:0 0 14px; }
.mp-home .mp-hero h1 strong { display:block; font-size:40px; color:#ffa250; }
.mp-home .mp-hero p { font-size:13px; margin:0 0 16px; line-height:1.8; }
.mp-home .mp-hero-copy>a { color:#fff; align-self:flex-start; padding:8px 0; }
.mp-home .mp-hero-art { height:auto; min-height:266px; grid-row:auto; }
.mp-home .mp-hero-art>img { height:100%; object-fit:cover; }
.mp-home .mp-hero .mp-hero-version { position:absolute; bottom:0; right:0; left:0; width:100%; max-width:none; padding:8px 12px; margin:0; background:#232527; color:#fff; font-size:11px; }
.mp-home .mp-hero :focus-visible { outline-color:#ffa250; }
.mp-home .zzz-popular-posts__card-badge { background:#343b32!important; color:#fff; opacity:1; }
.mp-home .mp-explore>a:last-child:nth-child(odd) { min-height:40px; }
.mp-home .mp-art-controls { top:10px; right:10px; padding:2px 6px; gap:4px; border-radius:20px; }
.mp-home .mp-art-controls button { width:30px; height:32px; }
.mp-home .mp-art-controls button:after { inset:14px 5px; }
.mp-home .mp-database { margin:0 0 20px; padding:12px 4px; background:#fff; }
.mp-home .mp-database a { min-height:44px; gap:8px; color:#252828; }
.mp-home .mp-database a>span:first-child { color:#252828; }
.mp-home .mp-database a:hover { background:#fff3e7; }
.mp-home .mp-rights { margin:10px 0 24px; color:#545a55; }
.mp-home .mp-explore { display:flex; flex-wrap:wrap; gap:8px 24px; padding:0; margin:0 0 20px; background:none; }
.mp-home .mp-explore>a { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; min-height:40px; padding:4px 0; border:0; color:#343a35; font-size:13px; text-decoration:underline; }
.mp-home .mp-explore>a>span { font-size:13px; color:#98430a; margin:0; }
.mp-home-grid { margin-top:24px; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:stretch; }
.mp-home-main>.mp-block,.mp-home .zzz-news{ margin-bottom:28px; }
.mp-home .mp-home-main>.mp-latest,.mp-home .zzz-news { padding:24px; border:1px solid #d4d7ce; border-radius:12px; background:#fafaf7; }
.mp-home .mp-current-section { padding:24px; border:1px solid #d4d7ce; border-radius:12px; background:#fafaf7; }
.mp-home .mp-current-section>h2 { margin-bottom:12px; }
.mp-home .mp-gacha-card { background:#fff; border:1px solid #d4d7ce; }
.mp-home .mp-section-head { margin-bottom:20px; flex-wrap:wrap; align-items:baseline; gap:8px 20px; }
.mp-home .mp-section-head h2 { margin:0; }
.mp-home .mp-article-row { padding:16px 0; gap:16px; }
.mp-home .mp-article-row strong { font-size:16px; }
.mp-home .mp-article-row>img { flex-shrink:0; width:160px; height:auto; aspect-ratio:16/9; object-fit:contain; background:#eef0e9; border-radius:5px; }
.mp-home .zzz-news__list { margin:0; padding:0; list-style:none; }
.mp-home .zzz-news__item { display:grid; grid-template-columns:42px 60px 80px minmax(0,1fr); gap:8px 12px; padding:18px 0; margin:0; background:none; border:0; border-bottom:1px solid #d2d6cb; border-radius:0; align-items:center; }
.mp-home .zzz-news__date { color:#555d56; font-size:12px; width:auto; text-align:left; }
.mp-home .zzz-news__label { background:#e7eae2!important; color:#343b32; font-size:11px; justify-self:start; padding:2px 8px; border-radius:4px; }
.mp-home .zzz-news__source { grid-column:3; display:block; font-size:12px; color:#555d56; opacity:1; width:auto; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.mp-home .zzz-news__link,.mp-home .zzz-news__item>.zzz-news__title { grid-column:4; font-size:15px; font-weight:600; line-height:1.8; justify-content:space-between; }
.mp-home .zzz-news__title { font-size:inherit; line-height:inherit; color:inherit; font-weight:inherit; }
.mp-home .zzz-news__go { flex-shrink:0; color:#98430a; }
.mp-home .mp-home-aside>.mp-block { padding:22px; margin-bottom:28px; background:#fafaf7; border:1px solid #d4d7ce; }
.mp-home .mp-info-panel .zzz-info-card__row { align-items:flex-start; text-align:left; }
.mp-home .mp-info-panel .zzz-info-card__links { justify-content:flex-start; }
.mp-home .mp-info-panel .zzz-info-card__desc,.mp-home .mp-info-panel .zzz-info-card__extra { text-align:left; color:#4a514b; }
.mp-home .mp-info-panel .zzz-info-card__title { font-size:20px; }
.mp-home .mp-info-panel .zzz-info-card__ad-notice,.mp-home .mp-info-panel .zzz-cloud-card__description { color:#555d56!important; font-size:12px; }
.mp-home .mp-info-panel .zzz-cloud-card__title { font-size:14px; font-weight:700; line-height:1.7; }
.mp-home .mp-info-panel .zzz-info-cards__notice { color:#555d56; }
.mp-home .mp-info-panel .zzz-info-card__link { color:#303930; background:transparent; border:0; border-radius:0; padding:4px 0; text-decoration:underline; }
.mp-home-chapter { padding:24px; margin:0 0 28px; border:1px solid #d4d7ce; border-radius:12px; background:#fafaf7; }
.mp-home-chapter>h2 { font-size:24px; margin-bottom:24px; }
.mp-topic-nav { display:flex; flex-wrap:wrap; gap:8px 20px; margin-bottom:28px; }
.mp-topic-nav a { font-size:13px; padding:4px 0; color:#454e41; }
.mp-topic-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:stretch; }
.mp-topic { display:flex; flex-direction:column; background:#fff; border:1px solid #d4d7ce; border-radius:12px; padding:20px; min-width:0; min-height:360px; }
.mp-topic-all { font-size:13px; color:#454e41; }
.mp-topic-entries { margin-bottom:8px; }
.mp-topic>header { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:12px; }
.mp-topic>header h3 { margin:0; display:flex; align-items:center; gap:10px; }
.mp-topic>header>a { font-size:12px; white-space:nowrap; }
.mp-topic-row { display:flex; align-items:center; gap:16px; padding:14px 0; border-top:1px solid #d5d9cf; text-decoration:none; }
.mp-topic-row>img { width:88px; height:58px; object-fit:cover; border-radius:4px; flex-shrink:0; }
.mp-topic-row strong { font-size:15px; line-height:1.75; font-weight:600; margin:0; overflow-wrap:anywhere; }
.mp-topic-more .mp-topic-close { display:none; }
.mp-topic-more[open] .mp-topic-open { display:none; }
.mp-topic-more[open] .mp-topic-close { display:inline; }
.mp-topic-more summary { padding:12px 0; font-size:13px; cursor:pointer; color:#454e41; }
.mp-topic-empty { font-size:14px; color:#555d56; }
.mp-mechanics { padding:0; }
.mp-home #glossary>.zzz-glossary { margin:0; padding:0; border:0; }
.mp-home .mp-mechanics>section { margin:0 0 36px; padding:0; border:0; }
.mp-home .mp-mechanics>section:last-child { margin-bottom:0; }
.mp-home .mp-mechanics .zzz-section-heading { font-size:21px; margin:0 0 20px; }
.mp-home .zzz-glossary__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.mp-home .zzz-glossary__tile { padding:16px; background:#fff; border:1px solid #bdc4b7; border-radius:10px; box-shadow:none; }
.mp-home .zzz-glossary__term { font-size:17px; color:#252828; }
.mp-home .zzz-glossary__desc { color:#555d56; font-size:13px; line-height:1.85; }
.mp-home .zzz-glossary__cta { color:#98430a; font-size:12px; opacity:1; }
.mp-home .zzz-anomaly__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mp-home .zzz-anomaly-card { background:#eef0e9; border:0; border-radius:8px; padding:16px; box-shadow:none; color:#30382f; }
.mp-home .zzz-anomaly-card__title { font-size:16px; margin:0; text-wrap:balance; }
.mp-home .zzz-anomaly-card__list { font-size:13px; color:#505a4b; margin:8px 0 0; }
.mp-home .mp-mechanics .zzz-content-hub__track { display:grid; grid-template-columns:1fr; gap:0 28px; overflow:visible; padding:0; cursor:auto; }
.mp-home .mp-mechanics .zzz-content-hub__scroll-btn { display:none; }
.mp-home .mp-mechanics .zzz-content-hub__card { display:flex; flex-direction:row; gap:14px; align-items:center; width:auto; min-width:0; background:none; border:0; border-bottom:1px solid #d5d9cf; border-radius:0; padding:14px 0; box-shadow:none; transform:none; }
.mp-home .mp-mechanics .zzz-card__thumb { width:128px; flex-shrink:0; aspect-ratio:16/9; background:#eef0e9; }
.mp-home .mp-mechanics .zzz-card__img { width:100%; height:100%; object-fit:contain; }
.mp-home .mp-mechanics .zzz-card__body { padding:0; }
.mp-home .mp-mechanics .zzz-card__title { font-size:15px; margin:0; line-height:1.75; height:auto; }
.mp-home .zzz-btn { background:#292b2d; color:#fff; border:1px solid #292b2d; padding:10px 16px; font-size:13px; border-radius:6px; }
@media(max-width:1000px){
 .mp-home .mp-hero-copy { padding:24px; }
 .mp-home .mp-hero h1 { font-size:23px; }
 .mp-home .mp-hero h1 strong { font-size:34px; }
 .mp-home .mp-database { grid-template-columns:repeat(3,1fr); }
 .mp-home .mp-home-grid { grid-template-columns:minmax(0,1fr); }
 .mp-home .mp-home-aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .mp-home .mp-home-aside>.mp-block:first-child { grid-column:1/-1; }
 .mp-home .zzz-glossary__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px){
 .mp-home .mp-database a>span:last-child { display:none; }
 .mp-home .mp-database a>span:first-child { display:inline; white-space:nowrap; }
}
@media(max-width:800px){
 .mp-topic-grid,.mp-home .mp-mechanics .zzz-content-hub__track { grid-template-columns:1fr; }
 .mp-topic { min-height:0; }
}
@media(max-width:600px){
 .mp-home { padding-top:16px; }
 .mp-home .mp-hero { grid-template-columns:55% 45%; min-height:220px; }
 .mp-home .mp-hero-copy { padding:18px 12px; }
 .mp-home .mp-hero h1 { font-size:clamp(12px,3.7vw,16px); margin-bottom:12px; }
 .mp-home .mp-hero h1 strong { font-size:clamp(24px,7vw,30px); margin-top:6px; }
 .mp-home .mp-hero-copy p { font-size:11px; margin-bottom:8px; }
 .mp-home .mp-hero-copy>a { font-size:11px; }
 .mp-home .mp-hero-art { grid-row:auto; height:auto; min-height:220px; aspect-ratio:auto; }
 .mp-home .mp-hero-art>img { object-fit:cover; object-position:65% center; }
 .mp-home .mp-hero .mp-hero-version { font-size:10px; line-height:1.6; padding:6px 8px; }
 .mp-home .mp-art-controls { top:6px; right:6px; }
 .mp-home .mp-art-controls button { width:24px; }
 .mp-home .mp-database { padding:4px; gap:0; }
 .mp-home .mp-database a { font-size:11px; gap:3px; padding:8px 2px; }
 .mp-home .mp-explore { gap:4px 16px; }
 .mp-home .mp-explore>a { font-size:12px; min-height:36px; }
 .mp-home h2 { font-size:22px; }
 .mp-home .mp-home-main>.mp-latest,.mp-home .zzz-news,.mp-home .mp-current-section,.mp-home-chapter { padding:18px; }
 .mp-home .mp-home-aside { display:block; }
 .mp-home .mp-home-aside>.mp-block { padding:20px; }
 .mp-home .mp-article-row>img { width:104px; height:auto; }
 .mp-home .mp-article-row strong { font-size:14px; }
 .mp-topic-grid { grid-template-columns:1fr; gap:20px; }
 .mp-topic { padding:18px; }
 .mp-topic>header h3 { font-size:19px; }
 .mp-topic-row { gap:12px; }
 .mp-topic-row>img { width:72px; height:50px; }
 .mp-topic-row strong { font-size:14px; }
 .mp-home-chapter>h2 { font-size:22px; }
 .mp-mechanics { padding:0; }
 .mp-home .zzz-glossary__grid { grid-template-columns:1fr; gap:16px; }
 .mp-home .zzz-anomaly__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .mp-home .zzz-anomaly-card { padding:12px; }
 .mp-home .mp-mechanics .zzz-content-hub__track { grid-template-columns:1fr; }
}

.mp-home .mp-section-link,.mp-topic>header>a { margin:0; padding:4px 0; font-size:13px; font-weight:600; color:#98430a; text-decoration:underline; text-underline-offset:4px; }
.mp-home .mp-section-head h2 { margin:0; }
.mp-home .zzz-news__label { grid-column:2; width:auto; max-width:100%; overflow-wrap:anywhere; padding:3px 6px; }
.mp-topic { background:#f0f2eb; }
.mp-topic>header { flex-wrap:wrap; align-items:center; }
.mp-topic>header>a { margin-left:auto; }
.mp-topic-icon { width:28px; height:28px; flex-shrink:0; color:var(--topic-ink,#526047); }
.mp-topic--tier-ranking { background:#fbf2df; --topic-ink:#82500e; }
.mp-topic--character-summary { background:#edf1fa; --topic-ink:#3e5789; }
.mp-topic--zatsu { background:#f1edf7; --topic-ink:#705284; }
.mp-topic--gacha { background:#fbede5; --topic-ink:#8f4e2d; }
.mp-topic--zzz-related-products { background:#f8edf0; --topic-ink:#8d4a61; }
.mp-topic--version { background:#eaf3f3; --topic-ink:#366d70; }
.mp-topic--agent { background:#edf1fa; --topic-ink:#3e5789; }
.mp-topic--beginner { background:#edf3e6; --topic-ink:#4c6b35; }
.mp-topic--polychrome { background:#eef0f9; --topic-ink:#595482; }
.mp-topic--endgame { background:#eef0eb; --topic-ink:#526047; }
.mp-home .zzz-anomaly-card { display:flex; flex-direction:column; }
.mp-anomaly-link { align-self:flex-end; text-align:right; margin-top:auto; padding-top:12px; color:#98430a; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.mp-home .zzz-anomaly-card:hover,.mp-home .zzz-anomaly-card:focus-visible { background:#e2e8d9; box-shadow:inset 0 0 0 1px #7b8b6a; }
@media(max-width:800px){
 .mp-home .zzz-news__item { grid-template-columns:42px 60px minmax(0,1fr); }
 .mp-home .zzz-news__link,.mp-home .zzz-news__item>.zzz-news__title { grid-column:1/-1; }
}
@media(max-width:600px){
 .mp-home .mp-section-head { flex-direction:column; align-items:flex-start; gap:4px; }
 .mp-topic>header h3 { font-size:18px; }
 .mp-home .mp-article-row { gap:12px; }
}

.mp-home-aside { align-self:stretch; }
.mp-home-main>.mp-home-chapter:last-child { margin-bottom:0; }

.mp-section-foot { display:flex; justify-content:flex-end; margin-top:16px; padding-top:12px; border-top:1px solid #d4d7ce; }
.mp-topic>.mp-section-foot { margin-top:auto; }
.mp-section-foot:empty { display:none; }
.mp-home .mp-latest .mp-article-row:last-child { border-bottom:0; }
.mp-home .mp-section-foot .mp-section-link { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; font-size:13px; font-weight:600; color:#98430a; text-decoration:underline; text-underline-offset:4px; }
.mp-home .mp-store-links a { background:#f58828; color:#232527; }
.mp-home .mp-store-links a:hover { background:#ffa250; color:#232527; }
.mp-home .mp-info-panel .zzz-info-card__links { gap:8px; }
.mp-home .mp-info-panel .zzz-info-card__link { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:8px 12px; background:#fff; border:1px solid #868e80; border-radius:20px; color:#303930; text-decoration:none; }
.mp-home .mp-mechanics .zzz-content-hub__card:hover .zzz-card__img { transform:none; }
.mp-home .mp-info-panel .zzz-info-card__link:hover { background:#fff0df; border-color:#98430a; color:#98430a; }
@media(max-width:600px){
 .mp-home .mp-mechanics .zzz-card__thumb { width:104px; }
 .mp-home .mp-home-grid { gap:24px; }
}

.mp-home .mp-hero--download { grid-template-rows:auto auto; min-height:320px; }
.mp-home .mp-hero--download .mp-hero-copy { grid-column:1; grid-row:1; justify-content:flex-end; padding-bottom:16px; }
.mp-home .mp-hero--download .mp-hero-copy>p { margin:0; }
.mp-home .mp-hero--download .mp-hero-art { grid-column:2; grid-row:1 / 3; }
.mp-home .mp-hero-download { grid-column:1; grid-row:2; min-width:0; padding:0 36px 28px; }
.mp-home .mp-hero-download .mp-hero-download-label { font-size:13px; font-weight:700; color:#fff; margin:0 0 8px; max-width:none; }
.mp-home .mp-hero-download .mp-store-links { display:flex; flex-wrap:wrap; gap:8px; }
.mp-home .mp-hero-download .mp-store-links a { min-height:44px; padding:8px 16px; text-decoration:none; }
.mp-home .mp-hero-download .mp-aff-disclosure { max-width:none; margin:10px 0 0; font-size:11px; line-height:1.7; color:#e0e1dc; }
.mp-home .mp-hero--no-art { grid-template-columns:1fr; }
@media(max-width:1000px) {
 .mp-home .mp-hero-download { padding:0 24px 24px; }
 .mp-home .mp-hero-download .mp-store-links a { padding-inline:12px; font-size:12px; }
}
@media(max-width:600px) {
 .mp-home .mp-hero--download { min-height:0; }
 .mp-home .mp-hero--download .mp-hero-copy { justify-content:center; min-height:172px; padding:18px 12px; }
 .mp-home .mp-hero--download .mp-hero-art { grid-row:1; min-height:172px; }
 .mp-home .mp-hero-download { grid-column:1 / -1; padding:16px; border-top:1px solid #535657; }
 .mp-home .mp-hero-download .mp-store-links { width:100%; }
 .mp-home .mp-hero-download .mp-store-links a { flex:1; padding:8px; }
}