@font-face{font-family:SenHand;src:url('assets/fonts/LongCang.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:SenText;src:url('assets/fonts/WenKai.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--bg:#061322;--paper:#f8f2df;--lime:#e5ff68;--gold:#e9c485;--hand:SenHand,'KaiTi',cursive;--body:SenText,'Microsoft YaHei',sans-serif;font-family:var(--body)}
body{background:#061322}.header{background:linear-gradient(#06132288,transparent);height:94px;padding:0 4.7%}.brand{width:clamp(170px,17vw,286px)}.header nav{font-size:17px;gap:48px;color:#e9e8e2}.header nav .current:after{width:49px;left:calc(50% - 24px);height:5px;border-radius:60% 20%;transform:rotate(-5deg);bottom:5px}.header .button,.button{font-family:var(--hand);font-weight:400;border-radius:0;clip-path:polygon(3% 9%,14% 5%,15% 2%,28% 5%,39% 0,58% 4%,79% 1%,79% 4%,97% 8%,94% 17%,100% 24%,96% 31%,98% 53%,94% 58%,99% 66%,92% 74%,97% 79%,85% 87%,88% 94%,60% 91%,46% 99%,25% 94%,8% 100%,10% 91%,0 88%,4% 72%,0 66%,4% 54%,1% 39%,6% 30%,2% 24%,7% 17%);padding:15px 30px;font-size:25px;letter-spacing:.04em}.header .button{font-size:23px;padding:14px 28px;gap:12px}
.hero{background:#061322 url('assets/art/home.webp') center/cover no-repeat}.hero .intro{bottom:8%;left:4.8%;width:30%;max-width:480px}.intro>.eyebrow,.intro .text-link,.hero[data-mode=globe] .hero-bottom{display:none}.intro h1{font-family:var(--hand);font-size:clamp(48px,5.1vw,86px);font-weight:400;line-height:1.02;letter-spacing:0;transform:rotate(-3deg);transform-origin:left bottom}.intro-copy{font-size:clamp(14px,1.45vw,23px);line-height:1.8;color:var(--paper);margin-top:25px}.intro-actions{margin-top:17px}.intro .button,.ink-link{clip-path:none;background:none;color:var(--paper);padding:5px 0 10px;position:relative;font-family:var(--hand);font-size:27px;gap:10px}.intro .button:after,.ink-link:after{content:'';position:absolute;left:-3px;right:0;bottom:0;height:5px;background:var(--lime);clip-path:polygon(0 80%,20% 22%,85% 0,100% 45%,61% 53%,15% 100%);transform:rotate(-3deg)}
.sky-note{position:absolute;right:4%;bottom:4%;font:26px/1.35 var(--hand);color:var(--gold);transform:rotate(-5deg);pointer-events:none}.hero:not([data-mode=globe]) .sky-note{display:none}.hero-next{font-size:0;right:3%;bottom:17px;opacity:.65}.chapter-next span{border:0;background:none;clip-path:none;color:var(--gold)}.click-cue{color:#f4e7c9}.tap-ripple,.tap-ripple:after{border-color:#c7a469}.scene-tools,.back span,.close-focus{background:#0a1928c9;border-color:#d6be8780;backdrop-filter:none}.room-card h2,.conversation h3{font-family:var(--hand);font-weight:400}.bubble>div{background:#0a1928e6;border-color:#dec79b60;backdrop-filter:none;border-radius:19px 24px 18px 5px}.bubble small{color:#dfc493}.hero[data-mode=focus] .room-hex{background:#061322 url('assets/art/home.webp') center/cover no-repeat}
.chapter:before{display:none}.chapter{background-color:#061322;background-size:cover;background-position:center}.art-inspiration{background-image:url('assets/art/forest-spaces.webp');display:flex;padding:105px 4.6% 74px;align-items:center}.art-inspiration .vibe-carousel{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,28%);align-items:center;width:100%;gap:3%;text-align:left;padding-left:20%;padding-bottom:0}.art-inspiration .vibe-art{height:min(77svh,840px);width:100%;max-width:none;margin:0}.art-inspiration .space-window{position:absolute;inset:0 auto auto 50%;transform:translateX(-50%) rotate(.2deg);height:100%;width:auto;aspect-ratio:9/16;clip-path:polygon(.6% .3%,15% 0,27% .4%,43% 0,59% .3%,74% 0,99.4% .2%,100% 15%,99.5% 32%,100% 46%,99.7% 73%,100% 85%,99.5% 99.7%,81% 100%,66% 99.6%,50% 100%,35% 99.5%,16% 100%,.5% 99.6%,0 79%,.5% 66%,0 42%,.5% 25%);padding:10px;background:#f2e6d1;box-shadow:none;z-index:3}.art-inspiration .vibe-image{display:block;object-fit:cover;object-position:center;width:100%;height:100%}.art-inspiration .vibe-ghost{height:78%;width:auto;aspect-ratio:9/16;top:10%;background-size:cover;background-position:center;border:9px solid #c9c1b0;clip-path:none;filter:brightness(.46) saturate(.6)}.art-inspiration .ghost-left{left:3%;transform:rotate(-8deg)}.art-inspiration .ghost-right{right:0;transform:rotate(8deg)}.art-inspiration .vibe-caption{margin:0}.art-inspiration .vibe-caption small{font:clamp(22px,2.2vw,38px)/1.4 var(--hand);color:var(--gold);letter-spacing:.03em;position:relative;display:inline-block;padding-bottom:15px}.art-inspiration .vibe-caption small:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:4px;left:-12%;right:-12%;transform:rotate(-5deg)}.art-inspiration .vibe-caption h3{font:clamp(40px,4.3vw,76px)/1.1 var(--hand);letter-spacing:0;margin:20px 0 27px;white-space:normal}.art-inspiration .vibe-caption p{font:clamp(15px,1.45vw,23px)/1.6 var(--body);color:#f0eee7;letter-spacing:0}.art-inspiration .carousel-controls{justify-content:flex-start;gap:32px;margin:20px 0}.art-inspiration .carousel-controls button{border:0;border-radius:0;width:55px;height:42px;font:47px/.7 var(--hand);color:var(--gold)}.art-inspiration #vibe-play{font:15px var(--body);width:26px;opacity:.6}.art-inspiration .vibe-tabs{position:relative;inset:auto;display:flex;gap:10px;width:100%;margin-top:15px}.art-inspiration .vibe-tabs button{padding:0;border:0;min-width:0;flex:1;opacity:.68;transition:opacity .25s,transform .25s}.art-inspiration .vibe-tabs button img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.art-inspiration .vibe-tabs [aria-pressed=true]{opacity:1;transform:translateY(-3px)}.art-inspiration .vibe-tabs i{top:auto;bottom:-12px;height:6px;clip-path:polygon(0 85%,12% 45%,50% 0,88% 20%,100% 68%,40% 55%)}.art-inspiration .vibe-carousel.changing .vibe-image{animation:portrait-arrive .6s ease both}@keyframes portrait-arrive{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.art-knowledge{background-image:url('assets/art/forest-about.webp');display:grid;grid-template-columns:29% 1fr;gap:3.5%;padding:132px 8.5% 90px 4.5%;align-content:start}.art-knowledge .chapter-heading{margin:10px 0 0}.art-knowledge .chapter-heading h2{font:clamp(48px,5vw,84px)/1.25 var(--hand);letter-spacing:0;margin:0;transform:rotate(-5deg)}.art-knowledge .chapter-heading h2 br{display:block}.art-knowledge em{font-style:normal;color:var(--lime)}.art-knowledge .chapter-heading>p{font:clamp(15px,1.4vw,22px)/1.85 var(--body);margin:25px 0 0 12%;color:var(--paper)}.story-bars{width:100%;padding:0}.story-bar{position:relative;border:0;padding:0}.story-bar:before,.story-bar:last-child:after{content:'';position:absolute;left:0;right:0;height:2px;background:#e5dbc5;clip-path:polygon(0 40%,17% 15%,32% 55%,59% 15%,82% 40%,100% 0,100% 60%,72% 100%,46% 65%,21% 100%,0 85%)}.story-bar:before{top:0}.story-bar:last-child:after{bottom:0}.story-bar summary{list-style:none;display:flex;align-items:center;gap:18px;padding:14px 10px;cursor:pointer;font:clamp(26px,2.9vw,49px)/1.2 var(--hand);color:var(--paper)}.story-bar summary::-webkit-details-marker{display:none}.story-bar summary>b{font:31px var(--body);margin-left:auto;font-weight:400}.story-star{font:35px var(--body);flex-shrink:0}.story-bar[open] .story-star{color:var(--lime)}.story-bar[open] summary{font-size:clamp(36px,4vw,66px);padding-top:22px}.story-bar[open] summary>b{font-size:0}.story-bar[open] summary>b:after{content:'−';font-size:31px}.story-body{padding:0 20px 29px 40px;font:clamp(14px,1.4vw,22px)/1.8 var(--body)}.story-body p{margin:22px 0}.story-body .story-subtitle{margin:0 0 45px;font-size:clamp(14px,1.35vw,21px)}.story-body .ink-link{display:inline-block;font-size:34px;margin-top:6px}.story-bar[open] .story-body{animation:chapter-arrive .3s both}.chapter.is-entering .chapter-heading{animation:none}.join-chapter{background-image:linear-gradient(#06132233,#06132266),url('assets/art/coast.webp')}.join-content h2{font-family:var(--hand);letter-spacing:0}.join-orbit i{border-color:#e9c48550}.join-orbit i:before{background:var(--gold)}.join-mark{background:none;clip-path:none}.site-footer{border-color:#e9c48566;background:transparent}.site-footer nav{font-size:12px}.site-footer .footer-meta{color:#c2c5c5}.platform-button,.play-store-link{font-family:var(--body)}.chapter-rail{display:none}
.turn-snapshot{position:fixed;inset:0;z-index:58;pointer-events:none;overflow:hidden;background:#061322}.turn-snapshot>*{margin:0!important}.turn-active{overscroll-behavior:none}#chapter-transition{z-index:59}.header{z-index:65}#sky-life{position:fixed;inset:0;width:100%;height:100%;z-index:29;pointer-events:none}.skip{z-index:100}
@media(min-aspect-ratio:1/1) and (max-width:1100px){.header nav{gap:25px;font-size:14px}.brand{width:185px}.header .button{font-size:20px;padding:12px 21px}.hero .intro{width:33%;bottom:9%}.intro h1{font-size:54px}.art-inspiration .vibe-carousel{padding-left:13%;grid-template-columns:minmax(0,1fr) 30%;gap:4%}.art-inspiration .vibe-caption h3{font-size:43px}.art-knowledge{padding-top:110px}.story-body .story-subtitle{margin-bottom:28px}.sky-note{font-size:20px}}
@media(aspect-ratio < 1/1){.header{height:74px;padding:0 6%}.brand{width:157px}.header .button{font-size:20px;padding:10px 18px}.header nav{display:none}.hero .intro{left:7%;bottom:7%;width:86%;max-width:none}.intro h1{font-size:clamp(44px,10vw,62px);line-height:1.03}.intro h1 br{display:block}.intro h1 em{display:inline}.intro-copy{font-size:14px;margin-top:15px;max-width:85%}.intro-actions{margin-top:12px}.intro .button{font-size:24px;padding:4px 0 8px}.sky-note{display:none}.hero-next{bottom:20px}.art-inspiration{display:block;padding:96px 7% 135px;min-height:100svh;background-position:27% bottom}.art-inspiration .vibe-carousel{display:flex;flex-direction:column;padding:0;gap:22px}.art-inspiration .vibe-art{height:clamp(330px,49svh,570px);width:100%;max-width:470px}.art-inspiration .space-window{padding:7px}.art-inspiration .vibe-ghost{border-width:6px;top:12%;height:75%;max-width:70%}.art-inspiration .ghost-left{left:0}.art-inspiration .ghost-right{right:0}.vibe-editorial{width:100%;max-width:470px;text-align:center}.art-inspiration .vibe-caption small{font-size:24px;padding-bottom:8px}.art-inspiration .vibe-caption h3{font-size:38px;line-height:1.15;margin:12px 0}.art-inspiration .vibe-caption h3 br{display:none}.art-inspiration .vibe-caption p{font-size:14px;line-height:1.7}.art-inspiration .vibe-caption p br{display:none}.art-inspiration .carousel-controls{justify-content:center;margin:12px 0;gap:28px}.art-inspiration .vibe-tabs{gap:11px;max-width:350px;margin:14px auto 0}.art-inspiration .vibe-tabs img{max-height:91px}.art-inspiration .vibe-tabs i{animation:none!important;transform:scaleX(0)}.art-inspiration .vibe-tabs [aria-pressed=true] i{transform:scaleX(1)}.art-knowledge{display:block;padding:102px 7% 160px;background-position:36% bottom}.art-knowledge .chapter-heading{margin:0 0 38px}.art-knowledge .chapter-heading h2{font-size:49px;line-height:1.14;transform:rotate(-3deg);max-width:350px}.art-knowledge .chapter-heading>p{font-size:14px;margin:15px 0 0 0}.art-knowledge .chapter-heading>p br{display:none}.story-bar summary{font-size:29px;gap:12px;padding:17px 0}.story-bar[open] summary{font-size:36px;padding-top:20px}.story-star{font-size:25px}.story-bar summary>b,.story-bar[open] summary>b:after{font-size:23px}.story-bar[open] summary>b{font-size:0}.story-body{padding:0 0 26px 0;font-size:14px;line-height:1.85}.story-body .story-subtitle{font-size:14px;margin-bottom:23px}.story-body .ink-link{font-size:27px}.story-body p{margin:17px 0}.join-content h2{font-size:53px}.join-chapter{background-position:36% bottom}.site-footer nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){#sky-life{display:none}.art-inspiration .vibe-carousel.changing .vibe-image,.story-bar[open] .story-body{animation:none}}

/* Match the approved illustration's small, deliberately drawn hero details. */
.header nav{font-family:var(--body);font-size:clamp(13px,1vw,18px);font-weight:400;gap:clamp(28px,3.1vw,52px)}
.intro h1{font-size:clamp(48px,5.25vw,88px);line-height:1.01;letter-spacing:-.045em;font-synthesis:none}.intro-copy{font-family:var(--body);font-size:clamp(14px,1.25vw,21px);letter-spacing:.04em}.intro .button{font-size:clamp(23px,1.9vw,32px)}
.hero-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .45s}.hero-orbits path{stroke:url('#orbit-gold');stroke-width:1.1;fill:none;vector-effect:non-scaling-stroke}.hero:not([data-mode=globe]) .hero-orbits{opacity:0}
.sky-note{font-size:clamp(19px,1.6vw,28px);line-height:1.2;letter-spacing:.025em;bottom:5%;right:3.2%;padding-bottom:13px}.sky-note:after{content:'';position:absolute;left:26%;right:-5%;height:21px;bottom:-11px;border-top:1px solid #e9c485a6;border-radius:50%;transform:rotate(-5deg)}
.click-cue{--cue-size:clamp(82px,7.8vw,132px);width:var(--cue-size);height:var(--cue-size);top:calc(var(--planet-center-y,44vh) + var(--planet-radius,34vh) + 13px);border-radius:0;opacity:1}.click-cue svg{width:29%;height:40%;left:36%;top:35%;animation:cue-hand 2.8s ease-in-out infinite}.tap-ripple,.tap-ripple:after,.tap-ring-outer{position:absolute;left:25%;top:17%;width:50%;height:50%;border:1px solid #e3bd73;border-radius:50%;animation:cue-ring 2.8s ease-in-out infinite}.tap-ripple:after{content:'';width:145%;height:145%;left:-22.5%;top:-22.5%;border-color:#d5aa6066;animation-delay:.14s}.tap-ring-outer{width:96%;height:96%;left:2%;top:-6%;border-color:#d5aa602e;animation-delay:.28s}.click-cue:hover{transform:translateX(-50%)}
@keyframes cue-hand{0%,100%{transform:translateY(2px)}35%,55%{transform:translateY(-2px)}}@keyframes cue-ring{0%,100%{opacity:.6;transform:scale(.95)}40%{opacity:1;transform:scale(1.04)}}
@media(aspect-ratio < 1/1){.intro h1{font-size:clamp(48px,11vw,68px);line-height:1.03;letter-spacing:-.035em}.hero .intro{bottom:8.5%}.intro-copy{font-size:15px;max-width:73%;line-height:1.75}.hero-orbits{width:175%;left:-39%;height:78%;top:1%}.click-cue{--cue-size:85px;top:calc(var(--planet-center-y,40vh) + var(--planet-radius,155px) + 13px)}.sky-note{display:none}}
@media(prefers-reduced-motion:reduce){.click-cue svg,.tap-ripple,.tap-ripple:after,.tap-ring-outer{animation:none}}

@media(min-aspect-ratio:1/1){.art-inspiration .vibe-caption h3{font-size:clamp(34px,3.15vw,56px)}}
body{font-synthesis:none}

.art-knowledge .chapter-heading em{display:inline-block}
@media(min-aspect-ratio:1/1){.art-knowledge{padding-top:clamp(100px,13vh,132px);padding-bottom:65px}.art-knowledge .chapter-heading h2{font-size:clamp(44px,4.4vw,72px)}.story-bar summary{font-size:clamp(26px,2.65vw,44px);padding:11px 10px}.story-bar[open] summary{font-size:clamp(36px,3.5vw,58px);padding-top:16px}.story-body{padding-bottom:18px;font-size:clamp(14px,1.25vw,21px)}.story-body .story-subtitle{margin-bottom:22px}.story-body p{margin:14px 0}.story-body .ink-link{font-size:29px;margin-top:0}}