/* 混沌生境 — dark threshold, silver dust, ink lake, tactile paper. */
html.gate-pending,html.gate-leaving{overflow:hidden;scrollbar-gutter:auto}
.cosmic-gate{position:fixed;inset:0;z-index:150;isolation:isolate;overflow:hidden;background:#0d0d0d;color:#dadada;font-family:var(--sans);touch-action:pan-y}
.cosmic-gate[hidden]{display:none!important}
#cosmic-canvas,.cosmic-vignette{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.cosmic-vignette{z-index:-1;background:linear-gradient(90deg,#0d0d0da3,transparent 53%),linear-gradient(0deg,#0c0c0caa,transparent 28%);pointer-events:none}
.cosmic-top{position:absolute;top:36px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}
.cosmic-brand{display:flex;align-items:center;gap:15px;color:#dedede}
.cosmic-brand .brand-seal{border-color:#b4b4b49c;color:#bdbdbd;box-shadow:inset 0 0 0 2px #0d0d0d,inset 0 0 0 3px #b4b4b430}
.cosmic-brand>span:last-child{font-family:var(--serif);font-size:22px;letter-spacing:4px;line-height:1.3}
.cosmic-brand small{display:block;font-family:Manrope,sans-serif;font-size:6px;letter-spacing:2.4px;margin-top:8px;color:#818181}
#cosmic-pause{font-size:11px;letter-spacing:2px;color:#a7a7a7;display:flex;gap:13px;align-items:center;padding:12px 0}
.cosmic-pause-symbol{width:13px;height:13px;border:1px solid #97979766;border-radius:50%;position:relative}
.cosmic-pause-symbol::after{content:'';position:absolute;inset:3px;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2}
#cosmic-pause[aria-pressed=true] .cosmic-pause-symbol::after{border:0;background:#c2c2c2;clip-path:polygon(20% 0,100% 50%,20% 100%)}
.cosmic-copy{position:absolute;left:8.2%;top:27%;width:440px;max-width:43%;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s}
.cosmic-eyebrow{font-size:10px;letter-spacing:5px;color:#9d9d9d;display:flex;gap:17px;align-items:center;margin-bottom:24px}
.cosmic-eyebrow>span{width:30px;height:1px;background:#848484}
.cosmic-copy h2{font-size:clamp(58px,5.3vw,86px);font-family:var(--serif);font-weight:400;line-height:1.34;letter-spacing:8px;color:#e3e3e3}
.cosmic-copy h2>span{display:block;color:#e0e0e0}
.cosmic-copy .cosmic-title-light{color:#b5b5b5}
.cosmic-enter:focus-visible{outline:none}
.cosmic-description{font-family:var(--serif);font-size:14px;line-height:2;letter-spacing:2px;color:#989898;margin-top:24px}
.cosmic-enter{display:flex;align-items:center;gap:18px;margin-top:35px;text-align:left;padding:8px 18px 8px 0;color:#dcdcdc;position:relative}
.cosmic-enter>span:nth-child(2){display:block}
.cosmic-enter strong{display:block;font-family:var(--serif);font-size:21px;letter-spacing:6px;font-weight:400}
.cosmic-enter small{display:block;font-family:Manrope,sans-serif;font-size:7px;letter-spacing:2.8px;color:#8b8b8b;margin-top:7px}
.cosmic-enter>.icon{width:21px;height:21px;margin-left:24px;transition:transform .4s,color .4s;color:#a3a3a3}
.enter-emblem{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid #b8b8b859;position:relative;transition:border-color .4s,background .4s,box-shadow .4s}
.enter-emblem::before,.enter-emblem::after{content:'';position:absolute;inset:-6px;border:1px solid #adadad16;border-radius:50%;animation:emblem-breathe 4.5s ease-in-out infinite}
.enter-emblem::after{inset:-12px;animation-delay:1s}
.enter-emblem>span{width:10px;height:14px;border-radius:70% 30% 65% 35%;background:linear-gradient(135deg,#e1e1e1,#a2a2a2);transform:rotate(45deg);box-shadow:0 0 20px #b4b4b454}
.cosmic-enter:hover .enter-emblem,.cosmic-enter:focus-visible .enter-emblem{border-color:#d6d6d6;background:#bcbcbc16;box-shadow:0 0 40px #b1b1b11c}
.cosmic-enter:hover>.icon{transform:translateX(7px);color:#d9d9d9}
.cosmic-coordinate{position:absolute;right:4.5%;top:39%;display:flex;flex-direction:column;align-items:center;font-family:var(--serif);font-size:10px;color:#89898988;gap:18px;writing-mode:vertical-rl;letter-spacing:6px}
.coordinate-line{display:block;width:1px;height:60px;background:#9d9d9d44}
.cosmic-bottom{position:absolute;inset:auto 4.5% 29px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#7f7f7f;font-size:9px;letter-spacing:1px}
.cosmic-bottom>p{display:flex;align-items:center;gap:12px}
.cosmic-dot{display:block;width:4px;height:4px;border-radius:50%;background:#adadad;box-shadow:0 0 10px #adadad}
.cosmic-bottom>span{font-family:var(--serif);font-size:11px;letter-spacing:4px;color:#959595}
.cosmic-bottom>button{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:15px;color:#999999;padding:8px 0}
.cosmic-bottom .icon{width:14px;height:14px}
.cosmic-verses{position:absolute;inset:0;pointer-events:none;perspective:900px}
.cosmic-verse{position:absolute;left:var(--vx);top:var(--vy);writing-mode:vertical-rl;font-family:var(--serif);font-size:var(--vs);letter-spacing:5px;line-height:1.8;color:#afafaf;white-space:nowrap;opacity:.30;filter:blur(.15px);animation:verse-drift var(--vt) ease-in-out var(--vd) infinite;transition:opacity .9s,filter .9s,transform 1.2s;text-shadow:0 0 25px #cccccc31}
.cosmic-verse:nth-child(2n){color:#b6b6b6;opacity:.23;filter:blur(.6px)}
.cosmic-verse.verse-changing{opacity:0!important;filter:blur(5px)}
.cosmic-still .cosmic-verse,.cosmic-still .enter-emblem::before,.cosmic-still .enter-emblem::after{animation-play-state:paused}
.gate-pending .site-header,.gate-pending main,.gate-pending .site-footer{visibility:hidden}
.gate-leaving .cosmic-gate{animation:gate-depart .7s cubic-bezier(.45,0,.3,1) both;pointer-events:none}
.gate-leaving .cosmic-copy{transform:translateY(-18px);opacity:0}
.cosmic-static{background:radial-gradient(ellipse at 69% 46%,#3a3a3a77,transparent 40%),radial-gradient(ellipse at 70% 85%,#2b2b2b,transparent 50%),#0d0d0d}
.cosmic-static #cosmic-canvas{opacity:0}
.cosmic-static::after{content:'';position:absolute;right:15%;top:25%;width:32vw;height:32vw;border:1px solid #b2b2b255;border-radius:50%;box-shadow:0 0 60px #cccccc23,inset 0 0 60px #cccccc16;z-index:-1}
@keyframes emblem-breathe{50%{transform:scale(1.08);opacity:.4}}
@keyframes verse-drift{0%,100%{transform:translate3d(0,8px,0);opacity:.22}30%,65%{opacity:.5}50%{transform:translate3d(-12px,-17px,30px)}}
@keyframes gate-depart{to{opacity:0;filter:blur(12px);transform:scale(1.06)}}

/* An operable constellation map gives the eight home modules a shared spatial story. */
.worlds-section{position:relative;isolation:isolate;overflow:hidden;background:#181818;color:#c6c6c6;padding:93px 0 95px}
.worlds-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 36% 50%,#48484850,transparent 53%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2388ac99' opacity='.045' filter='url(%23f)' d='M0 0h190v190H0z'/%3E%3C/svg%3E");z-index:-1;pointer-events:none}
.worlds-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.worlds-heading .section-kicker{color:#8a8a8a}
.worlds-heading .section-kicker>span{color:#a6a6a6}
.worlds-heading h2{font-size:40px;line-height:1.5;letter-spacing:3px;font-weight:400}
.worlds-heading h2>span{color:#9f9f9f}
.worlds-heading>p{font-size:12px;line-height:2;letter-spacing:1px;color:#828282;padding-bottom:8px}
.worlds-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;margin-top:24px}
.world-dial{width:100%;max-width:610px;aspect-ratio:1;position:relative;touch-action:pan-y;--orbit-rotation:0deg}
.world-dial>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(var(--orbit-rotation));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.world-dial .dial-slow{transform-origin:320px 320px;animation:dial-turn 150s linear infinite}
.world-dial .dial-reverse{transform-origin:320px 320px;animation:dial-turn 190s linear reverse infinite}
.world-center{position:absolute;left:40%;top:40%;width:20%;height:20%;border:1px solid #a1a1a13d;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#5a5a5a25,transparent 69%);box-shadow:0 0 70px #9a9a9a0b;font-family:var(--serif);font-size:47px;color:#c3c3c3;font-weight:400}
.world-center::after{content:'万 象 同 源';font-size:7px;letter-spacing:2px;position:absolute;bottom:15%;width:100%;text-align:center;color:#8c8c8c}
.world-node{position:absolute;left:calc(50% + cos(var(--node-angle))*37%);top:calc(50% + sin(var(--node-angle))*37%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px;color:#929292;transition:color .4s,filter .4s;padding:10px}
.world-node>span{font-size:25px;line-height:1.3;font-family:var(--serif);position:relative}
.world-node>span::before{content:'';position:absolute;inset:-10px -15px;opacity:0;transform:scale(.7);border:1px solid #b5b5b555;border-radius:50%;transition:opacity .4s,transform .4s;box-shadow:0 0 20px #bcbcbc12}
.world-node>small{font-size:10px;letter-spacing:2px;margin-top:6px;white-space:nowrap}
.world-node:hover,.world-node[aria-pressed=true]{color:#d8d8d8;filter:drop-shadow(0 0 14px #c6c6c64d)}
.world-node[aria-pressed=true]>span::before{opacity:1;transform:none}
.worlds-detail{border-top:1px solid #9e9e9e35;border-bottom:1px solid #9e9e9e35;padding:30px 0;position:relative}
.worlds-detail::before{content:attr(data-index);position:absolute;right:0;top:5px;font-family:Manrope,sans-serif;font-size:76px;line-height:1;color:#a1a1a10b;letter-spacing:-5px}
.worlds-detail-label{display:flex;align-items:center;gap:15px;font-size:9px;color:#8a8a8a;letter-spacing:3px;font-family:Manrope,var(--sans)}
.worlds-detail h3{font-family:var(--serif);font-size:32px;letter-spacing:4px;font-weight:400;color:#d3d3d3;margin-top:22px}
.worlds-detail blockquote{margin:19px 0 16px;font-family:var(--serif);font-size:18px;letter-spacing:2px;line-height:2;color:#bbbbbb}
.worlds-detail>p{font-size:14px;line-height:2.2;color:#a1a1a1;max-width:355px}
.worlds-detail>.text-link{color:#bdbdbd;margin-top:23px;gap:30px;font-size:11px}
.worlds-foot{border-top:1px solid #94949430;padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#767676;font-size:10px;letter-spacing:1px}
.worlds-foot button{padding:0;font-size:10px;color:#979797;display:flex;gap:13px;align-items:center}
.worlds-foot .icon{width:14px;height:14px}
.world-dial-controls{display:flex;align-items:center;gap:10px}
.world-dial-controls button{font-size:15px;min-width:26px;min-height:26px;justify-content:center}
.world-dial-controls input{appearance:none;width:85px;height:1px;background:#a7a7a744;cursor:pointer}
.world-dial-controls input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;background:#c2c2c2;border-radius:50%}
.worlds-section:not(.in-view) .dial-slow,.worlds-section:not(.in-view) .dial-reverse{animation-play-state:paused}
.worlds-detail.is-changing>h3,.worlds-detail.is-changing>blockquote,.worlds-detail.is-changing>p{animation:world-word .55s both}
@keyframes dial-turn{to{transform:rotate(360deg)}}
@keyframes world-word{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Main-page response: small acts with visible consequences. */
.hero-floating-poems{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.hero-floating-poems span{position:absolute;writing-mode:vertical-rl;color:#5454546b;font-family:var(--serif);font-size:14px;letter-spacing:5px;animation:paper-verse 18s ease-in-out infinite;line-height:1.8}
.hero-floating-poems span:nth-child(1){left:64%;top:21%;animation-delay:-9s;font-size:16px;opacity:.65}
.hero-floating-poems span:nth-child(2){left:85%;top:37%;animation-delay:-3s;filter:blur(.4px);opacity:.5}
.hero-floating-poems span:nth-child(3){left:48%;top:62%;animation-delay:-14s;font-size:12px;opacity:.45}
.hero-water-tools{display:flex;align-items:center;gap:22px}
.drop-ink{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;color:#626262;padding:7px 0}
.drop-ink>span{width:6px;height:9px;display:block;background:#626262;border-radius:70% 30% 65% 35%;transform:rotate(45deg)}
.drop-ink:hover>span{animation:drop-tap .7s}
.water-touch-ring{position:absolute;left:74%;top:74%;width:10px;height:5px;border:1px solid #34343450;border-radius:50%;pointer-events:none;opacity:0;z-index:2}
.water-touch-ring.active{animation:water-touch 1.9s ease-out both}
.hero:has(.water-touch-ring.active) .hero-floating-poems span{color:#34343499}
.experience-section{background:radial-gradient(ellipse at 20% 59%,#d2d2d236,transparent 48%),var(--paper)}
.phone-scene{perspective:1100px}
.phone{transition:transform .8s cubic-bezier(.18,.74,.2,1),filter .8s;transform:rotateY(var(--phone-rx,-8deg)) rotateX(var(--phone-ry,3deg)) rotateZ(-3deg)}
.phone.is-theme-changing{animation:phone-reveal .8s cubic-bezier(.2,.7,.2,1)}
.theme-picker .theme-swatch{transition:transform .35s,box-shadow .35s}
.theme-picker .theme-swatch:hover{transform:translateY(-5px) scale(1.12)}
.feature-art svg{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s}
.feature-panel:hover .feature-art svg{transform:rotate(4deg) scale(1.06);filter:drop-shadow(0 10px 15px #5959591a)}
.history-row{position:relative;isolation:isolate;overflow:hidden}
.history-row::before{content:'';position:absolute;inset:0;background:#cfcfcf45;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:-1}
.history-row:hover::before,.history-row:focus-visible::before{transform:scaleX(1)}
.history-row:hover>.icon{transform:translate(4px,-4px)}
.interface-study{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:100px;margin-top:65px;border-top:1px solid var(--line);align-items:center}
.interface-study h3{font-size:38px;line-height:1.65;letter-spacing:2px;color:#424242;font-weight:400}
.interface-study h3>span{color:#8c8c8c}
.interface-study-copy>p:not(.section-kicker){font-size:13px;line-height:2.2;color:#898989;margin-top:24px}
.interface-study .section-kicker{font-size:10px;margin-bottom:25px}
.native-tabs{display:flex;gap:30px;margin-top:31px;border-bottom:1px solid var(--line);max-width:310px}
.native-tabs button{font-size:12px;padding:12px 0;position:relative;color:#949494}
.native-tabs button::after{position:absolute;content:'';inset:auto 0 -1px;height:1px;background:#5e5e5e;transform:scaleX(0);transition:transform .4s}
.native-tabs button[aria-selected=true]{color:#575757}.native-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.interface-study-copy>.text-link{font-size:11px;margin-top:20px}
.native-stage{min-width:0;position:relative;display:grid;place-items:center;perspective:1100px;isolation:isolate;padding:15px 20px 35px;overflow:clip}
.native-sheet{background:#f3f3f3;border:1px solid #5c5c5c23;box-shadow:18px 25px 50px #30303017,2px 3px 10px #30303014;width:295px;max-width:100%;padding:13px 14px 12px;transform:rotateY(-7deg) rotateZ(3deg);transition:transform .8s;position:relative}
.native-stage:hover .native-sheet{transform:rotateY(0deg) rotateZ(0deg) translateY(-5px)}
.native-sheet img{width:224px;margin:auto;max-width:100%;height:398px;object-fit:contain}
.native-sheet-top,.native-sheet-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#8b8b8b;font-family:Manrope,var(--sans);gap:8px}
.native-sheet-top{margin-bottom:12px}.native-sheet-bottom{border-top:1px solid var(--line);padding-top:11px;margin-top:11px;font-size:8px}
.native-orbit{position:absolute;z-index:-1;inset:6% -3%;border:1px solid #70707021;border-radius:50%;transform:rotate(-28deg) scaleY(.68)}
.native-orbit::after{content:'';position:absolute;inset:-12%;border:1px dashed #7070701a;border-radius:50%;transform:rotate(60deg)}
.native-side-note{position:absolute;right:0;top:25%;writing-mode:vertical-rl;font-family:var(--serif);font-size:11px;letter-spacing:5px;color:#979797}
.native-changing{animation:native-page .65s cubic-bezier(.2,.7,.2,1)}
.native-expanded{margin:0;text-align:center}.native-expanded img{width:min(100%,440px);height:auto;margin:auto}.native-expanded figcaption{font-size:11px;margin-top:15px;color:#898989}
@keyframes native-page{from{opacity:.4;filter:blur(2px);transform:rotateY(-14deg) rotateZ(3deg) translateY(6px)}to{opacity:1;filter:none}}
.download-stamp{position:relative;transform:translateY(var(--stamp-y,0));transition:transform .1s linear}
.download-stamp::before,.download-stamp::after{content:'';position:absolute;left:50%;top:50%;width:290px;height:290px;margin:-145px;border:1px solid #6a6a6a20;border-radius:50%;z-index:-1;animation:stamp-orbit 30s linear infinite}
.download-stamp::after{width:350px;height:170px;margin:-85px -175px;transform:rotate(-28deg);border-style:dashed;animation-direction:reverse;animation-duration:47s}
.scroll-chapter{position:fixed;right:19px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:18px;align-items:center;color:#838383;transition:opacity .5s}
.scroll-chapter a{display:flex;align-items:center;justify-content:flex-end;gap:9px;width:55px;font-size:8px;letter-spacing:1px}
.scroll-chapter a::after{content:'';width:4px;height:4px;border:1px solid #81818166;border-radius:50%;transition:height .4s,background .4s}
.scroll-chapter a.active::after{height:22px;background:#7b7b7b;border-radius:3px}
.scroll-chapter a>span{opacity:0;transition:opacity .3s}
.scroll-chapter:hover a>span,.scroll-chapter a.active>span{opacity:.7}
.gate-pending .scroll-chapter,.intro-pending .scroll-chapter{opacity:0;pointer-events:none}
.intro-pending .hero-floating-poems,.intro-pending .water-touch-ring{visibility:hidden}
@keyframes paper-verse{0%,100%{transform:translateY(10px);opacity:.12}50%{transform:translateY(-15px);opacity:.6}}
@keyframes drop-tap{50%{transform:translateY(3px) rotate(45deg)}}
@keyframes water-touch{10%{opacity:1}to{transform:scale(35);opacity:0}}
@keyframes phone-reveal{0%{filter:brightness(.93);transform:rotateY(-14deg) rotateZ(-3deg) translateY(4px)}60%{filter:brightness(1.08)}100%{filter:none}}
@keyframes stamp-orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.cosmic-copy{left:10%;top:28%}.cosmic-copy h2{font-size:90px}.cosmic-description{font-size:16px}.cosmic-enter{margin-top:40px}}
@media(max-height:740px) and (min-width:761px){.cosmic-copy{top:23%}.cosmic-copy h2{font-size:58px}.cosmic-eyebrow{margin-bottom:17px}.cosmic-description{margin-top:15px;font-size:13px}.cosmic-enter{margin-top:18px}.cosmic-top{top:24px}}
@media(max-width:1100px){.worlds-layout{gap:30px}.worlds-heading h2{font-size:34px}.worlds-detail h3{font-size:28px}.worlds-detail blockquote{font-size:14px}.cosmic-copy{left:7%;max-width:48%}.cosmic-copy h2{font-size:64px}.cosmic-description{font-size:13px}.scroll-chapter{right:8px}.scroll-chapter a{width:36px}}
@media(max-width:760px){
  .cosmic-top{top:24px;inset-inline:24px}.cosmic-brand{gap:10px}.cosmic-brand>span:last-child{font-size:19px;letter-spacing:2px}.cosmic-brand small{font-size:5px;letter-spacing:1.1px}.cosmic-brand .brand-seal{width:28px;height:31px;font-size:10px}#cosmic-pause{font-size:9px;gap:8px;letter-spacing:1px}
  .cosmic-copy{left:27px;top:24%;max-width:calc(100% - 54px);width:320px}.cosmic-eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:22px;gap:12px}.cosmic-eyebrow>span{width:18px}.cosmic-copy h2{font-size:56px;letter-spacing:5px;line-height:1.38}.cosmic-description{font-size:11px;letter-spacing:1px;line-height:2.1;margin-top:23px;max-width:250px;color:#b0b0b0}.cosmic-enter{margin-top:29px;gap:16px}.enter-emblem{width:48px;height:48px}.cosmic-enter strong{font-size:19px;letter-spacing:5px}.cosmic-enter small{font-size:6px}.cosmic-enter>.icon{margin-left:5px}
  .cosmic-coordinate{display:none}.cosmic-bottom{inset:auto 25px 24px;gap:8px;align-items:flex-end}.cosmic-bottom>p{font-size:7px;line-height:2;gap:8px;max-width:190px;letter-spacing:0}.cosmic-bottom>span{display:none}.cosmic-bottom>button{font-size:9px;gap:6px;white-space:nowrap}.cosmic-bottom .icon{width:12px;height:12px}.cosmic-verse{font-size:calc(var(--vs)*.78);color:#ababab;letter-spacing:3px}.cosmic-verse:nth-child(1){left:68%;top:16%}.cosmic-verse:nth-child(2){left:90%;top:32%}.cosmic-verse:nth-child(3){display:none}.cosmic-verse:nth-child(4){top:78%;left:65%}.cosmic-verse:nth-child(5){display:none}.cosmic-verse:nth-child(6){left:38%;top:76%}.cosmic-vignette{background:linear-gradient(90deg,#0d0d0d8c,transparent 80%),linear-gradient(0deg,#0c0c0caa,transparent 25%)}
  .worlds-section{padding:64px 0 40px}.worlds-heading{display:block}.worlds-heading h2{font-size:29px;letter-spacing:2px}.worlds-heading>p{font-size:11px;margin-top:17px}.worlds-layout{display:flex;flex-direction:column;gap:16px;margin-top:2px}.world-dial{max-width:440px;width:calc(100% + 15px);align-self:center}.world-node{min-width:65px;padding:7px;gap:4px}.world-node>span{font-size:21px}.world-node>small{font-size:8px;letter-spacing:1px}.world-center{font-size:34px}.world-center::after{font-size:5px;letter-spacing:.5px}.worlds-detail{width:100%;padding:24px 0}.worlds-detail h3{font-size:27px;margin-top:13px}.worlds-detail blockquote{font-size:14px;margin:13px 0}.worlds-detail>p{font-size:12px;max-width:100%}.worlds-detail>.text-link{margin-top:14px}.worlds-foot{margin-top:24px;font-size:8px;line-height:1.8;align-items:center;gap:8px}.worlds-foot button{font-size:9px;white-space:nowrap;gap:7px}
  .hero-floating-poems span:nth-child(1){left:80%;top:19%;font-size:11px}.hero-floating-poems span:nth-child(2){display:none}.hero-floating-poems span:nth-child(3){left:53%;top:73%;font-size:10px}.hero-water-tools{gap:14px}.drop-ink{font-size:8px;gap:6px}.hero-bottom{gap:10px}.hero-bottom>p{display:none}.scroll-chapter{display:none}.download-stamp::before{width:230px;height:230px;margin:-115px}.download-stamp::after{width:265px;height:140px;margin:-70px -132px}.phone{transform:rotateY(-5deg) rotateZ(-2deg)}
}
@media(max-width:360px){.cosmic-top{inset-inline:20px}.cosmic-brand small{font-size:4px;letter-spacing:.8px}.cosmic-copy{left:23px;max-width:calc(100% - 46px);top:23%}.cosmic-copy h2{font-size:49px}.cosmic-description{font-size:10px}.cosmic-bottom{inset-inline:22px}.cosmic-bottom>p{max-width:162px;font-size:6px}.worlds-heading h2{font-size:27px}.world-node>small{font-size:7px}.world-node{min-width:59px}}
@media(max-width:760px){.worlds-foot{flex-wrap:wrap}.worlds-foot>p{flex-basis:100%;margin-bottom:6px}.worlds-foot>.world-dial-controls{margin-right:auto}.interface-study{grid-template-columns:1fr;gap:35px;padding-top:47px;margin-top:45px}.interface-study h3{font-size:29px}.interface-study-copy>p:not(.section-kicker){font-size:12px;margin-top:16px}.interface-study .section-kicker{margin-bottom:18px}.native-tabs{margin-top:19px}.native-stage{padding-inline:15px;overflow:hidden}.native-sheet{width:266px;padding-inline:12px}.native-sheet img{height:370px;width:208px}.native-side-note{right:0;font-size:9px}.native-orbit{inset:10% 0}}
@media(prefers-reduced-motion:reduce){.cosmic-verse,.enter-emblem::before,.enter-emblem::after,.world-dial .dial-slow,.world-dial .dial-reverse,.hero-floating-poems span,.download-stamp::before,.download-stamp::after{animation:none!important}.cosmic-verse{opacity:.3}.phone{transform:none}.cosmic-gate{animation:none!important}}