@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Source+Sans+3:wght@400;500;600&display=swap');

:root{--ink:#060d18;--deep:#040910;--paper:#fff0d3;--muted:#b0b5c3;--gold:#e5bb6b;--pink:#ffe7aa;--serif:'Cinzel',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif}
html{background:var(--ink)}body{background:radial-gradient(ellipse at 50% 20%,#18243766,transparent 60%),var(--ink);font-family:var(--sans)}.site-header{height:88px;background:#060d18;border-color:#caa56120}.wordmark{font-size:21px}.wordmark small{font-size:8px;letter-spacing:1.3px}.prototype-label{font-size:10px;letter-spacing:1.8px}.text-button{font-size:13px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.entrance{display:flex;flex-direction:column;justify-content:center;gap:0;padding:34px 22px 78px;min-height:calc(100svh - 88px);overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#65431b15,transparent 55%)}.entrance:before{opacity:.1}.entrance-copy{position:relative;z-index:2}.entrance .eyebrow{display:block;font-size:10px;letter-spacing:3px;margin:0 0 14px}.entrance h1{font:400 clamp(27px,3.5vw,42px)/1.3 var(--serif);letter-spacing:0;padding:0;margin:0}.entrance h1 em{color:var(--gold);font-style:normal}.entrance-description{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.book-presentation{position:relative;display:grid;place-items:center;width:min(100%,440px);margin:20px auto 0;perspective:1200px}.book-aura{position:absolute;inset:12% -20% 5%;background:radial-gradient(ellipse,#c7893122,transparent 65%);pointer-events:none}.book-button{position:relative;background:none;border:0;padding:0;width:min(245px,45vw);color:var(--gold);transform-style:preserve-3d}.book-object{display:block;position:relative;perspective:1200px;transform:rotate(-3deg);transition:transform .5s ease;filter:drop-shadow(0 18px 35px #000a)}.book-button:hover .book-object{transform:rotate(0) translateY(-5px)}.book-button:focus-visible{outline-offset:12px;outline-color:var(--gold)}.book-cover{display:block;width:100%;height:auto;position:relative;z-index:2;transform-origin:9% 50%;backface-visibility:hidden;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.25,.6,.2,1),opacity .7s .5s}.book-pages{position:absolute;left:9%;right:6%;top:4%;bottom:3%;border:5px solid #8c1b1f;border-left:7px solid #7d311e;border-radius:4px 10px 10px 4px;background:repeating-linear-gradient(0deg,#ecd4a3 0 1px,#fff1d3 1px 4px);box-shadow:inset 10px 0 18px #79562c45;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;color:#49331a}.page-inscription{font:400 clamp(15px,2vw,22px)/1.7 var(--serif);text-align:center;opacity:.65}.page-seed{width:13px;height:19px;background:linear-gradient(45deg,#5e3016,#d6a84b);border-radius:80% 20% 70% 30%;transform:rotate(20deg);margin-top:24px;box-shadow:0 0 20px #dbaa4470}.book-invitation{display:block;margin:20px -40px 0;font:500 13px/1.5 var(--sans);letter-spacing:1.1px}.book-invitation>span{margin-left:12px}.entrance-whisper{margin:14px 0 0;font:400 12px/1.5 var(--sans);color:#b0a78f}.entrance-bottom{font-size:10px;bottom:21px}.entrance.is-opening .book-cover{transform:rotateY(-155deg);opacity:.13}.entrance.is-opening .book-object{transform:rotate(0) scale(1.12)}.entrance.is-opening .book-invitation{opacity:0}.entrance.is-opening .book-aura{background:radial-gradient(ellipse,#e7bd6e45,transparent 65%)}.entrance.is-opening .page-seed{box-shadow:0 0 40px 16px #e9ba6388}.book-button:disabled{cursor:wait}
.world{padding:28px 18px 24px;background:radial-gradient(ellipse at 50% 30%,#162b4944,transparent 65%)}.world-intro .eyebrow{font-size:9px;letter-spacing:2.5px}.world-intro h1{font:400 clamp(22px,3vw,33px)/1.4 var(--serif);margin:0}.world-intro>p:last-child{font-size:13px;max-width:none;line-height:1.6;margin-top:10px}.story-stage{position:relative;isolation:isolate;width:min(100%,760px);aspect-ratio:2/3;margin:24px auto 0;overflow:visible}.world-art{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(transparent,#000 2%,#000 96%,transparent);border-radius:5px;overflow:hidden}.art-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.layer-book{clip-path:inset(48% 0 26% 0)}.layer-tree{clip-path:inset(0 0 46% 0)}.layer-roots{clip-path:inset(72% 0 0 0)}.growth-light{position:absolute;left:50%;top:62%;width:10%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(#fff6d2,#e9b75b66 20%,transparent 70%);opacity:0;mix-blend-mode:screen}.growth-seed{position:absolute;left:50%;top:59%;width:2px;height:25px;background:#a6ba6a;transform-origin:bottom;opacity:0}.growth-seed i,.growth-seed b{position:absolute;top:0;left:1px;width:12px;height:18px;background:linear-gradient(45deg,#52723d,#c6df81);border-radius:90% 0 90% 0;transform-origin:bottom left;transform:rotate(23deg)}.growth-seed b{transform:scaleX(-1) rotate(25deg);left:-10px;top:7px}.map-destinations{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.world.is-ready .map-destinations{opacity:1}.world.is-growing .layer-book{animation:book-reveal .35s ease both}.world.is-growing .layer-tree{animation:tree-grow 2.4s cubic-bezier(.15,.5,.3,1) .3s both}.world.is-growing .layer-roots{animation:roots-grow 1.7s ease .95s both}.world.is-growing .growth-light{animation:seed-glow 2.6s ease both}.world.is-growing .growth-seed{animation:seed-sprout 1.5s ease both}.world.is-growing .world-intro{animation:reveal .6s ease both}.world.is-growing .world-footer,.world.is-growing .preview-note{opacity:0}.world.is-ready .world-footer,.world.is-ready .preview-note{opacity:1;transition:opacity .5s}
.story-stage .map-node{width:178px;min-height:91px;padding:12px 10px;gap:5px;border:1px solid #d9b56670;border-radius:3px;background:linear-gradient(135deg,#07101aee,#101a26e8);box-shadow:0 5px 25px #0008;transform:translate(-50%,-50%);transition:border-color .2s,box-shadow .2s,filter .2s}.story-stage .map-node:before{display:none}.story-stage .map-node:hover{border-color:var(--gold);box-shadow:0 3px 27px #b98b3938;filter:none}.story-stage .map-node strong{font:500 21px/1.25 var(--serif)}.story-stage .node-kicker{font:500 9px/1.5 var(--sans);letter-spacing:1.2px;color:#ebc98a}.story-stage .node-action{font:400 12px/1.5 var(--sans);color:#d6c39f;margin:0}.story-stage .node-novel{left:23%;top:14%}.story-stage .node-manga{left:81%;top:28%}.story-stage .node-lore{left:19%;top:37%}.story-stage .node-future{left:79%;top:10%;width:158px;min-height:75px;border-style:dashed;border-color:#a4aab655}.story-stage .node-future strong{font-size:17px}.story-stage .node-future .node-kicker{color:#b0b5bf}.story-stage .node-blog{left:80%;top:46%;width:180px}.story-stage .node-blog strong{font-size:17px}.story-stage .node-shop{left:50%;top:86%;width:230px;max-width:none;min-height:99px;background:linear-gradient(135deg,#2b1510f2,#111724f0);border-color:#d9b566b3}.story-stage .node-shop strong{font-size:22px}.world-footer{max-width:760px;margin:20px auto 0;gap:20px;border-top-color:#d9b56630}.legend{font-size:12px;gap:17px}.bloom-dot{background:#f5d8a5}.world-footer .text-button{font-size:12px}.preview-note{font-size:12px;color:#aab2c0}.dialog-inner{background:radial-gradient(ellipse at 50% 0,#80603233,transparent 65%)}dialog{background:#0d1725;border-color:#c89c57a0}.dialog-inner h2{font:400 29px/1.4 var(--serif)}.dialog-inner>p:not(.eyebrow){font:400 15px/1.7 var(--sans)}.destination-details{font:400 17px/1.5 var(--serif)}.dialog-inner .dialog-note{font-size:12px!important}.close-button{color:var(--paper);font:400 30px var(--sans)}
@keyframes book-reveal{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}
@keyframes tree-grow{0%{clip-path:inset(54% 0 46% 0);transform:scaleY(.12);transform-origin:50% 54%;filter:brightness(1.5)}50%{filter:brightness(1.15)}100%{clip-path:inset(0 0 46% 0);transform:scaleY(1);transform-origin:50% 54%;filter:brightness(1)}}
@keyframes roots-grow{from{clip-path:inset(72% 0 28% 0);transform:scaleY(.1);transform-origin:50% 72%}to{clip-path:inset(72% 0 0 0);transform:scaleY(1);transform-origin:50% 72%}}
@keyframes seed-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}60%{opacity:.8;transform:translate(-50%,-50%) scale(3.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(6)}}
@keyframes seed-sprout{0%{opacity:0;transform:scaleY(.1)}30%,65%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1.5)}}
@media(min-width:1000px){.entrance{min-height:calc(100svh - 88px)}.book-button{width:230px}.book-presentation{margin-top:25px}.world-intro{max-width:900px;margin:auto}.story-stage{width:min(100%,calc((100svh - 235px)*.6667));min-width:460px}.story-stage .node-novel{left:10%;top:16%}.story-stage .node-manga{left:94%;top:29%}.story-stage .node-lore{left:8%;top:38%}.story-stage .node-blog{left:94%;top:47%}.story-stage .node-future{left:92%;top:10%}.world-footer{max-width:950px}.legend{font-size:11px}}
@media(max-width:760px){.site-header{height:78px;padding:0 6%}.wordmark{font-size:19px;letter-spacing:2px}.wordmark small{font-size:7px;letter-spacing:.8px}.header-right .text-button{font-size:12px;max-width:105px;line-height:1.5}.entrance{min-height:calc(100svh - 78px);padding:32px 20px 80px;gap:0}.entrance .eyebrow{font-size:9px;letter-spacing:2px}.entrance h1{font-size:27px}.entrance-description{font-size:13px;margin-top:11px}.book-presentation{margin-top:25px}.book-button{width:min(230px,52vw)}.entrance-whisper{font-size:11px;margin-top:14px}.entrance-bottom{font-size:9px;bottom:18px}.book-invitation{font-size:13px;margin-top:16px}.world{padding:23px 12px}.world-intro{padding:0 5px}.world-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.world-intro h1{font-size:23px;line-height:1.4;max-width:320px;margin:auto}.world-intro>p:last-child{font-size:12px;max-width:320px;margin:10px auto 0}.story-stage{width:100%;margin:20px auto 0;aspect-ratio:2/3;min-height:0}.story-stage .map-node{width:132px;min-height:75px;padding:9px 6px;gap:4px}.story-stage .map-node strong{font-size:17px}.story-stage .node-kicker{font-size:8px;letter-spacing:.6px}.story-stage .node-action{font-size:10px}.story-stage .node-novel{left:22%;top:15%}.story-stage .node-manga{left:79%;top:29%}.story-stage .node-lore{left:22%;top:39%}.story-stage .node-future{left:78%;top:9%;width:124px;min-height:62px}.story-stage .node-future strong{font-size:14px}.story-stage .node-blog{left:78%;top:48%;width:140px}.story-stage .node-blog strong{font-size:15px}.story-stage .node-shop{left:50%;top:86%;width:210px;min-height:83px;max-width:85%}.story-stage .node-shop strong{font-size:19px}.world-footer{margin:20px 3px 0;padding-top:15px;gap:12px}.legend{font-size:10px;gap:12px}.world-footer .text-button{font-size:12px}.preview-note{font-size:11px;padding:0 8px;margin-top:13px}.dialog-inner{padding:35px 22px 25px}.dialog-inner h2{font-size:25px}.dialog-inner>p:not(.eyebrow){font-size:14px}.dialog-inner .dialog-note{font-size:11px!important}.destination-details{font-size:15px}}
@media(max-width:380px){.entrance h1{font-size:24px}.book-button{width:50vw}.entrance .eyebrow{font-size:8px}.entrance-whisper{font-size:10px}.world-intro h1{font-size:21px}.story-stage .map-node{width:116px;min-height:69px}.story-stage .map-node strong{font-size:15px}.story-stage .node-kicker{font-size:7px}.story-stage .node-action{font-size:9px}.story-stage .node-future{width:108px;min-height:56px}.story-stage .node-future strong{font-size:12px}.story-stage .node-blog{width:116px}.story-stage .node-blog strong{font-size:13px}.story-stage .node-shop{width:195px;min-height:79px}.story-stage .node-shop strong{font-size:17px}.header-right .text-button{max-width:80px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.book-object,.book-cover,.map-destinations{transition:none!important}.world.is-growing .art-layer{animation:none!important}.world.is-growing .layer-tree{clip-path:inset(0 0 46% 0)!important;transform:none!important}.world.is-growing .layer-roots{clip-path:inset(72% 0 0 0)!important;transform:none!important}.growth-light,.growth-seed{display:none!important}}