@font-face{font-family:ForestDisplay;src:url('display.woff2?v=2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--bone:#fff3d5;--paper:#fff6e2;--sand:#f5e5be;--text:#493a21;--muted:#66522f;--green:#344c1e;--leaf:#526a2e;--orange:#b93e0d;--line:#d6bb85;--display:ForestDisplay,'Microsoft YaHei',sans-serif;--shadow:0 12px 32px rgba(89,57,17,.12)}
html{scroll-padding-top:24px;scrollbar-color:#a08243 #f8eccb}
body.atlas-edition{background:#fff3d5;color:var(--text);isolation:isolate}
::selection{background:#d8a333;color:#213615}button,input{caret-color:#b93e0d}
:focus-visible{outline:3px solid #527b2d;outline-offset:5px}
.atlas-scenery{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);width:min(100%,1680px);height:min(66.6667vw,1120px);background:url('book-scene.png') top center/100% auto no-repeat;pointer-events:none}
.wrap{width:min(1240px,calc(100% - 80px))}
.site-header{position:relative;top:auto;height:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;z-index:20}
.header-inner{width:min(1450px,calc(100% - 70px));height:clamp(92px,8.45vw,142px);gap:28px}
.site-header .brand{width:clamp(210px,25vw,350px);flex-shrink:0}
.site-header .brand img{width:100%;height:auto}
.site-nav{gap:clamp(22px,3vw,54px);margin-left:auto}
.site-nav a{font-size:clamp(19px,1.8vw,27px);font-weight:800;color:var(--green);white-space:nowrap;padding:10px 0;border:0}
.site-nav a:hover{color:#a33b0b;text-decoration:underline;text-underline-offset:10px}
.header-actions{gap:12px}.header-actions .button{font-size:21px;padding:12px 24px;border-radius:28px}
.button{background:#fff0ce;border:1px solid #9d782e;box-shadow:none;border-radius:12px;transition:background .18s,transform .18s;min-height:48px}
.button-primary,.header-actions .button{color:#fff9e9;background:linear-gradient(#c94b0d,#a92c06);border:2px solid #a63b0b;box-shadow:inset 0 2px 0 #ffd17d,inset 0 -3px 0 #8d2e0a,0 5px 12px #75411f1b;text-shadow:0 1px 1px #802708;font-weight:800}
.button-primary:hover,.header-actions .button:hover{background:linear-gradient(#b8420b,#932704);transform:translateY(-2px)}
.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.atlas-hero{width:min(100%,1680px);margin:0 auto;min-height:0;height:clamp(550px,41.2vw,692px);display:grid;grid-template-columns:22.5% 54.5% 23%;padding:0 2.2% 32px;position:relative}
.atlas-index{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:65px 14px 16px 0;min-width:0}
.atlas-tab{width:100%;display:flex;align-items:center;gap:6px;min-height:110px;height:31%;max-height:168px;text-align:left;background:transparent;border:2px solid transparent;border-radius:18px;padding:5px 8px;color:#503b1d;transition:background .2s,border-color .2s}
.atlas-tab img{width:53%;height:100%;object-fit:contain;min-width:0}
.atlas-tab span{font-size:clamp(17px,1.5vw,24px);font-weight:800;white-space:nowrap}.atlas-tab .icon{width:18px;height:18px;margin-left:auto;flex-shrink:0}
.atlas-tab[aria-selected=true]{background:#ffdc8f70;border-color:#da881b;box-shadow:inset 0 0 0 3px #fff7e2}
.atlas-tab:hover{background:#f6d18666}
.atlas-main{min-width:0;padding:5px 12px 0 36px;display:flex;flex-direction:column;align-items:center}
.atlas-main h1{font-size:clamp(40px,4.35vw,70px);line-height:1.25;letter-spacing:0;color:var(--green);font-weight:400;margin:0;white-space:nowrap;text-shadow:none}
.atlas-invitation{margin-top:8px;line-height:1.5;font-size:clamp(16px,1.35vw,21px);font-weight:700;background:#71843a;color:#fff9e6;padding:5px 22px;border-radius:4px}
.atlas-panel{flex:1;min-height:0;width:100%;position:relative;display:flex;align-items:center;gap:0;outline-offset:-5px}
#atlas-pet{width:69%;height:100%;max-height:460px;object-fit:contain;filter:drop-shadow(0 12px 5px #60401b18);position:relative;z-index:1;flex-shrink:0}
.atlas-pet-caption{margin-left:-4%;position:relative;z-index:2;padding-top:75px;align-self:center;width:37%}
.atlas-pet-caption h2{font-size:clamp(32px,3.3vw,52px);font-weight:400;color:var(--green);white-space:nowrap;line-height:1.4}
.atlas-pet-caption p{font-size:15px;line-height:1.8;color:#5c4b29;margin:10px 0 18px}
.atlas-pet-caption a{font-size:14px;font-weight:700;color:#3d5a24;display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:underline;text-underline-offset:6px}
.atlas-pet-caption a .icon{width:17px;height:17px}
.atlas-download{padding:68px 12px 0 16px;display:flex;flex-direction:column;gap:20px;align-items:stretch;min-width:0}
.atlas-download h2{text-align:center;font-size:clamp(30px,3vw,46px);font-weight:400;color:var(--green);margin-bottom:8px;line-height:1.3}
.atlas-download .button{font-size:clamp(19px,1.65vw,26px);padding:14px 13px;min-height:70px;gap:10px;border-radius:16px;justify-content:flex-start}
.atlas-download .button .icon{width:28px;height:28px;flex-shrink:0}.atlas-download .button .icon:last-child{width:18px;margin-left:auto}
.atlas-download .button small{font-size:.7em;letter-spacing:0}
.atlas-help{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;color:#536529;font-size:14px;text-decoration:underline;text-underline-offset:6px}
.atlas-help .icon{width:16px;height:16px}
.section{padding:80px 0;background:transparent}
.section h2{font-size:clamp(32px,3vw,48px);font-weight:400;line-height:1.3;color:var(--green);letter-spacing:0}
.section-heading{margin-bottom:30px;align-items:center;gap:30px}.section-heading p{color:var(--muted);font-size:15px;margin-top:13px;line-height:1.9}
.gameplay{padding-top:48px;padding-bottom:90px}
.gameplay .section-heading{margin-bottom:26px}
.gameplay .section-intro{text-align:right}.gameplay-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px;align-items:center}
.screenshot-stage{border-radius:16px;box-shadow:0 16px 36px #65512626;border:0;outline:5px solid #ae9765;outline-offset:0;background:#f9ebc7}
.frame-top,.frame-bottom{background:#eee0b7;color:#454f25}.frame-top{min-height:40px}.screenshot-image-wrap{background:#ece0bb}
.gameplay-tabs{gap:10px}.game-tab{border:0;border-radius:12px;background:#ffefcb80;min-height:90px;padding:16px 20px;box-shadow:none}
.game-tab.is-active{background:#3f552b;color:#fff5db;border:0;box-shadow:0 6px 15px #4b582322}.game-tab.is-active strong,.game-tab.is-active small{color:#fff5db}
.companions{background:#f3e6c5;border-top:1px solid #d7c59c;border-bottom:1px solid #d7c59c}
.pet-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.collection-pet{padding:10px 0 20px;text-align:center}.collection-pet img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .2s}
.collection-pet:hover img{transform:translateY(-5px)}.collection-pet figcaption{font-weight:700;font-size:16px;color:#4a5428;margin-top:10px}
.more-pets{margin-top:22px;border:0;background:transparent}.more-pets>summary{width:max-content;max-width:100%;margin:auto;min-height:48px;padding:10px 24px;border:1px solid #a38a51;border-radius:12px;color:#3f5729;cursor:pointer;font-weight:700}
.more-pets[open]>summary{margin-bottom:30px}.more-pets .pet-collection{border-top:1px solid #d7c59c;padding-top:25px}
.lineup{background:#fff5df}.lineup-layout{gap:70px}.lineup-copy>p{max-width:38em}.lineup-steps li>span{background:#d8c69d;color:#4c5229}.lineup-screens figure{border:0;border-radius:12px;box-shadow:var(--shadow);background:#eadcb7;transform:none}.lineup-screens{gap:22px}
.guide{background:#f1e6c9}.starter-guide{gap:30px}.starter-guide li{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.guide-number{background:#d4bf8b;color:#4e5529}.faq-list details,.faq details,#gameRules details{background:transparent;border-bottom:1px solid #d1bd8f;border-radius:0}.faq-list summary,.faq summary,#gameRules summary{min-height:48px}
.news{background:#fff5df}.news-grid{display:block}.news-card{display:grid;grid-template-columns:150px 1fr 180px;align-items:center;gap:18px;background:transparent;border:0;border-bottom:1px solid #decca6;border-radius:0;box-shadow:none;padding:26px 0}.news-card .news-date{grid-row:1/3;font-size:13px;color:#5f613b}.news-card h3{font:700 19px/1.5 var(--body)}.news-card p{grid-column:2;grid-row:2;max-width:70ch;margin:0;font-size:14px}.news-card button{grid-column:3;grid-row:1/3;justify-self:end}
.download{background:#e7d9b1;color:var(--text)}.download::before,.download::after{display:none}.download-heading h2{color:var(--green)}.download-heading p{color:var(--muted)}.download-layout{gap:30px}.download-card{background:#fff4d9;border:0;border-radius:14px;box-shadow:none}.download-card.is-recommended{outline:2px solid #60713a;outline-offset:0}.platform-heading h3{font:700 19px/1.5 var(--body)}.platform-heading p{color:#685638}.download-card .recommended-badge{background:#3c5425;color:#fff6df}.download-qr-card{background:transparent;border:0;box-shadow:none;color:var(--text)}.download-note{color:#5f5036}.install-help{border-top-color:#c5ad7b}.install-help summary,.install-help ol{color:var(--text)}
.service{background:#fff5df}.community-card{background:#ede1bf;border:0;border-radius:16px;box-shadow:none;color:var(--text)}.community-card h3,.support-area h3{font:700 24px/1.5 var(--body);color:var(--green)}.support-area{border:0;background:transparent}.qq-info strong{color:var(--green)}.support-grid img{border:8px solid #fff;border-radius:6px;box-shadow:0 6px 16px #6b552315}.support-grid figcaption{color:#625031}
.site-footer{background:#344626;color:#f1e6c8;padding-bottom:70px;border:0}.site-footer::before{display:none}.site-footer p,.site-footer a,.site-footer button,.footer-info{color:#f1e6c8}.footer-info{border-top:1px solid #657552}.site-footer .brand{width:240px}.footer-top{align-items:center}.footer-info{font-size:12px;line-height:2}
.utility-buttons .icon-button,.support-toggle{background:#fff0cb;color:#3e5528;border-color:#b7a16a;box-shadow:0 4px 10px #5a492819}.utility-buttons{right:18px}.support-toggle{right:18px}.mobile-download{background:#fff3d9;border-top:1px solid #b3a06e;box-shadow:0 -5px 18px #5a49131a}.mobile-download>a{color:#3f5529}.toast{background:#354b26;color:#fff4d9}dialog{background:#fff4da;color:var(--text)}dialog h2{font-size:30px;color:var(--green);font-weight:400}.text-link{text-underline-offset:5px}.text-link:hover{text-decoration:underline}
@media(min-width:1680px){.atlas-hero{padding-left:37px;padding-right:37px}.header-inner{height:142px}.atlas-scenery{height:1120px}}
@media(max-width:1100px){.header-inner{width:calc(100% - 36px);gap:20px;height:90px}.site-header .brand{width:235px}.site-nav{gap:22px}.site-nav a{font-size:18px}.header-actions .button{font-size:16px;padding:9px 14px}.atlas-hero{height:505px;padding:0 2% 22px;grid-template-columns:23% 50% 27%}.atlas-scenery{background-size:1100px auto;height:740px}.atlas-index{padding-top:35px}.atlas-tab{min-height:90px;padding:4px;gap:0}.atlas-tab span{font-size:16px}.atlas-tab .icon{width:13px}.atlas-main{padding-left:16px;padding-right:6px}.atlas-main h1{font-size:40px}.atlas-invitation{font-size:15px;padding:5px 12px}.atlas-pet-caption{width:38%;margin-left:-7%;padding-top:50px}.atlas-pet-caption h2{font-size:32px}.atlas-pet-caption p{font-size:13px}.atlas-pet-caption a{font-size:12px}.atlas-download{padding:62px 12px 0 14px;gap:18px}.atlas-download .button{font-size:18px;padding:12px 10px;min-height:60px}.atlas-download .button .icon{width:22px;height:22px}.atlas-download h2{font-size:32px}.wrap{width:calc(100% - 60px)}.gameplay{padding-top:45px}.gameplay-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.game-tab{min-height:85px}.pet-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 36px}.collection-pet img{max-height:210px}.news-card{grid-template-columns:125px 1fr 155px}.lineup-layout{gap:35px}.download-layout{grid-template-columns:1fr}.download-qr-card{display:none}}
@media(max-width:800px) and (min-width:761px){.site-header .brand{width:200px}.site-nav{gap:14px}.header-inner{gap:12px}.site-nav a{font-size:16px}.atlas-main h1{font-size:33px}.atlas-tab img{width:48%}.atlas-tab span{font-size:14px}.atlas-pet-caption p{display:none}.atlas-download .button{font-size:16px}.atlas-download .button .icon:last-child{display:none}}
@media(max-width:760px){html{scroll-padding-top:18px}.wrap{width:calc(100% - 36px)}.atlas-scenery{height:850px;background-size:auto 850px;background-position:42% 0}.site-header{background:#fff2d4dd}.header-inner{height:76px;width:calc(100% - 26px);gap:10px}.site-header .brand{width:188px}.header-actions{margin-left:auto}.header-actions .button{font-size:14px;padding:8px 11px;min-height:42px;white-space:nowrap}.header-actions .button .icon{display:none}.menu-toggle{display:flex;width:42px;height:42px;background:#fff1cb;border:1px solid #a38c55}.site-nav{display:none;position:absolute;top:76px;left:0;width:100%;margin:0;background:#fff1d0;box-shadow:0 12px 18px #65532125;padding:12px 20px;gap:0;flex-direction:column}.site-nav.is-open{display:flex}.site-nav a{padding:12px 0;width:100%;font-size:18px;text-align:center}.atlas-hero{height:auto;min-height:0;padding:25px 18px 24px;display:grid;grid-template-columns:1fr;gap:12px}.atlas-main{grid-row:1;padding:0}.atlas-main h1{font-size:42px;line-height:1.3;white-space:normal;text-align:center}.atlas-invitation{font-size:15px;margin-top:9px}.atlas-panel{height:252px;flex:none;margin-top:5px;max-width:450px}.atlas-panel #atlas-pet{height:252px;width:67%;object-fit:contain;max-height:252px}.atlas-pet-caption{margin-left:-2%;padding-top:38px;width:35%}.atlas-pet-caption h2{font-size:33px;white-space:nowrap}.atlas-pet-caption p{font-size:13px;margin:6px 0}.atlas-pet-caption a{font-size:12px;gap:4px}.atlas-index{grid-row:2;flex-direction:row;padding:0;gap:7px;max-width:490px;width:100%;margin:0 auto}.atlas-tab{display:flex;flex-direction:column;height:93px;min-height:0;gap:0;justify-content:center;padding:3px;border-radius:12px}.atlas-tab img{width:64px;height:58px}.atlas-tab span{font-size:13px;line-height:1.7}.atlas-tab .icon{display:none}.atlas-download{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0 0;gap:7px;width:100%;max-width:490px;margin:auto}.atlas-download h2{display:none}.atlas-download .button{min-height:64px;display:flex;flex-direction:column;gap:4px;padding:7px 2px;font-size:14px;border-radius:12px;line-height:1.3;justify-content:center}.atlas-download .button .icon{width:21px;height:21px}.atlas-download .button .icon:last-child{display:none}.atlas-download .button small{font-size:10px}.atlas-help{grid-column:1/-1;min-height:36px;font-size:12px}.section{padding:50px 0}.section h2{font-size:34px}.section-heading{display:block;margin-bottom:24px}.section-heading .text-link{margin-top:14px}.section-heading p,.gameplay .section-intro{text-align:left;font-size:14px;line-height:1.8;margin-top:12px}.gameplay{padding-top:32px}.gameplay-layout{display:flex;flex-direction:column;gap:22px}.screenshot-stage{width:100%;outline-width:3px}.gameplay-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;order:0}.game-tab{min-width:0;min-height:62px;padding:9px 2px;text-align:center;display:block}.game-tab strong{font-size:14px}.game-tab small{display:none}.game-tab .tab-number{display:none}.frame-top,.frame-bottom{font-size:11px;padding:7px 12px}.pet-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection-pet{padding:5px 0 12px}.collection-pet img{max-height:none}.collection-pet figcaption{font-size:13px;margin-top:6px}.more-pets>summary{font-size:14px;min-height:44px}.lineup-layout{display:flex;flex-direction:column;gap:32px}.lineup-copy,.lineup-screens{width:100%}.lineup-copy>p{font-size:14px}.lineup-steps{margin:24px 0}.lineup-screens{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lineup-screens figure{width:100%;margin:0}.lineup-screens figcaption{font-size:11px}.starter-guide{gap:28px}.starter-guide li{padding:0 0 22px;border-bottom:1px solid #d5c29a}.news-card{display:block;padding:24px 0}.news-card h3{font-size:18px;margin:8px 0}.news-card p{font-size:14px}.news-card button{margin-top:12px}.download-heading{text-align:left}.download-heading h2 br{display:none}.download-options{display:flex;flex-direction:column;gap:20px}.download-card{width:100%;padding:23px}.download-card .button{font-size:16px;width:100%}.download-note{font-size:13px;line-height:1.8}.service-layout{display:flex;flex-direction:column;gap:32px}.community-card,.support-area{width:100%;padding:22px}.support-area{padding:0}.support-grid{gap:10px}.support-grid img{width:100%;border-width:5px}.support-grid figcaption{font-size:12px}.site-footer{padding:35px 0 120px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.footer-top nav{display:flex;flex-wrap:wrap;gap:14px 20px}.footer-info{font-size:11px;margin-top:24px;padding-top:20px}.mobile-download{display:flex;padding:10px 18px calc(10px + env(safe-area-inset-bottom));gap:14px}.mobile-download .button{font-size:15px;min-height:46px}.mobile-download>a{font-size:13px;white-space:nowrap}.utility-buttons{right:10px;bottom:92px}.utility-buttons .icon-button{width:38px;height:38px}.support-toggle{display:none}.support-float{right:12px;bottom:142px}.updates-layout{grid-template-columns:1fr;gap:14px}.update-dates{flex-direction:row;max-height:70px;overflow-x:auto}.update-dates button{white-space:nowrap}dialog{max-width:calc(100% - 26px)}dialog h2{font-size:26px}.dialog-heading{gap:10px}.skip-link{left:10px}}
@media(max-width:360px){.site-header .brand{width:155px}.header-inner{gap:5px}.header-actions{gap:7px}.header-actions .button{font-size:13px;padding:8px}.atlas-main h1{font-size:36px}.atlas-panel{height:222px}.atlas-panel #atlas-pet{height:222px}.atlas-pet-caption h2{font-size:28px}.atlas-pet-caption p{font-size:12px}.atlas-download .button{font-size:13px}.atlas-download .button small{font-size:9px}.wrap{width:calc(100% - 30px)}}
.atlas-invitation{background:#52652b}
.frame-top .icon-button,.frame-bottom .text-link{color:#454f25}
.download .download-heading>p:last-child,.download-heading>p,.download-qr-card p,.download-qr-card .qr-caption{color:#5e4c2b}
.game-tab .tab-number{display:none}.guide-number{color:#344319}.screenshot-note{color:#655331}.support-float p,.qr-caption{font-size:12px}.download .download-note{color:#5e4c2b}.atlas-download .button small{font-size:11px}
.button-primary,.header-actions .button{background-color:#a92c06}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.collection-pet:hover img,.button-primary:hover{transform:none}}