@charset "UTF-8";
:root{--ivory:#fffcf5;--paper:#f9f6ed;--ink:#294438;--muted:#63756b;--gold:#a37b3b;--line:#ded2b5;--serif:'Noto Serif TC','PMingLiU','Songti TC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:'Microsoft JhengHei','PingFang TC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #397455;outline-offset:6px}.wrap{width:calc(100% - 100px);max-width:1200px;margin:auto}.site-header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fffcf5;border-bottom:1px solid #cfba884d;gap:25px;position:relative;z-index:3}.brand{display:flex;gap:5px;align-items:center}.brand>img{width:55px;height:57px;object-fit:contain}.brand>span{font-family:var(--serif);font-size:29px;font-weight:900;letter-spacing:3px}.brand small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:4px;margin-top:5px;color:#a18046}.site-header nav{display:flex;gap:34px;font-size:13px;letter-spacing:1px}.site-header nav a:hover,.quiet-link:hover{color:var(--gold)}.header-button{padding:12px 20px;border:1px solid #ba9c63;font-size:12px;letter-spacing:2px;display:flex;gap:24px;align-items:center}.hero{position:relative;background:#c0e5ed;min-height:714px;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:url('garden.webp') center 52%/cover no-repeat}.hero-light{position:absolute;inset:0;background:linear-gradient(90deg,#fffdf8f5 0%,#fffdf8de 25%,#fffdf89c 39%,#fffdf822 57%,transparent 72%)}.hero-inner{position:relative;min-height:714px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding:55px 0 109px;max-width:580px;width:50%}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:2.6px;font-weight:600;color:var(--gold)}.hero .eyebrow{display:flex;align-items:center;gap:15px}.little-line{display:inline-block;width:31px;height:1px;background:#b89653}.version{display:flex;gap:15px;align-items:center;font-size:12px;letter-spacing:3px;color:#667c66;margin:28px 0 16px}.version span{font-size:10px;color:#a48248}h1{font-family:var(--serif);font-size:clamp(38px,4.1vw,58px);font-weight:800;line-height:1.55;letter-spacing:1px;margin:0 0 21px;white-space:nowrap}h1 em{font-style:normal;color:#927139}p{font-size:15px;line-height:1.95;color:var(--muted)}.intro{font-size:16px;line-height:2.05;margin:19px 0 27px;color:#526a5c}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;font-size:13px;letter-spacing:1px;min-height:50px;padding:14px 23px;border:1px solid #b99a62;transition:background .2s,box-shadow .2s}.gold{background:linear-gradient(115deg,#987035,#c3a167 80%,#d2b67f);color:white;border-color:#b79559;box-shadow:0 6px 19px #927b3826;text-shadow:0 1px 1px #76552950}.gold:hover{box-shadow:0 8px 23px #927b3855}.quiet-link{font-size:12px;display:inline-flex;gap:15px;align-items:center;padding:13px 0}.release{margin-top:24px;display:flex;align-items:center;gap:6px;font-size:10px;color:#5e7868;line-height:1.8}.release i{height:5px;width:5px;border-radius:50%;background:#4d8560}.release>span{color:#788677}.hero-party{position:absolute;right:-24px;bottom:55px;width:57%;height:620px;z-index:1}.party-halo{position:absolute;inset:4% -8% 2%;background:radial-gradient(ellipse,#fffbe896 0%,#fff8d739 43%,transparent 70%)}.explorers{position:absolute;bottom:28px;right:0;width:100%;max-height:580px;object-fit:contain;filter:drop-shadow(0 14px 10px #41532d25)}.companion{position:absolute;left:1%;bottom:30px;width:180px;filter:drop-shadow(0 6px 5px #4a482438);transform:rotate(-4deg)}.party-caption{position:absolute;right:6%;bottom:-6px;text-align:right;color:#4b634e;text-shadow:0 1px 2px white}.party-caption span{display:block;font:9px/1.7 Georgia,serif;letter-spacing:2px;color:#768567}.party-caption b{font-family:var(--serif);font-size:17px;letter-spacing:3px}.hero-bottom{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(0deg,var(--ivory),#fffdf455,transparent);pointer-events:none}.feature-ribbon{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-19px;padding:19px 0;background:linear-gradient(100deg,#fffcf5,#f9f4e8);border:1px solid #d6c39f;box-shadow:0 12px 26px #9f8b5010}.feature-ribbon>a{display:flex;align-items:center;gap:18px;padding:14px 27px;border-right:1px solid #dcd0b4;min-width:0}.feature-ribbon>a:last-child{border:none}.ribbon-number{font:italic 31px/1 Georgia,serif;color:#ae8c53;min-width:24px}.feature-ribbon b{font-family:var(--serif);font-size:17px;letter-spacing:.5px;display:block}.feature-ribbon small{display:block;font-size:10px;color:#8a8b78;margin-top:9px;line-height:1.6}.ribbon-arrow{margin-left:auto;font-size:14px;color:#a48c5d}.classic-section{padding:64px 30px 60px;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.classic-heading h2{font:700 33px/1.55 var(--serif);margin:16px 0 0;letter-spacing:1.3px}.classic-content>p{font-size:13px;margin:0 0 15px}.shared-progress{display:flex;gap:17px;align-items:center;font-size:12px;letter-spacing:1px;margin-bottom:20px}.shared-progress i{font-style:normal;color:#b8a475;font-size:9px}.platforms{display:flex;border-top:1px solid #e1d7c2;padding-top:15px;gap:23px}.platforms>a,.platform-pending{display:block;flex:1}.platforms span{display:block;font:600 13px Arial,sans-serif}.platforms small{display:block;font-size:10px;color:#9a864f;margin-top:7px}.platforms a:hover small{text-decoration:underline}.platform-pending{color:#969d91}.platform-pending small{color:#969d91}.treasure-section{background:radial-gradient(ellipse at 79% 25%,#fffefa 0%,#f4eddb 55%,#faf6eb 100%);position:relative;overflow:hidden;padding:0 0 50px}.section-ornament{display:flex;gap:18px;align-items:center;justify-content:center;color:#b89558;font-size:14px;height:42px;margin-top:0}.section-ornament span{height:1px;background:linear-gradient(90deg,transparent,#c9b484);width:120px}.section-ornament span:last-child{transform:rotate(180deg)}.treasure-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:42px 0 38px}.treasure-copy{padding-left:30px}.treasure-copy h2{font:700 39px/1.55 var(--serif);letter-spacing:1px;margin:18px 0 22px;white-space:nowrap}.treasure-copy h2 em{font-style:normal;color:#9b783a}.treasure-copy .memory{font-size:15px;color:#405e4d}.treasure-copy>p{font-size:13px;max-width:380px}.system-proof{margin-top:25px;border-top:1px solid #d9cbae;max-width:385px}.system-proof>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d9cbae;padding:10px 0}.system-proof>div>span{font:italic 20px Georgia,serif;color:#b39a65}.system-proof p{margin:0;line-height:1.8}.system-proof b{font-size:13px;color:#385641;letter-spacing:1px}.system-proof small{font-size:11px;display:block;color:#858673}.text-link{display:inline-flex;gap:23px;padding:13px 0;border-bottom:1px solid #b69b65;color:#887240;font-size:12px;margin-top:12px}.treasure-art{position:relative;min-height:578px}.ornate-ring{position:absolute;top:3%;right:9%;width:340px;height:340px;border:1px solid #d0bc85;border-radius:50%;box-shadow:0 0 0 12px #d8c69922,0 0 0 14px #e5d8b644;background:radial-gradient(circle,#fffdf8d9,#fff4d668,transparent)}.ornate-ring:before,.ornate-ring:after{content:'✦';position:absolute;top:43%;font-size:22px;color:#b59a62}.ornate-ring:before{left:-10px}.ornate-ring:after{right:-10px}.art-number{position:absolute;left:2%;top:49px;font:13px/1.6 Georgia,serif;letter-spacing:3px;color:#bba778}.bishop{position:absolute;right:0;top:0;width:420px;height:387px;object-fit:contain;filter:drop-shadow(0 12px 8px #90702e22)}.collection{position:absolute;bottom:12px;left:0;right:0;padding:26px 28px 20px;background:linear-gradient(140deg,#fffdf5f5,#f5ecd7f8);border:1px solid #c9ad72;box-shadow:0 12px 30px #8972391c;outline:1px solid #e0cb9b;outline-offset:-7px}.collection-heading span{display:block;font:9px/1.5 Georgia,serif;letter-spacing:3px;color:#ad8b51}.collection-heading b{display:block;font:700 19px/1.7 var(--serif);letter-spacing:1px;margin-top:4px}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}.item-grid figure{margin:0;text-align:center}.item-grid figure>div{height:77px;display:grid;place-items:center;border:1px solid #decca4;background:radial-gradient(circle,#fffefa,#f4e8c9)}.item-grid img{width:43px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #70603025)}.item-grid figcaption{font-size:11px;color:#807251;margin-top:9px;letter-spacing:1px}.collection>p{font-size:10px;text-align:center;color:#9a9078;margin:15px 0 0}.friends{border:1px solid #d9cbaa;background:#fffcf6;display:flex;align-items:center;gap:25px;justify-content:space-between;padding:27px 30px}.friends h3{font:700 26px/1.5 var(--serif);margin:7px 0;letter-spacing:1px}.friends p{font-size:11px;margin:0}.fashion{display:flex;gap:16px;align-items:end}.fashion img{width:135px;height:106px;object-fit:contain;mix-blend-mode:multiply;image-rendering:pixelated}.outline{font-size:11px;gap:12px;background:transparent;min-height:44px;white-space:nowrap;padding:12px 16px}.footer{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5dcc4}.footer>span{font-family:var(--serif);font-size:19px;font-weight:bold;letter-spacing:2px}.footer small{font:8px Arial,sans-serif;letter-spacing:2px;display:block;color:#af9767;margin-top:7px}.footer p,.footer a{font-size:10px;color:#8b937f}.mobile-break{display:none}
@media(min-width:744px) and (max-width:1100px){.wrap{width:calc(100% - 56px)}.site-header{height:82px;padding:0 28px}.site-header nav{gap:18px;font-size:11px}.header-button{padding:11px 14px;gap:12px;font-size:11px}.hero,.hero-inner{min-height:665px}.hero-copy{width:52%;padding:45px 0 88px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.little-line{width:20px}.version{font-size:10px;letter-spacing:2px}h1{font-size:clamp(32px,4.1vw,44px);letter-spacing:0}.intro{font-size:14px}.hero-party{width:57%;right:-21px;bottom:85px;height:485px}.explorers{bottom:16px;max-height:485px}.companion{width:140px;left:-5%;bottom:0}.party-caption{bottom:-37px;right:3%}.party-caption b{font-size:14px}.party-caption span{font-size:7px}.hero-actions{gap:16px}.button{font-size:11px;padding:12px 16px;gap:18px}.quiet-link{font-size:10px;gap:10px}.release{font-size:9px;flex-wrap:wrap}.feature-ribbon>a{padding:10px 16px;gap:11px}.feature-ribbon b{font-size:14px}.feature-ribbon small{font-size:9px}.ribbon-number{font-size:26px;min-width:19px}.ribbon-arrow{display:none}.classic-section{gap:32px;padding:50px 10px}.classic-heading h2{font-size:27px}.classic-content>p{font-size:11px}.shared-progress{font-size:10px;gap:10px}.platforms{gap:15px}.platforms span{font-size:11px}.platforms small{font-size:9px}.treasure-grid{gap:23px}.treasure-copy{padding-left:10px}.treasure-copy h2{font-size:30px}.treasure-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.treasure-copy>p{font-size:12px}.treasure-copy .memory{font-size:13px}.treasure-art{min-height:530px}.bishop{width:360px;height:342px}.ornate-ring{width:260px;height:260px;right:8%}.art-number{font-size:10px;left:0;top:16px}.collection{padding:24px 19px 19px}.collection-heading b{font-size:16px}.item-grid{gap:9px}.item-grid figure>div{height:62px}.item-grid img{width:37px;height:39px}.item-grid figcaption{font-size:9px}.friends{padding:23px;gap:18px}.friends h3{font-size:22px}.friends p{font-size:10px;max-width:250px}.friends>.outline{display:none}.fashion img{width:120px;height:90px}}
@media(max-width:743px){.wrap{width:calc(100% - 40px)}.site-header{height:76px;padding:0 15px;gap:15px}.brand{gap:0}.brand>img{width:43px;height:48px}.brand>span{font-size:24px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:3px}.site-header nav{display:none}.header-button{padding:12px;font-size:10px;letter-spacing:1px;gap:10px;min-height:44px}.hero,.hero-inner{min-height:897px}.hero-backdrop{background-size:auto 630px;background-position:65% bottom;background-repeat:no-repeat}.hero-light{background:linear-gradient(180deg,#fffcf5 0%,#fffcf5 32%,#fffcf5d9 46%,#fffaf326 65%,transparent 80%)}.hero-inner{display:block}.hero-copy{padding:33px 0 0;max-width:none;width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;gap:10px}.little-line{width:20px}.version{font-size:10px;gap:10px;letter-spacing:2px;margin:23px 0 13px}h1{font-size:33px;letter-spacing:0;line-height:1.55;margin-bottom:16px}.intro{font-size:14px;line-height:1.95;margin:15px 0 21px}.hero-actions{gap:20px}.button{font-size:12px;padding:12px 17px;gap:20px;min-height:47px}.quiet-link{font-size:11px;gap:9px}.release{font-size:9px;margin-top:17px;gap:4px;flex-wrap:wrap}.hero-party{width:calc(100% + 28px);height:410px;right:-14px;bottom:48px}.explorers{width:100%;height:390px;max-height:none;bottom:18px;object-fit:contain}.party-halo{inset:0;background:radial-gradient(ellipse,#fffbe85c,transparent 70%)}.companion{width:119px;left:-1%;bottom:0}.party-caption{bottom:-15px;right:8px}.party-caption b{font-size:13px;letter-spacing:2px}.party-caption span{font-size:7px;letter-spacing:1.5px}.hero-bottom{height:60px}.feature-ribbon{display:block;margin-top:-8px;padding:4px 20px}.feature-ribbon>a{border-right:0;border-bottom:1px solid #e0d4ba;padding:17px 0;gap:16px}.feature-ribbon b{font-size:16px}.feature-ribbon small{font-size:10px;margin-top:6px}.ribbon-number{font-size:27px;min-width:26px}.ribbon-arrow{display:block}.classic-section{grid-template-columns:1fr;padding:44px 0;gap:21px}.classic-heading h2{font-size:29px;letter-spacing:.5px;margin-top:14px}.eyebrow{font-size:9px;letter-spacing:2px}.classic-content>p{font-size:12px;line-height:1.95}.shared-progress{font-size:11px;gap:13px;margin-bottom:18px}.platforms{gap:14px;padding-top:17px}.platforms span{font-size:12px}.platforms small{font-size:9px}.treasure-section{padding-bottom:30px}.section-ornament{height:35px}.section-ornament span{width:85px}.treasure-grid{grid-template-columns:1fr;padding:30px 0 25px;gap:20px}.treasure-copy{padding:0}.treasure-copy h2{font-size:31px;line-height:1.55;letter-spacing:0;margin:14px 0 18px}.treasure-copy>p{font-size:13px;max-width:100%}.treasure-copy .memory{font-size:14px}.system-proof{margin-top:19px}.system-proof b{font-size:13px}.system-proof small{font-size:11px}.text-link{font-size:11px;margin-top:10px}.treasure-art{min-height:510px;margin-top:10px}.bishop{width:330px;height:306px;right:-7px;top:0}.ornate-ring{width:258px;height:258px;right:6%;top:0}.art-number{font-size:10px;letter-spacing:2px;left:0;top:8px}.collection{bottom:0;padding:24px 19px 20px}.collection-heading span{font-size:8px;letter-spacing:2px}.collection-heading b{font-size:17px;letter-spacing:.5px}.item-grid{gap:8px;margin-top:15px}.item-grid figure>div{height:61px}.item-grid img{width:37px;height:41px}.item-grid figcaption{font-size:10px;letter-spacing:0}.collection>p{font-size:9px;line-height:1.8;margin:14px 0 0}.friends{display:block;padding:25px;text-align:center}.friends h3{font-size:25px}.friends p{font-size:11px;line-height:1.9}.fashion{justify-content:center;gap:13px;margin:15px 0}.fashion img{width:46%;height:94px}.friends>.outline{font-size:11px;min-height:44px;margin-top:4px}.footer{display:flex;flex-wrap:wrap;padding:23px 20px;gap:18px}.footer>span{font-size:19px}.footer p{font-size:10px;margin-left:auto}.footer>a{border-top:1px solid #e2d9c3;padding-top:13px;width:100%;font-size:9px}.mobile-break{display:initial}}
@media(max-width:359px){h1{font-size:29px}.hero-actions{gap:10px}.hero-actions .button{padding:12px;font-size:11px}.quiet-link{font-size:10px}.hero,.hero-inner{min-height:850px}.hero-party{height:367px}.explorers{height:350px}.treasure-copy h2{font-size:27px}.collection-heading b{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* v2: the mascot joins the center of the front row. */
.hero-party .companion{left:51%;bottom:24px;width:27%;transform:translateX(-50%);filter:drop-shadow(0 9px 6px #41532d30)}
@media(min-width:744px) and (max-width:1100px){.hero-party .companion{bottom:13px;width:27%}}
@media(max-width:743px){.hero-party .companion{bottom:44px;width:29%}}
@media(max-width:359px){.hero-party .companion{bottom:34px}}
