*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#02030a;--bg:#05070f;--bg-card:#0b1026;--gold:#d4af37;--gold-light:#f3e3a0;--gold-dark:#8a6d1f;--text:#e8e2cf;--text-dim:#cfc6a8;--muted:#6f7fa8;--crimson:#8e1f2f;--header-h:54px}@media (max-width:560px){:root{--header-h:48px}}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(at 50% 0,#0b1026 0%,#05070f 55%,#02030a 100%);font-family:Georgia,Times New Roman,serif}img,video{max-width:100%;display:block}a{color:var(--gold-light);text-decoration:none}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02030ad1;border-bottom:1px solid #d4af372e;justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(.9rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;color:var(--gold);white-space:nowrap;font-size:clamp(.8rem,2.6vw,1.02rem)}.brand-pre{color:var(--text-dim);font-size:.8em}.site-nav{gap:clamp(.7rem,3vw,1.8rem);display:flex}.site-nav a{color:var(--text-dim);letter-spacing:.08em;white-space:nowrap;font-size:clamp(.82rem,2.4vw,.95rem);transition:color .2s}.site-nav a:hover{color:var(--gold-light)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.nav-toggle span{background:var(--gold);border-radius:2px;width:24px;height:2px;margin:0 auto;transition:transform .25s,opacity .2s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{display:none}@media (max-width:560px){.brand-pre,.site-nav{display:none}.nav-toggle{display:flex}.mobile-nav{top:var(--header-h);z-index:49;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#02030af5;border-bottom:1px solid #d4af3738;flex-direction:column;transition:transform .3s,opacity .3s;display:flex;position:fixed;left:0;right:0;transform:translateY(-120%)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a{color:var(--text-dim);letter-spacing:.08em;border-top:1px solid #d4af3714;padding:1rem 1.4rem;font-size:1.1rem}.mobile-nav a:active{color:var(--gold-light);background:#d4af371a}}@media (max-width:380px){.site-header{padding:0 .7rem}.brand{letter-spacing:.08em}}.tree-scene{width:100%;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));background:#02030a;min-height:460px;transition:opacity .7s;position:relative;overflow:hidden}.tree-scene.entering{opacity:0}.scene-wrap{position:absolute;inset:0}.scene-canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}.scene-canvas:active{cursor:grabbing}.world-tip{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;background:#05070fdb;border:1px solid #d4af3766;border-radius:12px;min-width:150px;max-width:260px;padding:.7rem 1rem;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 0 24px #0009}.world-tip.show{opacity:1}.world-tip strong{color:var(--gold-light);letter-spacing:.08em;font-size:1.15rem;display:block}.world-tip span{color:var(--text-dim);margin-top:.25rem;font-size:.88rem;font-style:italic;display:block}.world-tip em{color:#46d4ff;letter-spacing:.12em;margin-top:.5rem;font-size:.82rem;font-style:normal;display:block}.scene-title{text-align:center;z-index:3;pointer-events:none;padding:0 1rem;position:absolute;top:5%;left:0;right:0}.scene-title .pre{letter-spacing:.5em;text-indent:.5em;color:var(--gold);font-size:clamp(.75rem,1.8vw,1.1rem)}.scene-title h1{letter-spacing:.14em;background:linear-gradient(180deg, var(--gold-light), var(--gold) 55%, var(--gold-dark));color:#0000;text-shadow:0 0 30px #d4af374d;-webkit-background-clip:text;background-clip:text;margin-top:.2rem;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:400}.scene-title .slogan{color:var(--text-dim);margin-top:.6rem;font-size:clamp(.85rem,2vw,1.1rem);font-style:italic}.scene-slogan{text-align:center;z-index:3;pointer-events:none;color:var(--text-dim);text-shadow:0 2px 18px #000000e6;font-size:clamp(.9rem,2vw,1.25rem);font-style:italic;position:absolute;bottom:7%;left:0;right:0}.scene-hint{text-align:center;z-index:3;pointer-events:none;letter-spacing:.18em;color:var(--muted);font-size:.8rem;animation:3.5s ease-in-out infinite alternate fade;position:absolute;bottom:3%;left:0;right:0}.scene-controls{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.scene-controls button{width:42px;height:42px;color:var(--gold-light);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070fb3;border:1px solid #d4af3759;border-radius:50%;font-size:1.1rem;transition:all .2s}.scene-controls button:hover,.scene-controls button.on{background:#d4af3733;box-shadow:0 0 14px #d4af374d}.below-tree{text-align:center;padding:2.2rem 1rem 0}.below-cta{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}@media (prefers-reduced-motion:reduce){.scene-svg{transition:none}.scene-hint{animation:none}}.hold{text-align:center;justify-content:center;align-items:center;min-height:68vh;display:flex;position:relative;overflow:hidden}.stars{background-image:radial-gradient(1px 1px at 12% 22%,#fffc 50%,#0000 51%),radial-gradient(1px 1px at 28% 68%,#fff8 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 35%,#cfe8ffaa 50%,#0000 51%),radial-gradient(1px 1px at 57% 12%,#fff9 50%,#0000 51%),radial-gradient(1.5px 1.5px at 66% 76%,#fffa 50%,#0000 51%),radial-gradient(1px 1px at 78% 41%,#cfe8ff99 50%,#0000 51%),radial-gradient(1px 1px at 87% 64%,#fff7 50%,#0000 51%),radial-gradient(1.5px 1.5px at 93% 18%,#fffa 50%,#0000 51%),radial-gradient(1px 1px at 8% 84%,#cfe8ff88 50%,#0000 51%),radial-gradient(1px 1px at 49% 91%,#fff8 50%,#0000 51%);animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.glow{background:radial-gradient(circle,#8b5cf622 0%,#46d4ff11 40%,#0000 70%);width:70vmin;height:70vmin;animation:8s ease-in-out infinite breathe;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.content{padding:2rem;position:relative}.pre{letter-spacing:.55em;text-indent:.55em;color:var(--gold);font-size:clamp(.9rem,2.2vw,1.4rem)}h1{letter-spacing:.12em;background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 55%, var(--gold-dark) 100%);color:#0000;text-shadow:0 0 40px #d4af3740;-webkit-background-clip:text;background-clip:text;margin-top:.3rem;font-size:clamp(2.2rem,7vw,5rem);font-weight:400}.rule{background:linear-gradient(90deg,#0000,#d4af37aa,#0000);width:min(420px,70%);height:1px;margin:1.6rem auto;position:relative}.rule:after{content:"◆";color:var(--gold);font-size:.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slogan{color:var(--text-dim);font-size:clamp(1rem,2.4vw,1.35rem);font-style:italic;line-height:1.6}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.2rem;display:flex}.btn.primary{border-color:var(--gold);color:#0b0a05;background:linear-gradient(#b8932f,#8a6d1f);font-weight:700}.btn.primary:hover{box-shadow:0 0 22px #d4af3773}.empty{text-align:center;padding:3rem 1rem;font-size:1.2rem;line-height:1.7}.empty .muted{max-width:520px;margin:1rem auto 0;font-size:.95rem}.chapter-list{flex-direction:column;gap:.8rem;max-width:760px;margin:0 auto;display:flex}.chapter-row{background:#0b102680;border:1px solid #d4af3729;border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1rem;transition:border-color .2s,transform .2s;display:flex}.chapter-row:hover{border-color:var(--gold);transform:translate(4px)}.chapter-row img{object-fit:cover;border-radius:8px;width:64px;height:64px}.chapter-num{width:64px;height:64px;color:var(--gold);background:#d4af371f;border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.chapter-meta{flex-direction:column;gap:.25rem;display:flex}.chapter-meta strong{color:var(--gold-light);font-weight:400}.has-audio{color:#46d4ff;font-size:.85rem}.chapter-audio{width:100%;margin:1.5rem 0}.hint{letter-spacing:.25em;color:var(--muted);margin-top:2.4rem;font-size:.9rem;animation:3.5s ease-in-out infinite alternate fade;display:block}.hint:hover{color:var(--gold-light)}.down{color:var(--gold);margin-top:.9rem;font-size:1.1rem;animation:2s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes fade{0%{opacity:.45}to{opacity:1}}.section{max-width:1200px;margin:0 auto;padding:3.5rem clamp(1rem,4vw,2.5rem)}.section-title{letter-spacing:.2em;color:var(--gold);text-align:center;margin-bottom:2.2rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.center{text-align:center;margin-top:2rem}.btn{color:var(--gold-light);letter-spacing:.1em;border:1px solid #d4af3773;border-radius:2rem;padding:.55rem 1.4rem;font-size:.95rem;transition:all .25s;display:inline-block}.btn:hover{background:#d4af371f;box-shadow:0 0 18px #d4af3740}.muted{color:var(--muted);font-size:.9rem}.worlds-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;display:grid}.world-card{text-align:center;background:linear-gradient(#0b1026e6,#02030ae6);border:1px solid #d4af3733;border-radius:14px;padding:1.4rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.world-card:hover{border-color:var(--glow,#46d4ff);box-shadow:0 0 30px color-mix(in srgb, var(--glow,#46d4ff) 35%, transparent);transform:translateY(-4px)}.world-card img{object-fit:cover;opacity:.92;border-radius:10px;width:100%;height:170px;margin-bottom:1rem}.world-orb{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--glow,#46d4ff) 70%, white) 0%, var(--glow,#46d4ff) 35%, transparent 75%);filter:blur(1px);border-radius:50%;width:110px;height:110px;margin:.6rem auto 1.1rem;animation:7s ease-in-out infinite breathe}.world-card h3{letter-spacing:.15em;color:var(--gold-light);font-size:1.25rem;font-weight:400}.world-card p{color:var(--text-dim);margin-top:.5rem;font-size:.95rem;font-style:italic}.art-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.art-thumb img{object-fit:cover;border:1px solid #d4af3726;border-radius:8px;width:100%;height:150px;transition:transform .2s,box-shadow .2s}.art-thumb:hover img{transform:scale(1.04);box-shadow:0 0 16px #d4af374d}.page{max-width:1200px;margin:0 auto;padding:2.5rem clamp(1rem,4vw,2.5rem) 3rem}.page-title{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem)}.page-sub{text-align:center;color:var(--muted);margin-top:.6rem}.filters{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.8rem 0;display:flex}.chip{color:var(--text-dim);border:1px solid #d4af374d;border-radius:2rem;padding:.35rem 1rem;font-size:.92rem;transition:all .2s}.chip:hover{color:var(--gold-light);border-color:var(--gold)}.chip.active{color:var(--gold-light);border-color:var(--gold);background:#d4af3726}.masonry{columns:4 240px;column-gap:.9rem}.masonry-item{break-inside:avoid;border:1px solid #d4af3724;border-radius:10px;margin-bottom:.9rem;display:block;position:relative;overflow:hidden}.masonry-item img{width:100%;transition:transform .25s}.masonry-item:hover img{transform:scale(1.03)}.masonry-item .caption{color:var(--text-dim);opacity:0;background:linear-gradient(#0000,#02030aeb);padding:1.4rem .7rem .55rem;font-size:.82rem;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.masonry-item:hover .caption{opacity:1}.pagination{justify-content:space-between;align-items:center;gap:1rem;margin-top:2.2rem;display:flex}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;display:grid}.video-card{background:#0b10268c;border:1px solid #d4af3729;border-radius:12px;overflow:hidden}.video-card video{aspect-ratio:16/10;object-fit:cover;background:#000;width:100%}.video-card figcaption{padding:.8rem 1rem 1rem}.video-card figcaption strong{color:var(--gold-light);letter-spacing:.06em;font-weight:400}.video-card figcaption p{color:var(--text-dim);margin-top:.4rem;font-size:.9rem;line-height:1.5}.yt-link{aspect-ratio:16/10;color:var(--gold-light);letter-spacing:.1em;background:#000;justify-content:center;align-items:center;display:flex}.world-hero{border:1px solid color-mix(in srgb, var(--glow,#46d4ff) 40%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--glow,#46d4ff) 18%, transparent);border-radius:16px;margin-bottom:2rem;position:relative;overflow:hidden}.world-hero-img{object-fit:cover;opacity:.85;width:100%;max-height:420px}.world-hero-text{text-align:center;padding:1.6rem}.world-motto{color:var(--gold-light);margin-top:.6rem;font-style:italic}.back-tree{letter-spacing:.1em;margin-bottom:.5rem;display:inline-block}.world-hero-orb{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--glow,#46d4ff) 60%, white) 0%, var(--glow,#46d4ff) 30%, transparent 72%);height:280px}.world-desc{margin-bottom:1rem}.soon-note{text-align:center;color:var(--muted);border:1px dashed #d4af372e;border-radius:12px;padding:1.2rem;font-style:italic}.world-section{padding-top:2rem;padding-bottom:1rem}.prose{max-width:760px;color:var(--text);margin:0 auto 1.5rem;font-size:1.06rem;line-height:1.8}.prose p{margin-bottom:1.1rem}.reader{max-width:680px;font-size:1.15rem;line-height:1.9}.reader h2,.reader h3{color:var(--gold-light);margin:1.6rem 0 .8rem;font-weight:400}.site-footer{text-align:center;border-top:1px solid #d4af371f;margin-top:2rem;padding:2.5rem 1rem 2.2rem}.site-footer .slogan{font-size:.98rem}.site-footer .muted{margin-top:.6rem}@media (prefers-reduced-motion:reduce){.stars,.glow,.hint,.world-orb{animation:none}}