.guide-page{--ink:#26344a;--sub:#66758a;--line:#dfe8ef;--soft:#f5fafc;--accent:#13a8b5;max-width:1040px;margin:0 auto;padding:24px 20px 72px;color:var(--ink)}
.guide-hero{text-align:center;padding:48px 24px 42px;border-radius:28px;background:linear-gradient(145deg,#eefbfc,#f8fcff);border:1px solid #dceff1}.guide-eyebrow,.guide-heading p{font-weight:800;letter-spacing:.12em;color:var(--accent);font-size:.78rem;margin:0 0 8px}.guide-hero h1{font-size:clamp(2rem,5vw,3.3rem);margin:0 0 16px}.guide-hero>p:not(.guide-eyebrow){font-size:1.05rem;line-height:1.9;color:var(--sub);margin:0 auto 24px}.guide-start,.guide-final a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;background:#26344a;color:#fff;text-decoration:none;font-weight:800}
.guide-section{padding:52px 4px;border-bottom:1px solid var(--line)}.guide-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.guide-heading>span{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:1.15rem;font-weight:900}.guide-heading h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:0;line-height:1.35}.guide-heading p{margin:0 0 3px}.guide-lead{font-size:1.04rem;line-height:1.9;margin:0 0 22px}.guide-note{padding:16px 20px;border-radius:14px;background:var(--soft);font-weight:700}.guide-feature{display:flex;align-items:center;gap:32px;padding:24px;border-radius:22px;background:var(--soft)}.guide-feature p{line-height:1.85}.guide-medal{width:150px;height:150px;object-fit:contain;flex:0 0 auto}.guide-small{font-size:.85rem!important;color:var(--sub);line-height:1.65!important}.guide-collection{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-collection article{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.guide-collection h3,.guide-affection h3,.guide-device-grid h3{margin:12px 0 8px;font-size:1.2rem}.guide-collection p,.guide-affection p,.guide-device-grid li,.guide-guest p{line-height:1.8}.guide-character-row{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:8px;overflow:hidden}.guide-character-row img{height:170px;width:auto;object-fit:contain}.guide-character-row.guide-pets{align-items:center}.guide-character-row.guide-pets img{width:150px;height:150px}.guide-reward-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:18px 20px;border-radius:18px;background:#fff8e8;border:1px solid #f0dfb8}.guide-reward-line strong{width:100%;margin-bottom:3px}.guide-reward-line span{padding:6px 10px;background:#fff;border-radius:999px;font-weight:700;font-size:.9rem}.guide-reward-line small{width:100%;color:var(--sub);margin-top:3px}.guide-affection img{width:150px;height:150px;object-fit:contain}.guide-point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.guide-point-grid>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-radius:14px;background:var(--soft)}.guide-point-grid span{font-weight:900;color:var(--accent);white-space:nowrap}.guide-point-wide{grid-column:span 3}.guide-point-wide small{color:var(--sub)}.guide-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-device-grid article{padding:24px;border-radius:20px;background:var(--soft)}.guide-device-grid h3{margin-top:0}.guide-device-grid ol{padding-left:1.4em;margin-bottom:0}.guide-guest{border-bottom:0;text-align:center;background:#fff8e8;border-radius:22px;margin-top:44px;padding:30px}.guide-guest h2{margin-top:0}.guide-final{margin-top:28px;padding:26px 30px;border-radius:22px;background:#26344a;color:#fff;display:flex;align-items:center;gap:18px}.guide-final img{width:72px;height:72px;object-fit:contain}.guide-final p{margin:0 0 3px;opacity:.75}.guide-final h2{margin:0;font-size:1.35rem}.guide-final a{margin-left:auto;background:#fff;color:#26344a;white-space:nowrap}.guide-wide{display:block}
@media(max-width:700px){.guide-page{padding:14px 14px 52px}.guide-hero{padding:34px 18px 30px;border-radius:22px}.guide-wide{display:none}.guide-section{padding:40px 2px}.guide-feature{align-items:flex-start;gap:16px;padding:18px}.guide-medal,.guide-affection img{width:96px;height:96px}.guide-collection,.guide-device-grid{grid-template-columns:1fr}.guide-character-row{height:155px}.guide-character-row img{height:150px}.guide-point-grid{grid-template-columns:1fr}.guide-point-wide{grid-column:auto;flex-wrap:wrap}.guide-point-wide small{width:100%}.guide-final{padding:20px;flex-wrap:wrap}.guide-final img{width:54px;height:54px}.guide-final a{width:100%;margin-left:0}.guide-heading>span{width:40px;height:40px;flex-basis:40px}.guide-heading{align-items:flex-start}}

/* 2026-09 guide refresh */
.guide-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.guide-choice-grid>div{min-height:100px;padding:18px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f5fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.guide-choice-grid strong{font-size:1.05rem}.guide-choice-grid span{margin-top:6px;color:var(--sub);font-size:.86rem}.guide-feature--medal{background:linear-gradient(145deg,#fff9e9,#f5fafc)}.guide-medal-message{display:grid;grid-template-columns:48px auto;column-gap:12px;align-items:center;margin-top:14px;padding:15px 18px;border-radius:16px;background:#fff8e8;border:1px solid #f0dfb8}.guide-medal-message img{width:48px;height:48px;object-fit:contain;grid-row:span 2}.guide-medal-message strong{font-size:1.02rem}.guide-medal-message span{color:var(--sub);font-size:.9rem}.guide-point-example{display:grid;grid-template-columns:180px 42px 1fr;gap:18px;align-items:center;padding:24px;border-radius:22px;background:var(--soft);margin:20px 0}.guide-fake-card{aspect-ratio:1;position:relative;overflow:hidden;padding:20px 16px 16px;border-radius:20px;background:linear-gradient(145deg,#fff,#f4fbff);border:1px solid #d9e7ef;box-shadow:0 7px 16px rgba(38,52,74,.08);display:flex;flex-direction:column}.guide-fake-card i{position:absolute;right:-22px;top:-26px;width:86px;height:86px;border-radius:50%;background:#d8f1f4}.guide-fake-card strong,.guide-fake-card span,.guide-fake-card b{position:relative;z-index:1}.guide-fake-card strong{font-size:1.35rem}.guide-fake-card span{margin-top:7px;color:var(--sub);font-size:.8rem;line-height:1.45}.guide-fake-card b{margin-top:auto;color:#0d8792}.guide-point-arrow{text-align:center;font-size:1.8rem;font-weight:900;color:var(--accent)}.guide-point-example p{line-height:1.8;color:var(--sub);margin:7px 0 0}.guide-hearts{font-size:1.65rem;letter-spacing:.12em;color:#ef5573;margin:10px 0}.guide-sticky-demo{position:relative;width:min(330px,90%);margin:20px auto 16px;padding:26px 28px 24px;background:#fff4a8;box-shadow:0 9px 22px rgba(83,69,24,.12);transform:rotate(-1deg)}.guide-sticky-demo:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 28px 28px;border-color:transparent transparent #f1df7d transparent}.guide-sticky-demo span{display:block;color:#8a741a;font-size:.78rem;font-weight:900;letter-spacing:.1em}.guide-sticky-demo strong{display:block;margin:8px 0 14px;font-size:1.35rem;line-height:1.45}.guide-sticky-demo small{display:block;color:#75651f;line-height:1.5}.guide-free{display:flex;gap:22px;align-items:center;margin-top:44px;padding:28px 30px;border:0;border-radius:22px;background:linear-gradient(145deg,#eefbfc,#f8fcff)}.guide-free__mark{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;letter-spacing:.08em}.guide-free h2{margin:0 0 8px}.guide-free p{margin:0;line-height:1.8;color:var(--sub)}
@media(max-width:700px){.guide-choice-grid{grid-template-columns:1fr 1fr}.guide-point-example{grid-template-columns:140px 1fr;gap:14px}.guide-point-arrow{display:none}.guide-free{align-items:flex-start;padding:22px 18px}.guide-free__mark{flex-basis:62px;width:62px;height:62px;font-size:.78rem}.guide-medal-message{grid-template-columns:40px auto}.guide-medal-message img{width:40px;height:40px}}
@media(max-width:420px){.guide-point-example{grid-template-columns:1fr}.guide-fake-card{width:150px;margin:0 auto}.guide-free{display:block}.guide-free__mark{margin:0 auto 14px}.guide-free{text-align:center}}