/* Theme-specific guide layouts, with native text and navigation. */
.guide-hub{margin:60px 3% 0;padding:34px;position:relative;isolation:isolate;scroll-margin-top:24px}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.guide-kicker{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;margin-bottom:10px}.guide-hub h2{font-size:clamp(28px,3.8vw,49px)!important;line-height:1.1;margin:0 0 12px!important}.guide-heading p{margin:0;font-size:13px;line-height:1.7}.guide-all{flex-shrink:0;font-size:12px;font-weight:800;text-decoration:underline!important;text-underline-offset:5px;padding:10px 0}.guide-grid{display:grid;gap:16px}.guide-entry{min-width:0;position:relative;scroll-margin-top:24px}.guide-art{display:block;aspect-ratio:1;background-image:url('/assets/design/guide-atlas.png');background-size:300% 200%;background-repeat:no-repeat;min-width:0}.guide-art-1{background-position:0 0}.guide-art-2{background-position:50% 0}.guide-art-3{background-position:100% 0}.guide-art-4{background-position:0 100%}.guide-art-5{background-position:50% 100%}.guide-copy{position:relative;padding:20px;min-width:0}.guide-no{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:25px;line-height:1}.guide-hub h3{font-size:20px!important;line-height:1.25;margin:7px 0 10px!important}.guide-copy p{font-size:12px;line-height:1.7;margin:0 0 12px}.guide-link{display:inline-block;font-size:12px;font-weight:800;text-decoration:underline!important;text-underline-offset:5px;padding:5px 0}.guide-details{font-size:11px;margin-top:12px;border-top:1px solid currentColor;padding-top:8px}.guide-details summary{cursor:pointer;font-weight:600;padding:4px 0}.guide-details ul{padding-left:18px;margin:9px 0 0;line-height:1.9}.guide-entry:hover .guide-link{text-decoration-thickness:2px!important}.guide-route{display:flex;justify-content:space-around;gap:15px;margin-top:24px;padding:20px 0 0;border-top:1px solid #406997;font-size:11px;letter-spacing:2px;text-transform:uppercase}
/* Cosmos: one immersive feature and four compact guide rows. */
.theme-cosmos .guide-hub{background:radial-gradient(ellipse at 10% 20%,#172c5344,transparent 65%),#080f20;border:1px solid #2b4568;border-radius:16px;color:#eaf0ff}.theme-cosmos .guide-heading p{color:#b5c7e7}.theme-cosmos .guide-kicker,.theme-cosmos .guide-all,.theme-cosmos .guide-link{color:#8be4ff!important}.theme-cosmos .guide-grid{grid-template-columns:1.05fr 1fr;gap:14px}.theme-cosmos .guide-entry{border:1px solid #3b557b;border-radius:8px;overflow:hidden;background:#0d192e;display:grid;grid-template-columns:112px 1fr}.theme-cosmos .guide-entry:first-child{grid-row:span 4;display:flex;flex-direction:column}.theme-cosmos .guide-entry:first-child .guide-art{width:100%;flex-shrink:0}.theme-cosmos .guide-entry:first-child .guide-copy{background:linear-gradient(#0d192e,#101d37);padding:25px;flex:1}.theme-cosmos .guide-entry:first-child h3{font-size:32px!important}.theme-cosmos .guide-entry:not(:first-child) .guide-art{width:112px;align-self:center;margin-left:10px;border-radius:6px}.theme-cosmos .guide-entry:not(:first-child) .guide-copy{padding:14px 16px 14px 23px}.theme-cosmos .guide-entry:not(:first-child) h3{font-size:18px!important;margin-top:4px!important}.theme-cosmos .guide-no{color:#ac9ee8;font-size:17px}.theme-cosmos .guide-copy p,.theme-cosmos .guide-details{color:#c3d0e7}.theme-cosmos .guide-hub h3{color:#f4f7ff!important}
/* Manga: a tall lead panel with four uneven comic panels. */
.theme-manga .guide-hub{background:#f6efde;border-top:4px solid #211e1b;border-bottom:4px solid #211e1b;color:#211e1b;padding:32px 20px}.theme-manga .guide-heading{align-items:center}.theme-manga .guide-hub h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,4.5vw,62px)!important;text-transform:uppercase;font-style:italic}.theme-manga .guide-kicker,.theme-manga .guide-all,.theme-manga .guide-link,.theme-manga .guide-no{color:#a3241a!important}.theme-manga .guide-grid{grid-template-columns:1fr 1.2fr 1fr;gap:14px;align-items:stretch}.theme-manga .guide-entry{border:3px solid #211e1b;background:#fff8e9;display:flex;flex-direction:column;box-shadow:4px 5px 0 #211e1b;overflow:hidden}.theme-manga .guide-entry:first-child{grid-row:span 2;flex-direction:column-reverse;justify-content:end;transform:rotate(-1deg)}.theme-manga .guide-entry:first-child .guide-art{margin-top:auto}.theme-manga .guide-entry:first-child .guide-copy{flex:1;padding-top:28px}.theme-manga .guide-entry:nth-child(2){transform:rotate(.6deg)}.theme-manga .guide-entry:nth-child(5){transform:rotate(-.5deg)}.theme-manga .guide-entry:not(:first-child) .guide-art{aspect-ratio:auto;height:185px;background-size:300% auto}.theme-manga .guide-entry .guide-copy{padding:16px 18px}.theme-manga .guide-no{font-size:34px;font-style:italic}.theme-manga .guide-hub h3{font-family:'Barlow Condensed',sans-serif;font-size:27px!important;color:#211e1b!important}.theme-manga .guide-copy p{color:#40372c}.theme-manga .guide-details{color:#534639}
/* Candy: floating islands in a two-then-three itinerary. */
.theme-candy .guide-hub{background:radial-gradient(ellipse at 10% 70%,#ffffff 0,transparent 32%),radial-gradient(ellipse at 95% 10%,#fff 0,transparent 35%),linear-gradient(#d7f1ff,#c6e8ff 65%,#eef8ff);border-radius:44px;padding:38px 4% 45px;color:#152959;overflow:hidden}.theme-candy .guide-heading{display:block;text-align:center;margin-bottom:8px}.theme-candy .guide-kicker{color:#a13284}.theme-candy .guide-hub h2{font-family:'Nunito',sans-serif;color:#152959!important;font-weight:900}.theme-candy .guide-heading p{color:#405c87}.theme-candy .guide-all{display:inline-block;color:#254d91!important}.theme-candy .guide-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 24px;position:relative}.theme-candy .guide-grid:before{content:'';position:absolute;inset:20% 13% 12%;border:4px dashed #fff;border-radius:45%;transform:rotate(-8deg);z-index:-1}.theme-candy .guide-entry{grid-column:span 2;text-align:center;display:flex;flex-direction:column;align-items:center}.theme-candy .guide-entry:first-child{grid-column:2/span 2}.theme-candy .guide-entry:nth-child(2){grid-column:4/span 2}.theme-candy .guide-art{width:100%;max-width:330px;position:relative;z-index:1}.theme-candy .guide-copy{background:#fff;border-radius:24px;padding:30px 17px 20px;margin-top:-30px;width:100%;max-width:325px;box-shadow:0 7px 0 #b7d7ed55}.theme-candy .guide-no{display:inline-grid;place-items:center;position:absolute;left:14px;top:-15px;width:38px;height:38px;background:#ffe28c;color:#7a4300;border:3px solid #fff;border-radius:50%;z-index:2;font-family:'Nunito',sans-serif;font-size:19px}.theme-candy .guide-entry:nth-child(2) .guide-no{background:#ffd2e8;color:#932054}.theme-candy .guide-entry:nth-child(3) .guide-no{background:#e3d4ff;color:#6631a0}.theme-candy .guide-entry:nth-child(4) .guide-no{background:#c7e9ff;color:#17518b}.theme-candy .guide-entry:nth-child(5) .guide-no{background:#d8f8bc;color:#36661d}.theme-candy .guide-hub h3{font-family:'Nunito',sans-serif;color:#152959!important;font-weight:900;font-size:21px!important}.theme-candy .guide-copy p,.theme-candy .guide-details{color:#425c84}.theme-candy .guide-link{color:#244c95!important}.theme-candy .guide-details{text-align:left;border-color:#d6e4f5}
@media(max-width:1000px){.guide-hub{padding:25px;margin:45px 2% 0}.theme-cosmos .guide-grid{grid-template-columns:1fr 1.1fr}.theme-cosmos .guide-entry{grid-template-columns:82px 1fr}.theme-cosmos .guide-entry:not(:first-child) .guide-art{width:82px}.theme-manga .guide-grid{grid-template-columns:1fr 1fr}.theme-manga .guide-entry:first-child{grid-row:auto;grid-column:span 2;flex-direction:row;align-items:center}.theme-manga .guide-entry:first-child .guide-art{width:45%;margin:0}.theme-manga .guide-entry:first-child .guide-copy{flex:1}.theme-candy .guide-grid{gap:10px 14px}.theme-candy .guide-hub h3{font-size:18px!important}.theme-candy .guide-copy{padding-left:12px;padding-right:12px}}
@media(max-width:650px){.guide-hub{margin:35px 12px 0;padding:22px 15px}.guide-heading{display:block}.guide-heading p{font-size:12px}.guide-all{display:inline-block;margin-top:7px}.guide-hub h2{font-size:30px!important}.theme-cosmos .guide-grid{grid-template-columns:1fr}.theme-cosmos .guide-entry:first-child{grid-row:auto}.theme-cosmos .guide-entry:first-child .guide-copy{padding:20px}.theme-cosmos .guide-entry:first-child h3{font-size:27px!important}.theme-cosmos .guide-route{font-size:9px;gap:7px;letter-spacing:0}.theme-manga .guide-grid{grid-template-columns:1fr}.theme-manga .guide-entry:first-child{grid-column:auto;flex-direction:column}.theme-manga .guide-entry:first-child .guide-art{width:100%}.theme-manga .guide-entry:first-child .guide-copy{width:100%}.theme-manga .guide-entry:not(:first-child) .guide-art{height:auto;aspect-ratio:1;background-size:300% 200%}.theme-manga .guide-entry{transform:none!important}.theme-manga .guide-hub h2{font-size:38px!important}.theme-candy .guide-hub{padding:27px 18px;border-radius:28px}.theme-candy .guide-grid{grid-template-columns:1fr;gap:14px}.theme-candy .guide-entry,.theme-candy .guide-entry:first-child,.theme-candy .guide-entry:nth-child(2){grid-column:auto}.theme-candy .guide-art{max-width:300px}.theme-candy .guide-copy{max-width:315px}.theme-candy .guide-grid:before{inset:9% 49%;border-width:2px;transform:none}.theme-candy .guide-hub h3{font-size:23px!important}}
/* Keep manga illustrations complete, with a large lead character panel. */
@media(min-width:1001px){.theme-manga .guide-entry:first-child{position:relative;overflow:hidden;justify-content:flex-end}.theme-manga .guide-entry:first-child .guide-art{position:absolute;inset:0;aspect-ratio:auto;background-size:auto 200%;background-position:12% top;margin:0}.theme-manga .guide-entry:first-child .guide-copy{flex:none;margin-top:auto;z-index:1;background:linear-gradient(#fff8e9,#fff8e9f5);padding:24px 20px}.theme-manga .guide-entry:not(:first-child) .guide-art{height:210px;width:210px;align-self:center;background-size:300% 200%;flex-shrink:0}}
/* Prevent legacy guide-ID styles from overriding the new contrast pairs. */
body.theme-cosmos .guide-hub .guide-copy p,body.theme-cosmos .guide-hub .guide-details,body.theme-cosmos .guide-hub .guide-details :is(summary,li,b){color:#c3d0e7!important}
body.theme-manga .guide-hub .guide-copy p,body.theme-manga .guide-hub .guide-details,body.theme-manga .guide-hub .guide-details :is(summary,li,b){color:#40372c!important}
body.theme-candy .guide-hub .guide-copy p,body.theme-candy .guide-hub .guide-details,body.theme-candy .guide-hub .guide-details :is(summary,li,b){color:#425c84!important}
@media(min-width:1001px){.theme-manga .guide-entry:first-child{flex-direction:column;justify-content:flex-start}.theme-manga .guide-entry:first-child .guide-art{position:static;aspect-ratio:1;width:100%;background-size:300% 200%;background-position:0 0;flex-shrink:0}.theme-manga .guide-entry:first-child .guide-copy{order:-1;margin:0;background:#fff8e9}.theme-manga .guide-entry:first-child:after{content:'';display:block;width:100%;min-height:130px;flex:1;background-image:url('/assets/design/guide-atlas.png');background-size:300% auto;background-position:100% 100%;border-top:3px solid #211e1b}}
/* Manga artwork fills each comic panel instead of isolated square thumbnails. */
.theme-manga .guide-grid{grid-template-columns:1fr 1.2fr 1fr;align-items:stretch}
.theme-manga .guide-entry,.theme-manga .guide-entry:first-child{display:block;position:relative;min-height:370px;overflow:hidden}
.theme-manga .guide-entry:first-child{grid-row:span 2;grid-column:auto}
.theme-manga .guide-entry .guide-art,.theme-manga .guide-entry:first-child .guide-art,.theme-manga .guide-entry:not(:first-child) .guide-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;background:none;overflow:hidden}
.theme-manga .guide-art:before{content:'';position:absolute;width:100%;aspect-ratio:1;right:0;bottom:0;background-image:url('/assets/design/guide-atlas.png');background-size:300% 200%;background-position:inherit}
.theme-manga .guide-art-1:before{background-position:0 0}.theme-manga .guide-art-2:before{background-position:50% 0}.theme-manga .guide-art-3:before{background-position:100% 0}.theme-manga .guide-art-4:before{background-position:0 100%}.theme-manga .guide-art-5:before{background-position:50% 100%}
.theme-manga .guide-entry .guide-copy,.theme-manga .guide-entry:first-child .guide-copy{position:relative;z-index:1;margin:0;padding:22px 20px 50px;width:100%;min-height:200px;background:linear-gradient(180deg,#fff8e9 0%,#fff8e9fa 62%,#fff8e9d9 80%,#fff8e900 100%)}
.theme-manga .guide-entry:not(:first-child) .guide-copy{width:72%;min-height:370px;background:linear-gradient(90deg,#fff8e9 0%,#fff8e9fa 64%,#fff8e9d9 80%,#fff8e900 100%);padding-right:36px}
.theme-manga .guide-entry:not(:first-child) .guide-art:before{width:max(100%,370px);right:-14%;bottom:0}
.theme-manga .guide-entry:first-child:after{display:none}
.theme-manga .guide-details{border-color:#aa9982;background:#fff8e9e8;padding:8px;border-radius:2px}
.theme-manga .guide-entry:first-child .guide-art:before{width:max(100%,490px);right:50%;transform:translateX(50%)}
@media(min-width:1400px){.theme-manga .guide-entry:not(:first-child) .guide-copy{width:65%;padding-right:45px}.theme-manga .guide-entry:not(:first-child) .guide-art:before{right:-20%;width:100%}}
@media(max-width:1000px){.theme-manga .guide-grid{grid-template-columns:1fr 1fr}.theme-manga .guide-entry:first-child{grid-column:span 2;grid-row:auto;min-height:380px}.theme-manga .guide-entry:first-child .guide-copy{width:55%;min-height:380px;background:linear-gradient(90deg,#fff8e9 65%,transparent);padding-right:40px}.theme-manga .guide-entry:first-child .guide-art:before{width:410px;right:0;transform:none}.theme-manga .guide-entry:not(:first-child) .guide-copy{width:85%}}
@media(max-width:650px){.theme-manga .guide-grid{grid-template-columns:1fr}.theme-manga .guide-entry:first-child{grid-column:auto}.theme-manga .guide-entry,.theme-manga .guide-entry:first-child{min-height:510px}.theme-manga .guide-entry .guide-copy,.theme-manga .guide-entry:first-child .guide-copy,.theme-manga .guide-entry:not(:first-child) .guide-copy{width:100%;min-height:0;padding:20px 18px 65px;background:linear-gradient(#fff8e9 65%,#fff8e9e8 80%,transparent)}.theme-manga .guide-entry .guide-art:before,.theme-manga .guide-entry:first-child .guide-art:before,.theme-manga .guide-entry:not(:first-child) .guide-art:before{width:100%;right:0;transform:none}.theme-manga .guide-entry:has(details[open]){min-height:650px}}
/* Redrawn landscape panels: entire illustration visible, captions never overlap art. */
.theme-manga .guide-entry,.theme-manga .guide-entry:first-child{display:flex;flex-direction:column;min-height:0;justify-content:flex-start}
.theme-manga .guide-entry .guide-art,.theme-manga .guide-entry:not(:first-child) .guide-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;background-image:url('/assets/design/guide-wide.png');background-size:200% 200%;flex-shrink:0;max-width:none;margin:0;border-bottom:2px solid #211e1b}
.theme-manga .guide-entry .guide-art:before,.theme-manga .guide-entry:first-child:after{display:none}
.theme-manga .guide-entry .guide-art-2{background-position:0 0}.theme-manga .guide-entry .guide-art-3{background-position:100% 0}.theme-manga .guide-entry .guide-art-4{background-position:0 100%}.theme-manga .guide-entry .guide-art-5{background-position:100% 100%}
.theme-manga .guide-entry:first-child .guide-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;background-image:url('/assets/design/guide-atlas.png');background-size:300% 200%;background-position:0 0;margin:0}
.theme-manga .guide-entry .guide-copy,.theme-manga .guide-entry:first-child .guide-copy,.theme-manga .guide-entry:not(:first-child) .guide-copy{width:100%;min-height:0;background:#fff8e9;margin:0;padding:20px;flex:1;order:0}
.theme-manga .guide-entry:first-child .guide-copy{flex:none;order:-1}
.theme-manga .guide-entry:first-child{align-self:start;grid-row:span 2}
.theme-manga .guide-details{background:none}
@media(max-width:1000px){.theme-manga .guide-entry:first-child{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.theme-manga .guide-entry:first-child .guide-copy{order:-1}}
@media(max-width:650px){.theme-manga .guide-entry:first-child{display:flex;grid-column:auto}.theme-manga .guide-entry:has(details[open]){min-height:0}}
.theme-manga .guide-entry .guide-art-2{background-position:0 0!important}.theme-manga .guide-entry .guide-art-3{background-position:100% 0!important}.theme-manga .guide-entry .guide-art-4{background-position:0 100%!important}.theme-manga .guide-entry .guide-art-5{background-position:100% 100%!important}