/* V7 · 器物与山河 — composition, materials and responsive layout. */
:root{--paper:#f3eee2;--ink:#213e33;--soft:#465b4a;--line:#344c352b;--art-jade:#355b48;--art-gold:#bda475;--art-seal:#a14c37}
body,main{background:var(--paper);color:var(--ink)}.container{width:min(1280px,calc(100% - 112px))}html{scroll-padding-top:84px}main>section{scroll-margin-top:12px}main>section:not(.hero){padding:72px 0;min-height:0}main>section:not(.hero)::after{left:5%;right:5%;background:linear-gradient(90deg,transparent,#ac916447 12%,#6d8b6c26 88%,transparent)}
.section-heading,.worlds-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-kicker{font:12px/1.7 var(--sans);letter-spacing:2px;margin-bottom:16px;color:#6b6249}.section-kicker>span{display:inline-grid;place-items:center;min-width:27px;min-height:29px;margin-right:10px;color:var(--art-seal);border:1px solid #a14c3752;transform:rotate(-3deg);padding:1px 5px;box-shadow:none}.section-heading h2,.worlds-heading h2{font-size:clamp(40px,3.7vw,56px);line-height:1.25;letter-spacing:2px}.worlds-heading h2 .title-phrase,.section-heading h2 .title-phrase{display:inline-block;white-space:nowrap}.title-phrase:first-child{color:var(--ink)}.section-lead,.worlds-heading>p{font-size:16px;line-height:1.95;color:#4c5d49;max-width:330px;border-left:1px solid #9c8c6445;padding-left:20px}
.brand-seal{transform:rotate(-3deg);background:var(--art-seal);border-color:#913f2d;box-shadow:inset 0 0 0 2px #a14c37,inset 0 0 0 3px #eed8b89c}.nav-wrap{height:76px;width:min(1440px,calc(100% - 80px))}.desktop-nav{gap:26px}.site-header:not(.scrolled){background:#f3eee2b8;backdrop-filter:blur(10px)}.site-header.scrolled{background:#f3eee2f0;box-shadow:0 1px 0 #53694f20;backdrop-filter:blur(16px)}.desktop-nav>a:hover{color:var(--art-seal)}.brand small{font-size:10px}
.button{min-height:48px}.button-primary{background:#254f40;border-color:#254f40;box-shadow:inset 0 0 0 3px #254f40,inset 0 0 0 4px #fff3d92c}.button-primary:hover{background:#1b4032;border-color:#1b4032;box-shadow:0 5px 15px #24453420,inset 0 0 0 3px #1b4032,inset 0 0 0 4px #fff3d94a}.button .icon{transition:transform .18s}.button:hover .icon{transform:translate(2px,-2px)}.text-link{min-height:44px}.text-link:hover{color:var(--art-seal)}
.reveal,.js .reveal{transition:opacity .35s ease,transform .35s ease;transform:translateY(12px)}.reveal.visible,.is-still .reveal{transform:none}.detail-arriving,.phone.is-theme-changing{animation:folio-arrive .35s ease both}@keyframes folio-arrive{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Opening painting and its nocturnal threshold. */
.hero{height:100svh;min-height:680px;max-height:1000px}.hero-content{padding-top:clamp(125px,17vh,185px)}.hero-copy{max-width:53%}.hero h1{font-size:clamp(88px,8.5vw,132px);letter-spacing:6px;line-height:1.04;color:#233d31}.hero h1>span:last-child{margin-left:30px;color:#355a43;margin-top:9px}.hero .title-period{color:var(--art-seal);font-size:.28em}.hero-eyebrow{font-size:12px;letter-spacing:2px;color:#675e45;margin-bottom:22px}.hero-eyebrow>span{height:1px;width:34px;background:#a48b55}.hero-description{font-size:19px;line-height:1.7;letter-spacing:1px;margin-top:23px;color:#314c3b}.hero-description>span{font-size:16px;line-height:1.8;color:#465840}.hero-actions{margin-top:22px}.hero-release{margin-top:16px;color:#52634b}.hero-release>span:nth-child(2){color:#40563e}.hero-left-wash{background:linear-gradient(90deg,#f3eee29c,transparent 56%)}.hero::after{height:70px;background:linear-gradient(transparent,var(--paper))}.hero-vertical{top:120px;right:4.5%;font-size:18px;letter-spacing:6px;color:#374f3d;background:#f3eee263;padding:17px 10px;gap:20px;border-top:1px solid #a78b5a70}.hero-vertical>b{font-family:var(--brush);background:var(--art-seal);color:#f9eed9;border:1px solid #b2664c;padding:6px 4px}.hero-floating-poems{display:none}.hero-bottom{left:5%;right:5%;bottom:20px;padding-top:13px;border-top:1px solid #506c4233;color:#3d563f}.hero-bottom button,.hero-bottom>p{color:#3d563f}.hero-water-tools{background:#f3eee2a3;padding:0 10px;border:1px solid #86916b30}.landscape-base img{object-position:center}
.gate-landscape{background-image:url('/assets/landscape-qinglv-v5.webp');filter:grayscale(.2) brightness(.8);mix-blend-mode:screen;opacity:.13;inset:40% 0 0;mask-image:linear-gradient(transparent,#000 44%,transparent)}.cosmic-vignette{background:linear-gradient(90deg,#0c1c18e0,transparent 59%),radial-gradient(ellipse at 73% 34%,#b692481c,transparent 42%),linear-gradient(0deg,#10251fb8,transparent 36%)}.cosmic-gate::after{content:'';position:absolute;inset:20px;pointer-events:none;border:1px solid #c7ae752b;z-index:-1}.cosmic-copy{top:24%}.cosmic-copy h2{letter-spacing:8px}.cosmic-copy .cosmic-title-light{color:#d5bb83}.cosmic-description{color:#c0cbbb}.cosmic-top{top:35px}.cosmic-enter{padding-bottom:15px;border-bottom:1px solid #c7ae7540}.cosmic-enter:focus-visible{outline:1px dashed #c7ae7566;outline-offset:6px}.cosmic-enter>.icon{margin-left:24px}.cosmic-verse:nth-child(1){left:56%;top:12%}.cosmic-verse:nth-child(2){left:auto;right:5%;top:24%}.cosmic-verse:nth-child(3){left:61%;top:80%;font-size:19px;letter-spacing:3px;writing-mode:horizontal-tb}.entry-seal{color:#f2d49f;border-color:#d0b47b8f}.entry-word>h2{color:#f5ead3}.intro-pending .hero-left-wash,.intro-pending .hero::after{opacity:0}
/* Atlas — a navigable instrument and a readable folio. */
.worlds-section{overflow-anchor:none}.worlds-section::before{background-image:url('/assets/landscape-qinglv-v5.webp');opacity:.035;filter:none}.worlds-layout{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:'dial detail' 'directory directory';gap:28px 48px;align-items:center}.world-dial-fold{grid-area:dial;min-width:0}.world-dial-fold>summary{display:none}.world-dial-stage{min-width:0}.world-dial{max-width:440px;margin-inline:auto;filter:none;border-radius:50%;background:radial-gradient(circle,#f8f3e9,#d4dfc63b 48%,transparent 69%)}.world-dial::before{inset:8%;border:1px solid #66886660;border-radius:50%;background:none;box-shadow:0 0 0 8px #68836206,0 0 0 9px #8a8b5b25}#world-map>g:not(.dial-reverse){stroke:#5c775e80}#world-map .dial-reverse{stroke:#ad8c5460}#world-map #world-ray{stroke:#9e7149;opacity:.7}#world-map #world-selected-star{fill:var(--art-seal)}.world-center{font-size:86px;color:#315d45;text-shadow:none}.world-node>span{color:#527657}.world-node>small{color:#395b44;font-size:14px}.world-node[aria-pressed=true]::before{border-color:#ad8353;background:#e4dbc0;box-shadow:0 0 0 4px #bda47515}.world-node[aria-pressed=true]>span{color:var(--art-seal)}.world-node[aria-pressed=true]>small{color:#85402f}.world-dial-stage .world-dial-controls{margin:8px auto 0;gap:18px}.world-dial-controls>button{width:44px;height:44px}
.worlds-detail{scroll-margin-top:12px;grid-area:detail;min-width:0;border:1px solid #ac986a66;padding:28px 34px;background:#faf6eb;box-shadow:5px 6px 0 #e8dfcc60;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.worlds-detail::before{font-family:var(--latin);font-size:98px;right:18px;top:10px;color:#a8946510}.worlds-detail::after{display:none}.worlds-detail-label{font-size:12px;letter-spacing:1.5px;color:#7a6545}.worlds-detail h3{font-size:43px;margin-top:16px;line-height:1.3}.worlds-detail blockquote{font-size:23px;color:#627246;margin:12px 0 18px}.worlds-detail>p{font-size:17px;line-height:1.85}.world-facts{margin:18px 0;gap:14px}.world-facts dt{color:#86623b;font-size:12px}.world-facts dd{color:#394e3c;font-size:16px}.worlds-detail>.world-scenario{background:#e7ebdc70;border:0;border-left:2px solid #91a77e;padding:13px 15px;font-size:15px;color:#4e5f44}.worlds-detail>.text-link{align-self:start;margin-top:12px}.world-directory{grid-area:directory;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #9b8a5d44;background:#fbf7ec55}.world-directory a{font-size:14px;min-height:48px;padding:12px 15px;border-bottom-color:#9b8a5d33}.world-directory small{font-size:12px}.world-directory a[aria-current=true]{background:#315b46;color:#f6ecd1;box-shadow:inset 3px 0 var(--art-seal)}.world-directory a:hover:not([aria-current=true]){background:#e3e8d9}.worlds-foot{margin-top:16px;gap:15px}.worlds-foot>p{color:#59644d}
/* Open album — upright real imagery and notes aligned to its upper edge. */
.album-tabs{margin-bottom:24px;border-color:#9f916c50;background:none;display:grid;grid-template-columns:repeat(8,1fr)}.album-tabs button{min-height:48px;padding:12px 6px;color:#4d624c;font-size:13px}.album-tabs button[aria-pressed=true]{background:var(--art-jade);color:#f7efd9}.album-tabs button[aria-pressed=true]::after{background:#c6aa70;left:18%;right:18%}.album{position:relative;display:grid;grid-template-columns:minmax(240px,.82fr) minmax(300px,1.18fr);grid-template-areas:'image intro' 'image notes';grid-template-rows:auto 1fr;align-items:start;gap:0 52px;padding:30px 42px;background:linear-gradient(90deg,#e9e2d2a6,#faf7ed 44%,#f8f4e9);border:1px solid #a48f6440;box-shadow:0 12px 30px #635b3e06}.album::before{content:'';position:absolute;top:20px;bottom:20px;left:43%;width:1px;background:linear-gradient(transparent,#ac956644 15%,#ac956644 85%,transparent);pointer-events:none}.album-frame{grid-area:image;width:min(100%,310px);margin:0 auto;padding:13px 13px 12px;background:#284f40;border:1px solid #315542;box-shadow:5px 6px 0 #e3d8bc;transform:none}.album-frame::before{display:none}.album-frame>button{border:1px solid #d5c29366}.album-frame img{width:100%;height:auto;max-height:none;object-fit:contain;background:#f0eadb}.album-top{font-size:12px;gap:8px;margin-bottom:10px;color:#e6ddc4}.album-frame figcaption{font-size:12px;color:#e6ddc4;padding-top:10px;line-height:1.7}.image-open-hint{background:#294b3deb;color:#f5e5bf;border-color:#ba9d61;font-size:12px;padding:8px 10px;right:8px;bottom:8px}
.album-intro{grid-area:intro;padding-top:7px}.album-intro>.section-kicker{color:#8a6744;margin-bottom:12px}.album-intro h3{font:44px/1.25 var(--brush);color:#2b4e38;margin-bottom:16px}.album-intro>p:not(.section-kicker){font-size:17px;line-height:1.9;color:#43563f}.album-notes{grid-area:notes;padding:0}.workflow-tabs{margin-top:24px;gap:12px;border-color:#8e916555}.workflow-tabs button{flex:1;padding:10px;font-size:15px}.workflow-tabs small{font-size:12px;color:#8a6b40}.workflow-tabs [aria-selected=true]{color:#28523d;background:#dbe5cf75;border-color:var(--art-seal)}#workflow-panel{min-height:155px;padding:20px 0 14px}#step-title{font-size:19px;margin-bottom:10px}#step-copy{font-size:17px;line-height:1.9;color:#43563f}.album-notes>.album-footnote{color:#5f664e;padding-top:14px}.album-actions{margin-top:16px;gap:10px}.album-actions>button:not(.text-link){width:44px;height:44px;border-color:#8b99736b}.album-actions>.text-link{margin-left:8px}.album-annotations{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;pointer-events:auto}.album-annotations button{position:static;inset:auto;width:auto;height:auto;min-height:44px;flex:1 1 70px;border:1px solid #d7bf8870;border-radius:0;background:transparent;color:#f3e1b7;font:12px/1.5 var(--sans);padding:5px;box-shadow:none}.album-annotations button::before{display:none}.album-annotations button[aria-pressed=true],.album-annotations button:hover{background:#e8d9b8;color:#244534;border-color:#e8d9b8}
/* Theme cabinet — choices and current theme share a reading column. */
.experience-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:44px 54px;background:#1e3e34;border:1px solid #314d39;box-shadow:0 14px 32px #243b2812}.experience-layout::before{content:'';position:absolute;inset:10px;border:1px solid #c5b17c44;pointer-events:none;z-index:-1}.experience-layout::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#193c32fa,#173c329c),url('/assets/landscape-qinglv-v5.webp') center/cover;opacity:.65}.theme-inscription{padding:0;border:0;text-align:left}.theme-inscription .section-kicker{color:#c8b588;margin-bottom:16px}.theme-inscription .section-kicker>span{border-color:#c8b58860;color:#ead7aa}.theme-inscription h2{font-size:48px;line-height:1.25;letter-spacing:2px;color:#eee1bc}.theme-inscription h2 span{color:#ddc892}.theme-controls{margin:22px 0 0;width:100%}.theme-caption{display:block;margin:0 0 18px;text-align:left;min-height:73px}.theme-caption>span:first-child{margin-left:0;font:35px/1.3 var(--brush);color:#f3e5c1}.theme-caption small{display:block;margin-left:0;font:15px/1.9 var(--serif);color:#cbd7bf;margin-top:5px}.theme-divider{display:none}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0;border:0}.theme-picker .theme-swatch{display:grid;grid-template-columns:19px 1fr;grid-template-rows:auto auto;gap:4px 6px;align-items:center;justify-content:initial;text-align:left;height:62px;min-width:0;width:100%;padding:9px 11px;color:#e2ddc8;border:1px solid #c7b37733;background:#ffffff03;transform:none;transition:background .18s,border-color .18s}.theme-picker .theme-swatch.selected{background:#7f957735;color:#f8edcf;border-color:#d6bb83;box-shadow:inset 2px 0 #d6bb83!important}.theme-picker .theme-swatch:hover{background:#7690712b;transform:none}.swatch-name{font:14px/1.4 var(--serif);writing-mode:horizontal-tb;letter-spacing:0;max-height:none;grid-row:1/3;grid-column:2}.swatch-index{font:12px/1 var(--latin);color:#b9c6ab}.theme-swatch.selected .swatch-index{color:#e4cb97}.swatch-mark{grid-column:1;width:15px;height:5px;border-color:#e7d7b954}.theme-swatch.selected .swatch-mark{height:5px;outline:0}.preview-note{font:12px/1.9 var(--sans);color:#b2c7b2;text-align:left;margin-top:12px}.theme-arrows{margin-top:16px;justify-content:start;gap:20px}.theme-arrows>button{width:44px;height:44px;color:#e4d4aa;border-color:#bcaa726b}.theme-arrows>button:hover{background:#55745c55}.theme-arrows>span{color:#c8bb94;font-size:12px}.preview-column{min-width:0}.preview-column::before{border-color:#c0a86f4a;background:radial-gradient(ellipse,#a3b77f1c,transparent 68%);height:460px;left:2%;right:2%;top:25px}.preview-poetry{display:none}.preview-halo{opacity:.2}.phone-scene{height:530px}.phone{box-shadow:18px 24px 44px #061c145c,0 0 0 1px #a1b08d77}.experience-layout :focus-visible{outline-color:#e9cf94}.experience-bottom{margin-top:23px;padding:0 4px;border:0;gap:20px}.experience-bottom>p,.experience-bottom>div{font-size:13px}
/* Journal — concise edition cover and complete expandable source notes. */
.updates-layout{grid-template-columns:4fr 8fr;gap:64px;align-items:start}.updates-intro{position:static}.updates-intro h2{font-size:49px;line-height:1.35}.updates-intro>p:not(.section-kicker){font-size:17px;margin-top:22px;color:#516249}.update-ink-mark{color:#9f51320a;font-size:190px;transform:rotate(-8deg)}.release-list{background:#faf6ebc7;border:1px solid #a08d5b55;padding:24px 30px 8px;position:relative;box-shadow:5px 6px 0 #e8dfcc60}.release-list::before{content:'';height:3px;position:absolute;inset:-1px -1px auto;background:linear-gradient(90deg,#345d47 82%,#b08f54 82%,#b08f54 96%,#a2543a 96%)}.filter-row{gap:6px;padding-bottom:12px}.filter-row button{min-height:44px;font-size:13px;padding:8px 13px}.filter-row button[aria-pressed=true],.filter-row button[aria-selected=true]{background:#315b46;color:#fff1d1}.release-overview{padding:20px 0 18px;border-bottom:1px solid #a08d5b40}.release-overview .section-kicker{font-size:12px;margin-bottom:10px}.release-edition{display:flex;align-items:baseline;gap:16px}.release-edition strong{font:52px/1.2 var(--latin);letter-spacing:-2px;color:#315740}.release-edition>span{font:12px var(--sans);color:#7e6947}.release-overview h3{font:21px/1.6 var(--serif);margin-top:13px}.release-overview ul{list-style:none;margin:16px 0 0;padding:0}.release-overview li{position:relative;padding-left:18px;font-size:16px;line-height:1.85;margin-top:7px;color:#40543f}.release-overview li::before{content:'';width:4px;height:4px;background:#a2543a;position:absolute;left:1px;top:12px;transform:rotate(45deg)}.journal-entry{scroll-margin-top:16px}.journal-entry summary{padding:18px 0;grid-template-columns:80px 1fr 20px;gap:18px}.journal-entry summary b{font:25px/1.2 var(--latin);color:#315740}.journal-entry summary strong{font-size:16px;margin-top:4px}.journal-date,.journal-date small{font-size:12px;color:#7e6947}.journal-entry[open]::before{display:none}.journal-body{padding:0 0 22px}.journal-body li{font-size:17px;color:#40543f;line-height:1.9}.note-category{border:0;background:#e5dfcd;color:#675b3e;font-size:12px;padding:3px 6px}.journal-body>p{font-size:13px}
/* Practical end matter — download and onboarding form one spread. */
.download-spread{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:stretch}.download-main{display:flex;align-items:stretch;flex-direction:column;justify-content:space-between;gap:26px;min-width:0;padding:34px;background:linear-gradient(90deg,#f3eee2f5,#f3eee2cf 55%,#f3eee275),url('/assets/landscape-qinglv-v5.webp') 65% center/cover;border:1px solid #a18b5b70}.download-main::after{border-color:#ad935840;inset:8px}.download-copy h2{font-size:clamp(38px,3.5vw,52px);line-height:1.3;letter-spacing:1px}.download-copy>p:not(.section-kicker){font-size:17px;margin-top:18px}.download-actions{flex-direction:column;align-items:start;gap:8px;margin-top:26px}.download-actions>.button{font-size:14px;padding:14px 22px}.download-actions>.text-link{font-size:13px}.other-platforms{gap:10px 17px;flex-wrap:wrap;margin-top:20px;font-size:12px}.other-platforms small{font-size:12px}.download-stamp{height:auto;min-width:0;align-self:stretch;margin:0;width:100%;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:1px 14px;align-items:center;text-align:left;padding:18px 0 0;border:0;border-top:1px solid #75875c40;background:none;transform:none}.download-stamp img{grid-row:1/3;width:48px;height:48px;box-shadow:none}.download-stamp>strong{font-size:25px;line-height:1.3;color:#38563b}.download-stamp>span{font:12px/1.7 var(--sans);letter-spacing:1px}.download-stamp small{display:none}
#first-steps{min-width:0;margin:0;padding:10px 0 0;border:0}.guide-heading{display:block;margin-bottom:18px}.guide-heading h3{font:35px/1.4 var(--brush)}.guide-heading p{font-size:14px;margin-top:4px;color:#5d674d}#guide-panel{min-height:410px}#guide-panel h4{font:21px/1.5 var(--serif);margin:18px 0}#guide-panel ol{display:grid;grid-template-columns:1fr;gap:17px;margin-bottom:18px}#guide-panel li{padding:0;border:0;background:none;gap:17px}#guide-panel li>span{font:27px/1.35 var(--brush);color:#9a7651;min-width:30px}#guide-panel h5{font-size:17px;margin-bottom:4px}#guide-panel li p{font-size:16px;line-height:1.8;color:#495b43}#guide-panel>.text-link{color:#315b46;font-size:14px;border-bottom:1px solid #8c9b7950}.guide-help{margin-left:22px}
#help-search{margin-top:56px;padding-top:32px;border-top:1px solid #9b8a5d44}.faq-heading{margin-bottom:22px}.faq-heading h3{font:36px/1.3 var(--brush)}.faq-heading .section-kicker{margin-bottom:8px}.faq-search{width:330px}.faq-search input{font-size:16px}.faq-list details{padding:0 16px;border-color:#a08d5b38}.faq-list summary{font-size:16px;min-height:60px;padding:16px 0}.faq-list details[open]{background:#fbf7ed}.faq-list details>p{font-size:16px;padding-bottom:18px}.faq-more{margin-top:16px;font-size:14px;color:#315b46}.site-footer{background:#ece7d8;border-top:1px solid #9d8a5d40}.footer-main>p{color:#5b704d}.auth-aside{background:#dae2ce}.auth-aside img{filter:none;opacity:.7}.auth-aside-copy h2{color:#294b36}.auth-dialog,.info-dialog{border-color:#b29b6f;box-shadow:0 30px 110px #14352855}.dialog-kicker{color:#7e6543}.auth-main{padding:44px 40px}.auth-tabs{margin-block:24px}.field{margin-top:0;margin-bottom:19px}.field input{font-size:16px;min-height:48px}.field label{font-size:14px}.field small{font-size:12px}.password-toggle{top:50%;right:7px;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center}
@media(min-width:1700px){.hero-content{padding-top:190px}.hero h1{font-size:140px}.hero-vertical{right:8%}.experience-layout{gap:65px;padding-inline:64px}}
@media(min-width:768px) and (max-width:1023px){.container{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 48px)}.desktop-nav{gap:14px}.nav-actions{gap:13px}.hero-copy{max-width:64%}.hero h1{font-size:90px}.section-heading,.worlds-heading{gap:24px}.section-lead,.worlds-heading>p{max-width:270px;font-size:15px}.section-heading h2,.worlds-heading h2{font-size:42px}.worlds-layout{gap:25px}.world-node>small{font-size:12px}.worlds-detail{padding:22px}.worlds-detail h3{font-size:37px}.world-facts>div{grid-template-columns:1fr;gap:2px}.album{grid-template-columns:.85fr 1.15fr;padding:24px;gap:0 30px}.album-intro h3{font-size:37px}.album-intro>p:not(.section-kicker){font-size:16px}.album-tabs button{font-size:12px;padding:10px 2px}.workflow-tabs{gap:5px}.workflow-tabs button{padding:8px 5px;font-size:13px}.album-top{flex-wrap:wrap}.album-actions{flex-wrap:wrap}.album-actions>.text-link{margin-left:0}.experience-layout{padding:34px 28px;gap:24px}.theme-inscription h2{font-size:39px}.theme-picker .theme-swatch{padding:8px 6px;grid-template-columns:15px 1fr;gap:4px}.swatch-name{font-size:12px}.phone-scene{height:510px}.phone{transform:scale(.9)}.updates-layout{gap:30px;grid-template-columns:3fr 5fr}.updates-intro h2{font-size:40px}.release-list{padding:20px 22px 6px}.download-spread{gap:26px}.download-main{padding:26px}.download-copy h2{font-size:38px}.download-actions>.button{padding:13px 15px;font-size:13px}}
@media(max-width:767px){
.container{width:calc(100% - 40px)}main>section:not(.hero){padding:44px 0}html{scroll-padding-top:76px}.nav-wrap{height:68px;width:calc(100% - 32px)}.desktop-nav{display:none}.menu-toggle{display:grid}.brand>span:last-child{font-size:24px}.nav-actions{gap:14px}.account-entry,.global-motion{font-size:12px}.section-heading,.worlds-heading{display:block;margin-bottom:23px}.section-kicker{font-size:12px;margin-bottom:13px;letter-spacing:1.2px}.section-kicker>span{min-width:24px;min-height:26px}.section-heading h2,.worlds-heading h2{font-size:40px;line-height:1.3;letter-spacing:1px}.worlds-heading h2 .title-phrase,.section-heading h2 .title-phrase{display:block}.section-lead,.worlds-heading>p{font-size:15px;line-height:1.8;max-width:none;margin-top:16px;padding-left:13px}.section-lead br,.worlds-heading>p br{display:none}
.hero{height:100svh;min-height:700px;max-height:950px}.hero-content{padding-top:126px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(60px,19vw,84px);letter-spacing:3px;line-height:1.1}.hero h1>span:last-child{margin-left:18px;margin-top:6px}.hero-eyebrow{font-size:12px;letter-spacing:.5px;margin-bottom:24px}.hero-eyebrow>span{width:22px}.hero-description{font-size:18px;letter-spacing:.3px;margin-top:23px;color:#293f2f}.hero-description>span{font-size:16px;line-height:1.85;color:#3b503b}.hero-actions{gap:20px;margin-top:24px}.hero-release{font-size:12px}.hero-left-wash{background:linear-gradient(90deg,#f3eee2f2,#f3eee2db 65%,#f3eee273);mask-image:linear-gradient(#000 0%,#000 64%,transparent 90%)}.hero-vertical{display:none}.hero-bottom{left:20px;right:20px;bottom:18px;gap:8px;flex-wrap:wrap}.hero-bottom,.hero-bottom button{font-size:12px}.hero-water-tools{padding:0 6px;gap:12px}.hero-bottom .scroll-cue{font-size:12px}.hero-bottom>p{display:none}
.cosmic-gate::after{inset:12px}.cosmic-top{top:27px;left:24px;right:24px}.cosmic-copy{top:24%;left:25px;max-width:calc(100% - 60px)}.cosmic-copy h2{font-size:clamp(52px,16vw,64px);letter-spacing:4px}.cosmic-description{font-size:15px}.cosmic-enter{margin-top:26px;gap:14px}.cosmic-enter>.icon{margin-left:8px}.cosmic-bottom{left:24px;right:24px;bottom:27px}.cosmic-bottom>p{font-size:12px;max-width:175px}.cosmic-verse:nth-child(1){display:none!important}.cosmic-verse:nth-child(2){display:block!important;right:19px;top:23%;opacity:.33}.cosmic-verse:nth-child(3){display:block!important;left:24%;top:81%;font-size:17px;letter-spacing:2px;opacity:.3}
.worlds-layout{grid-template-columns:1fr;grid-template-areas:'directory' 'detail' 'dial';gap:22px}.world-directory{grid-template-columns:repeat(2,1fr)}.world-directory a{font-size:14px;padding:12px 10px;min-height:48px;gap:10px}.world-directory small{font-size:12px}.worlds-detail{padding:23px 22px;box-shadow:4px 5px 0 #e8dfcc60;min-height:475px}.worlds-detail h3{font-size:38px}.worlds-detail blockquote{font-size:22px;margin-block:10px 16px}.worlds-detail>p{font-size:16px}.world-facts>div{grid-template-columns:68px 1fr;gap:10px}.world-facts dd{font-size:16px}.worlds-detail>.world-scenario{font-size:15px;padding:12px}.worlds-detail-label{letter-spacing:1px;font-size:12px}.world-dial-fold{border-block:1px solid #9b8a5d40}.world-dial-fold>summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:10px 4px;list-style:none;cursor:pointer;color:#3c5d45;font:14px var(--sans)}.world-dial-fold>summary::-webkit-details-marker{display:none}.fold-indicator{font-size:22px}.world-dial-fold[open] .fold-indicator{transform:rotate(45deg)}.world-dial-fold:not([open])>.world-dial-stage{display:none}.world-dial{max-width:345px;margin-top:10px}.world-center{font-size:78px}.world-node>small{font-size:13px}.world-dial-stage .world-dial-controls{margin-bottom:20px}.worlds-foot{display:flex;flex-wrap:wrap;margin-top:13px}.worlds-foot>p{flex-basis:100%;font-size:12px}.worlds-foot>button{font-size:12px}
.album-tabs{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.album-tabs button{font-size:12px;min-height:44px;padding:10px 3px}.album{grid-template-columns:1fr;grid-template-areas:'intro' 'image' 'notes';gap:22px;padding:23px 18px;background:#faf6eb9c}.album::before{display:none}.album-intro{padding:0}.album-intro>.section-kicker{display:none}.album-intro h3{font-size:34px;margin-bottom:10px}.album-intro>p:not(.section-kicker){font-size:16px;line-height:1.8}.album-frame{width:min(100%,300px);padding:12px;margin:0 auto}.album-top{font-size:12px;gap:8px;flex-wrap:wrap}.album-frame img{max-height:none}.album-frame figcaption{font-size:12px}.album-annotations{gap:5px}.album-annotations button{font-size:12px;min-height:44px;padding:5px 2px}.workflow-tabs{margin-top:0;gap:5px}.workflow-tabs button{font-size:14px;padding:9px 6px}#workflow-panel{min-height:150px;padding-top:18px}#step-copy{font-size:16px}#step-title{font-size:18px}.album-actions{gap:9px;flex-wrap:wrap}.album-actions>.text-link{margin-left:4px;font-size:13px}
.experience-layout{grid-template-columns:1fr;padding:28px 22px 22px;gap:18px;margin:0}.experience-layout::before{inset:7px}.theme-inscription{text-align:left;padding:0;display:contents}.theme-inscription>div:first-child{order:0}.theme-controls{display:contents}.theme-caption{order:1}.theme-picker{order:2;position:sticky;top:76px;z-index:4;background:#244838;padding:6px;box-shadow:0 5px 18px #0b241a22;align-self:start}.preview-column{order:3}.preview-note{order:4}.theme-arrows{order:5}.theme-inscription h2{font-size:36px;line-height:1.25}.theme-inscription .section-kicker{font-size:12px}.theme-controls{margin-top:20px}.theme-caption{min-height:64px;margin:0}.theme-caption>span:first-child{font-size:31px}.theme-caption small{font-size:14px}.theme-picker{gap:6px}.theme-picker .theme-swatch{height:48px;padding:8px 6px;grid-template-columns:15px 1fr;gap:4px}.swatch-name{font-size:12px;letter-spacing:0}.swatch-index{font-size:12px}.theme-arrows{margin-top:0;gap:18px}.preview-note{font-size:12px;margin:0}.phone-scene{height:490px}.phone{transform:none}.preview-column::before{height:445px;top:20px;left:0;right:0}.experience-bottom{display:block;margin-top:20px}.experience-bottom>p{font-size:14px}.experience-bottom>div{margin-top:8px;font-size:12px;gap:15px;flex-wrap:wrap}
.updates-layout{grid-template-columns:1fr;gap:24px}.updates-intro h2{font-size:40px;line-height:1.3}.updates-intro>p:not(.section-kicker){font-size:15px;margin-top:16px}.updates-intro>p:not(.section-kicker) br{display:none}.update-ink-mark{font-size:150px;right:10px}.release-list{padding:19px 20px 6px;box-shadow:4px 5px 0 #e8dfcc60}.release-overview{padding-block:16px}.release-edition strong{font-size:45px}.release-overview h3{font-size:19px}.release-overview li{font-size:16px}.journal-entry summary{grid-template-columns:67px 1fr 17px;gap:13px;padding:17px 0}.journal-entry summary b{font-size:24px}.journal-entry summary strong{font-size:15px}.journal-date,.journal-date small{font-size:12px}.journal-body li{font-size:16px}.note-category{font-size:12px}.filter-row{gap:3px}.filter-row button{padding:8px 10px;font-size:12px}
.download-spread{grid-template-columns:1fr;gap:30px}.download-main{padding:29px 23px;gap:28px}.download-copy h2{font-size:40px}.download-copy>p:not(.section-kicker){font-size:16px}.download-actions{gap:8px;margin-top:24px}.download-actions>.button{width:100%;justify-content:center;padding-inline:12px}.download-actions>.text-link{font-size:13px}.other-platforms{gap:10px 15px;font-size:12px}.download-stamp{padding-top:16px;grid-template-columns:42px 1fr;gap:0 13px}.download-stamp img{width:42px;height:42px}.download-stamp>strong{font-size:24px}.download-stamp>span{font-size:12px}#first-steps{padding:0}.guide-heading h3{font-size:32px}#guide-panel{min-height:0}#guide-panel h4{font-size:20px;margin-block:18px}#guide-panel ol{gap:19px}#guide-panel li p{font-size:16px}#guide-panel>.text-link{font-size:14px}#help-search{margin-top:35px;padding-top:27px}.faq-heading{display:block;margin-bottom:18px}.faq-heading h3{font-size:34px}.faq-search{display:block;width:100%;margin-top:20px}.faq-list details{padding-inline:10px}.faq-list summary{font-size:16px}.faq-list details>p{font-size:16px}.faq-more{font-size:14px}.auth-main{padding:54px 24px 28px}.auth-main h2{font-size:35px}.auth-tabs{margin-block:20px}.field{margin-top:0;margin-bottom:17px}.auth-subtitle{font-size:14px}.auth-dialog,.info-dialog{border:0}.footer-main{gap:18px}.footer-main>.text-link{font-size:12px}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.nav-wrap{width:calc(100% - 28px)}.nav-actions{gap:10px}.brand>span:last-child{font-size:22px}.brand small{font-size:9px}.hero-content{padding-top:118px}.hero h1{font-size:62px}.hero-description{font-size:17px}.hero-actions{gap:14px}.hero-actions>.button{font-size:13px;padding-inline:13px}.hero-actions>.text-link{font-size:13px}.hero-bottom{left:16px;right:16px}.hero-water-tools{gap:9px}.hero-bottom .scroll-cue{font-size:12px}.section-heading h2,.worlds-heading h2{font-size:36px}.worlds-detail{padding:20px 18px}.world-directory a{font-size:13px}.world-facts>div{grid-template-columns:1fr;gap:3px}.album{padding:20px 14px}.album-frame{padding:10px}.album-annotations button{flex-basis:62px}.album-actions>.text-link{margin-left:0;font-size:12px}.experience-layout{padding-inline:17px}.theme-inscription h2{font-size:36px}.theme-picker .theme-swatch{padding:7px 4px;gap:3px}.phone-scene{height:455px}.phone{transform:scale(.91)}.release-list{padding-inline:16px}.release-edition strong{font-size:40px}.filter-row button{padding-inline:8px}.download-main{padding:25px 19px}.download-copy h2{font-size:35px}.guide-help{margin-left:15px}.cosmic-copy{left:22px}.cosmic-top{left:22px;right:22px}.cosmic-bottom{left:20px;right:20px}.cosmic-bottom>p{max-width:150px}.cosmic-enter strong{font-size:26px}.cosmic-verse:nth-child(3){left:18%;font-size:16px}}
@media(max-height:600px) and (orientation:landscape){.cosmic-top{top:16px}.cosmic-copy{top:25%;max-width:58%}.cosmic-copy h2{font-size:40px;letter-spacing:3px}.cosmic-description{font-size:13px;margin-top:10px}.cosmic-enter{margin-top:10px;padding-bottom:5px}.cosmic-bottom{bottom:17px}.cosmic-gate::after{inset:9px}.cosmic-verse:nth-child(3){display:none!important}.cosmic-verse:nth-child(2){font-size:16px}.cosmic-bottom>p{font-size:12px}}
.is-still .detail-arriving,.is-still .phone.is-theme-changing{animation:none}.is-still .button .icon{transition:none}.is-still .button:hover .icon{transform:none}@media(prefers-reduced-motion:reduce){.reveal,.js .reveal,.button .icon{transition:none}.detail-arriving,.phone.is-theme-changing{animation:none}}
/* Instrument, pigments and album details. These are presentation layers only. */
.world-dial-stage{position:relative;isolation:isolate;padding:25px 20px 20px;background:radial-gradient(ellipse at 30% 15%,#486b55 0%,#254b3e 40%,#183c31 100%);border:1px solid #415c42;box-shadow:0 16px 24px -20px #173c31aa,inset 0 0 0 7px #244c3b,inset 0 0 0 8px #bfaa6d55;color:#e8d6ad}
.world-dial-stage::before{content:'';position:absolute;inset:13px;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 17px,#dcc89505 18px 19px,transparent 21px 37px),radial-gradient(ellipse at var(--light-x,35%) var(--light-y,20%),#d9c79624,transparent 65%);border:1px solid #bda47524;pointer-events:none}
.instrument-plaque{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #bda47545;padding:0 3px 15px;margin:0 8px 12px}.instrument-plaque>span{font:23px/1.3 var(--brush);letter-spacing:2px}.instrument-plaque small{font:12px/1.7 var(--sans);letter-spacing:1px;max-width:105px;text-align:right;color:#c4c7ac}
.world-dial-stage .world-dial{background:radial-gradient(circle at 40% 40%,#69866425 0%,#102c2540 45%,transparent 70%);width:100%}.world-dial-stage .world-dial::before{border-color:#bda4758c;box-shadow:0 0 0 8px #d5bc7820,0 0 0 9px #bc9a5c55,0 0 0 15px #d5bc7808,inset 0 0 32px #071e1c50}
.world-dial-stage #world-map>g:not(.dial-reverse){stroke:#d3c08475}.world-dial-stage #world-ticks path{stroke:#d4c093;stroke-opacity:.7}.world-dial-stage #world-map .dial-reverse{stroke:#cbb47b66}.world-dial-stage #world-ray{stroke:#f1d6a2;stroke-width:1.2}.world-dial-stage #world-selected-star{fill:#f4dcb0}
.world-dial-stage .world-center{font-family:var(--brush);font-size:69px;color:#e8d6ab;background:radial-gradient(circle at 32% 22%,#55795c,#274d3c 60%,#102f26);border-color:#c5af7377;box-shadow:inset 0 0 0 3px #31513a,inset 0 0 0 4px #c5af7335,0 8px 18px #08251b66;text-shadow:0 2px 0 #102d1e}.world-dial-stage .world-center::after{display:none}
.world-dial-stage .world-node>span{color:#e0c992}.world-dial-stage .world-node>small{color:#e1dec1}.world-dial-stage .world-node[aria-pressed=true]>span{color:#ffdbad}.world-dial-stage .world-node[aria-pressed=true]>span::before{background:#9b513b33;border-color:#d6ab72;box-shadow:0 0 20px #dfb66c25}.world-dial-stage .world-node[aria-pressed=true]>small{color:#ffddb2}.world-dial-stage .world-node:focus-visible{outline:1px solid #e7c994;outline-offset:2px}
.instrument-directions{position:absolute;inset:0;pointer-events:none;font:12px var(--serif);color:#c1ba92}.instrument-directions span{position:absolute}.instrument-directions span:nth-child(1){top:0;left:calc(50% - 6px)}.instrument-directions span:nth-child(2){bottom:0;left:calc(50% - 6px)}.instrument-directions span:nth-child(3){left:0;top:calc(50% - 6px)}.instrument-directions span:nth-child(4){right:0;top:calc(50% - 6px)}
.world-dial-stage .world-dial-controls{padding-top:9px;gap:12px}.world-dial-stage .world-dial-controls>button{color:#e0c992;border-color:#bda47577;background:#173e3030}.world-dial-stage input[type=range]{accent-color:#cfb77e}.instrument-colophon{text-align:center;font:12px/1.6 var(--serif);letter-spacing:3px;color:#c2c8ae;margin:14px 0 1px}
.worlds-detail{position:relative;background:linear-gradient(115deg,#fffaf0,#f6f0e2);border-top:3px solid #355b48}.worlds-detail::before{display:none}.worlds-detail h3{padding-right:85px}.realm-engraving{position:absolute;right:24px;top:51px;width:88px;color:#9a7d49;opacity:.65;pointer-events:none}.realm-engraving svg{display:block;width:100%;stroke:currentColor;stroke-width:1.1}.engraving-rim{opacity:.6}.engraving-form{stroke-width:1.4}.worlds-detail.is-changing .engraving-form{stroke-dasharray:600;animation:engraving-reveal .65s ease both}@keyframes engraving-reveal{from{stroke-dashoffset:600;opacity:0}to{stroke-dashoffset:0;opacity:1}}
/* Contact sheets keep original screenshots intact, with captions outside the image. */
.album-tabs{gap:10px;border:0;margin-bottom:24px}.album-tabs button{position:relative;display:grid;grid-template-columns:22px 1fr;grid-template-rows:76px auto;gap:9px 3px;padding:10px;background:#e9e3d5;border:1px solid #b2a17c3d;transition:background .18s,border-color .18s}.album-tabs button:hover{background:#f9f5e9;border-color:#9a875a}.album-tabs button[aria-pressed=true]{background:#315b46;border-color:#315b46;box-shadow:0 5px 13px #2b493218}.album-tabs button[aria-pressed=true]::after{display:none}.album-thumb{grid-column:1/3;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:linear-gradient(120deg,#d5d7c6,#ebe8d8);border:1px solid #ffffff50}.album-thumb img{width:47px;height:auto;min-height:76px;object-fit:contain;box-shadow:0 5px 9px #243b2730;transition:transform .3s ease;transform:translateY(9px)}.album-tabs button:hover img,.album-tabs button[aria-pressed=true] img{transform:translateY(3px)}.album-tabs button>small{font:12px/1.5 var(--latin);color:#8a7550}.album-tabs button[aria-pressed=true]>small{color:#d6bd8c}.album-tab-label{font:13px/1.5 var(--serif);white-space:nowrap}.album{border-top:1px solid #a48f6460;border-bottom:3px solid #b6a57c;box-shadow:0 12px 24px -18px #4c5d3f66,0 4px 0 -1px #eee5d1,0 5px 0 -1px #c2b28a}
.album::before{width:18px;left:calc(43% - 9px);background:linear-gradient(90deg,transparent,#8c7c5214,transparent);border-left:1px solid #ffffff55}.album-frame{background:linear-gradient(130deg,#365d46,#1d4337);box-shadow:4px 5px 0 #e3d8bc,0 10px 22px -15px #213e3370}.album-page-mark{display:flex;align-items:center;justify-content:space-between;gap:13px;grid-column:2;align-self:end;padding-top:12px;border-top:1px solid #a8966a33;color:#8c7a55;font:12px var(--serif);letter-spacing:3px}.album-page-mark b{border:1px solid #a14c3780;color:#a14c37;font:18px var(--brush);padding:4px 5px;transform:rotate(-4deg)}
/* Mineral-pigment samples and an etched landscape form the cabinet's material vocabulary. */
.theme-picker .theme-swatch{position:relative;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;gap:1px 8px;height:72px;padding:10px}.pigment-sample{position:relative;width:37px;height:41px;grid-column:1;grid-row:1/3;overflow:hidden;background:radial-gradient(ellipse at 24% 12%,#ffffffb0,transparent 50%),repeating-linear-gradient(172deg,#ffffff20 0 1px,transparent 2px 4px),var(--swatch);clip-path:polygon(8% 11%,25% 3%,51% 6%,73% 0,93% 10%,100% 36%,94% 62%,98% 87%,75% 94%,53% 100%,29% 95%,3% 99%,8% 75%,0 51%,5% 27%);box-shadow:inset 0 0 11px #102e3c30;transform:rotate(-6deg);transition:transform .25s}.pigment-sample::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 65%,transparent 20%,#fff5 22%,transparent 25%,transparent 40%,#fff3 44%,transparent 49%);mix-blend-mode:soft-light}.theme-swatch.selected .pigment-sample{transform:rotate(0) scale(1.06)}.theme-picker .swatch-mark{display:none}.theme-picker .swatch-name{grid-column:2;grid-row:2;font-size:13px;align-self:start}.theme-picker .swatch-index{grid-column:2;grid-row:1;align-self:end;margin-bottom:4px}.theme-picker .theme-swatch.selected{border-color:#c2a875;box-shadow:inset 2px 0 #a9583e!important}
.cabinet-contours{position:absolute;inset:auto 0 0 42%;z-index:-1;pointer-events:none;color:#ccb783;opacity:.17;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 35%)}.cabinet-contours svg{display:block;width:100%;height:auto}.preview-column{position:relative}.display-plinth{position:absolute;bottom:-6px;left:50%;width:min(360px,95%);height:28px;transform:translateX(-50%);pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#061f16a1,transparent 69%)}.display-plinth>span{position:absolute;inset:-2px 8% 0;border:1px solid #b9aa6b66;border-radius:50%;transform:scaleY(.45)}.display-plinth>i{position:absolute;inset:-14px 0 -6px;border:1px solid #b9aa6b22;border-radius:50%;transform:scaleY(.45)}
.edition-signature{display:flex;align-items:center;gap:18px;margin-top:38px;padding-top:27px;border-top:1px solid #a18d6238;max-width:300px}.edition-signature>span{font:58px/1 var(--brush);color:#a14c37;border:1px solid #a14c3780;padding:6px 7px 10px;transform:rotate(-3deg)}.edition-signature>p{font:20px/1.8 var(--serif);letter-spacing:2px;color:#586247}.edition-signature>small{font:12px/1.8 var(--sans);letter-spacing:2px;color:#7d7359;writing-mode:vertical-rl;margin-left:auto}.update-ink-mark{display:none}.release-list{background:linear-gradient(120deg,#fffaf0,#f5efdf)}.download-main{border-top:3px solid #3e6249}.guide-heading{padding-bottom:16px;border-bottom:1px solid #a18d6238}
.lit-surface{--light-x:40%;--light-y:20%}.experience-layout.light-active{background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#b8c1881c,transparent 58%)}.album.light-active{background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#fffdf7,#faf6eb00 70%),linear-gradient(90deg,#e9e2d2a6,#faf7ed 44%,#f8f4e9)}
/* A reversible, keyboard-accessible view of the existing interactive painting. */
.painting-toggle{display:flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}.painting-toggle>.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}.painting-caption{display:none;position:absolute;top:45px;left:5%;z-index:7;color:#244b38;pointer-events:none}.painting-caption>span{font:44px/1.5 var(--brush);letter-spacing:8px}.painting-caption>small{font:13px/2 var(--serif);display:block;letter-spacing:3px}.viewing-painting{overflow:hidden}.viewing-painting .hero{position:fixed;inset:0;height:100svh;min-height:0;max-height:none;z-index:100}.viewing-painting .hero-content,.viewing-painting .hero-vertical,.viewing-painting .hero-left-wash,.viewing-painting .hero-bottom>.scroll-cue{visibility:hidden;opacity:0}.viewing-painting .site-header,.viewing-painting .scroll-chapter,.viewing-painting .reading-progress{visibility:hidden}.viewing-painting .painting-caption{display:block}.viewing-painting .hero-bottom{justify-content:flex-end}.viewing-painting .hero-water-tools{background:#f3eee2dd;box-shadow:0 3px 22px #21433420;border-color:#a18d6270;padding:4px 17px;backdrop-filter:blur(8px)}
.cosmic-gate::after{border-color:#c7ae7540;background:linear-gradient(#c7ae7580,#c7ae7580) left top/40px 1px no-repeat,linear-gradient(#c7ae7580,#c7ae7580) right bottom/40px 1px no-repeat}.cosmic-top .brand-seal{border-color:#c7ae75;color:#e1c996;background:#934d3733}.cosmic-enter:hover .enter-emblem{box-shadow:0 0 30px #c7ae7525;border-color:#d3b87b}.enter-emblem>span{background:linear-gradient(135deg,#f3e4c5,#8b9d7c)}
@media(min-width:768px) and (max-width:1100px){.album-tabs{gap:6px;grid-template-columns:repeat(4,1fr)}.album-tabs button{grid-template-columns:32px 18px 1fr;grid-template-rows:44px;gap:6px;align-items:center}.album-thumb{grid-column:1;grid-row:1;height:44px}.album-thumb img{width:30px}.album-tab-label{font-size:12px}.album-tabs button>small{font-size:12px}.world-dial-stage{padding:20px 10px 16px}.instrument-plaque{display:block}.instrument-plaque small{display:none}.world-dial-stage .world-center{font-size:49px}.theme-picker .theme-swatch{grid-template-columns:28px 1fr;padding:8px 5px;gap:3px}.pigment-sample{width:26px;height:36px}.theme-picker .swatch-name{font-size:12px}.edition-signature{gap:12px}.edition-signature>small{display:none}}
@media(max-width:767px){.world-dial-stage{padding:20px 12px 17px;margin-top:8px}.instrument-plaque{margin-inline:5px;display:block}.instrument-plaque>span{font-size:21px;white-space:nowrap}.instrument-plaque small{display:block;font-size:12px;max-width:none;text-align:left;margin-top:6px;letter-spacing:1px}.world-dial-stage .world-center{font-size:48px}.world-dial-stage .world-node>small{font-size:12px;letter-spacing:0}.world-dial-stage .world-node{min-width:64px}.instrument-directions{font-size:12px}.worlds-detail h3{padding-right:65px}.realm-engraving{width:66px;right:18px;top:50px}.album-tabs{grid-template-columns:repeat(4,1fr);gap:6px}.album-tabs button{grid-template-columns:1fr;grid-template-rows:48px auto;padding:6px 4px;gap:5px}.album-thumb{grid-column:1;height:48px}.album-thumb img{width:31px;transform:translateY(5px)}.album-tabs button>small{display:none}.album-tab-label{font-size:12px;letter-spacing:0}.album-page-mark{grid-column:1;grid-row:auto;margin-top:15px}.album::before{display:none}.theme-picker .theme-swatch{grid-template-columns:26px 1fr;grid-template-rows:24px 18px;height:65px;padding:7px 8px;gap:3px}.pigment-sample{width:24px;height:23px;grid-row:1}.theme-picker .swatch-name{font-size:12px;grid-column:1/3;grid-row:2;text-align:center;white-space:nowrap}.theme-picker .swatch-index{font-size:12px;grid-row:1;align-self:center;margin:0}.theme-caption small{text-align:left}.display-plinth{bottom:1px;width:270px}.edition-signature{display:none}.painting-toggle{gap:5px}.hero-water-tools{gap:14px}.hero-bottom{align-items:center}.hero-bottom .scroll-cue{max-width:83px;line-height:1.7}.painting-caption{top:42px;left:25px}.painting-caption>span{font-size:36px}.viewing-painting .hero-bottom>.scroll-cue{display:none}.viewing-painting .hero-water-tools{margin-left:auto;padding-inline:13px}.guide-heading{padding-bottom:14px}}
@media(max-width:360px){.theme-picker .theme-swatch{grid-template-columns:23px 1fr;padding:7px 6px}.pigment-sample{width:22px;height:23px}.hero-water-tools{gap:10px;padding-inline:7px}.hero-water-tools button{font-size:12px}.hero-bottom .scroll-cue{max-width:63px}.painting-toggle>.icon{width:14px;height:14px}.world-dial-stage .world-node>small{font-size:12px}.world-dial-stage .world-node{min-width:58px}.instrument-colophon{letter-spacing:2px}.album-tab-label{font-size:12px}.worlds-detail h3{font-size:34px}}
.is-still .engraving-form,.is-still .pigment-sample,.is-still .album-thumb img{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.engraving-form,.pigment-sample,.album-thumb img{animation:none!important;transition:none!important}}