*,*:before,*:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;cursor:pointer}:root{--gold: #D4AF37;--gold-light: #F5D87A;--gold-dark: #8B7000;--red-deep: #700000;--red-mid: #a83232;--blue-deep: #0d1a6b;--blue-mid: #2040a0;--parchment: #fdf7e2;--parchment-mid: #f0dfa0;--parchment-drk: #d4b060;--ink: #1e100a;--ink-mid: #4a2e18;--night: #06000f}html,body{height:100%}body{background:#fff;font-family:Lora,Georgia,serif;color:var(--ink);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#fff;padding:16px 12px 40px;transition:opacity .35s ease;position:relative}.app--out{opacity:0;pointer-events:none}.magic-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#fff;opacity:0;pointer-events:none;transition:opacity .4s ease}.magic-curtain--active{opacity:1}.magic-curtain-star{font-size:1.2rem;color:var(--gold);opacity:0;animation:curtain-pulse 1.2s ease-in-out infinite}@keyframes curtain-pulse{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}.stars-layer{display:none}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #d4af374d}50%{box-shadow:0 4px 32px #d4af37bf,0 0 60px #d4af3733}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle-float{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:.9}85%{opacity:.7}to{transform:translateY(-80px) rotate(200deg);opacity:0}}@keyframes orb-drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(28px) scale(1.08)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}60%,to{transform:translate(200%) skew(-15deg)}}.cover{min-height:100vh;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center;padding:32px 20px 48px;position:relative;z-index:1}.cover-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(72px)}.cover-orb--purple{width:420px;height:420px;top:-140px;left:50%;transform:translate(-50%);background:#9646ff59;animation:orb-drift 7s ease-in-out infinite alternate}.cover-orb--gold{width:300px;height:300px;top:35%;left:-80px;background:#d4af374d;animation:orb-drift 5s ease-in-out infinite alternate-reverse}.cover-orb--rose{width:260px;height:260px;top:45%;right:-70px;background:#ff5a8c40;animation:orb-drift 9s ease-in-out infinite alternate}.sparkle{position:fixed;pointer-events:none;z-index:50;color:var(--gold);animation:sparkle-float linear infinite;will-change:transform,opacity}.cover-content{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;z-index:1;animation:page-enter .9s ease-out}.cover-logo-wrap{position:relative;width:100%;display:flex;justify-content:center}.cover-logo-halo{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 35%,transparent 70%);filter:blur(28px);z-index:-1;animation:pulse-glow 3s ease-in-out infinite}.cover-logo{width:100%;max-width:420px;height:auto;display:block;animation:float 4.5s ease-in-out infinite}.cover-logo-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;animation:float 4.5s ease-in-out infinite}.cover-logo-fallback span{font-size:6rem}.cover-title-text{font-family:Cinzel Decorative,serif;font-size:clamp(2.2rem,10vw,3.5rem);color:var(--gold-dark);text-align:center;line-height:1.15}.cover-author{font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;color:var(--gold-dark);letter-spacing:.15em;opacity:1}.cover-begin-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--red-deep) 0%,var(--red-mid) 50%,var(--red-deep) 100%);color:var(--gold-light);border:2px solid var(--gold);border-radius:50px;padding:16px 48px;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:12px;animation:pulse-glow 2.8s ease-in-out infinite;text-shadow:0 0 12px rgba(212,175,55,.5);transition:transform .1s;box-shadow:0 6px 24px #6400004d,0 0 0 1px #d4af3733}.cover-begin-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:translate(-100%) skew(-15deg);animation:shimmer 3s ease-in-out infinite;animation-delay:1.5s}.cover-begin-btn:active{transform:scale(.95);animation:none}.page-wrap{width:100%;max-width:480px;z-index:1;animation:page-enter .5s ease-out;padding-bottom:32px;position:relative}.page-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.page-orb--amber{width:320px;height:320px;top:5%;left:-110px;background:#d28c1429;animation:orb-drift 9s ease-in-out infinite alternate}.page-orb--teal{width:270px;height:270px;top:55%;right:-90px;background:#00a08c21;animation:orb-drift 7s ease-in-out infinite alternate-reverse}.page-img-wrap{width:100%;margin-bottom:0}.page-ornament{display:flex;align-items:center;gap:12px;padding:20px 24px 18px}.ornament-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(180,130,30,.45),transparent)}.ornament-star{font-size:.85rem;color:var(--gold);opacity:.6}.page-img{width:100%;display:block}.page-img-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:#f0e8d8;font-size:5rem}.book-content{padding:0 20px}.page-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:var(--red-deep);text-align:center;letter-spacing:.08em;margin-bottom:14px}.page-text{font-family:Lora,serif;font-size:1.08rem;line-height:1.85;color:var(--ink);margin-bottom:28px}.begin-btn{position:relative;overflow:hidden;display:block;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--red-deep),var(--red-mid));color:var(--gold-light);border:none;border-radius:50px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:.05em;text-align:center;animation:pulse-glow 2.5s ease-in-out infinite;transition:transform .1s;box-shadow:0 4px 18px #6400004d;text-shadow:0 0 10px rgba(212,175,55,.4)}.begin-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-100%) skew(-15deg);animation:shimmer 3s ease-in-out infinite;animation-delay:1s}.begin-btn:active{transform:scale(.96);animation:none}.choices{display:flex;flex-direction:column;gap:14px}.choose-prompt{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--gold-dark);text-align:center;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;opacity:.75}.choice-btn{position:relative;overflow:hidden;width:100%;padding:18px 24px;border-radius:50px;border:none;font-family:Lora,serif;font-size:1rem;font-weight:700;font-style:italic;color:#fff;display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(135deg,#8b1a1a,#c03030);text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 4px 18px #64000047;transition:transform .12s;animation:pulse-glow 3.5s ease-in-out infinite}.choices .choice-btn:last-child{animation-delay:1.75s}.choice-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) skew(-15deg);animation:shimmer 4.5s ease-in-out infinite}.choices .choice-btn:last-child:after{animation-delay:2.25s}.choice-btn:active{transform:scale(.96);animation:none}.choice-btn:hover{transform:translateY(-2px)}.ending-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.ending-text{font-family:Lora,serif;font-size:1.1rem;font-style:italic;color:var(--ink-mid);text-align:center}.ending-text--story{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;font-style:normal;color:var(--red-deep);letter-spacing:.03em;margin-top:8px}.end-btn{position:relative;overflow:hidden;display:block;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--red-deep),var(--red-mid));color:var(--gold-light);border:none;border-radius:50px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:.05em;text-align:center;animation:pulse-glow 2.5s ease-in-out infinite;transition:transform .1s;box-shadow:0 4px 18px #6400004d;cursor:pointer;margin-top:8px}.end-btn:active{transform:scale(.97)}.cover-map-link{position:absolute;bottom:20px;right:24px;background:none;border:none;font-size:1.4rem;color:var(--gold);opacity:.35;cursor:pointer;z-index:2;transition:opacity .2s,transform .2s;line-height:1;padding:4px}.cover-map-link:hover{opacity:.9;transform:scale(1.3)}.tree-page{width:100%;max-width:480px;z-index:1;animation:page-enter .5s ease-out;padding:24px 20px 48px}.tree-header{text-align:center;margin-bottom:32px}.tree-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--ink);letter-spacing:.08em;margin-bottom:4px}.tree-subtitle{font-family:Lora,serif;font-style:italic;font-size:.9rem;color:var(--ink-mid);opacity:.7}.tree-list{display:flex;flex-direction:column;gap:4px}.tree-row{width:100%;border-radius:10px;padding:12px 16px;text-align:left}.tree-row--written{background:#fff8e8;border:1.5px solid rgba(212,175,55,.6)}.tree-row--tbd{background:#f5f0ea;border:1.5px dashed #c8b88a;opacity:.6}.tree-row--link{cursor:pointer;transition:background .15s,transform .1s}.tree-row--link:hover{background:#fff0c8;transform:translate(3px)}.tree-row--link:active{transform:scale(.98)}.tree-row-inner{display:flex;flex-direction:column;gap:3px}.tree-row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tree-row-label{font-family:Cinzel,serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--gold-dark)}.tree-row--tbd .tree-row-label{color:#9a8870}.tree-row-written{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#6a9a50}.tree-row-tbd{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#b09060}.tree-row-loop{font-family:Lora,serif;font-size:.72rem;font-style:italic;color:var(--ink-mid);opacity:.7}.tree-row-text{font-family:Lora,serif;font-size:.82rem;line-height:1.5;color:var(--ink-mid);font-style:italic}.tree-img-badge{font-family:Lora,serif;font-size:.78rem;color:#c05020}.tree-img-filename{font-family:monospace;font-size:.85rem;background:#fde8e0;padding:1px 6px;border-radius:4px;-webkit-user-select:all;user-select:all;cursor:text}.tree-indent{padding-left:16px;border-left:2px solid rgba(212,175,55,.25);margin-left:8px;display:flex;flex-direction:column;gap:4px}.tree-choice{font-family:Lora,serif;font-style:italic;font-size:.78rem;color:var(--ink-mid);opacity:.65;padding:6px 0 2px;line-height:1.4}@media (min-width: 600px){.cover{max-width:700px}.cover-logo{max-width:600px}.page-wrap{max-width:700px}.book-content{max-width:480px;margin:0 auto}}.tree-back-btn{display:block;margin:28px auto 0;background:none;border:1px solid rgba(180,140,60,.5);border-radius:50px;padding:10px 32px;font-family:Cinzel,serif;font-size:.8rem;color:var(--ink-mid);letter-spacing:.08em;cursor:pointer;transition:background .2s}.tree-back-btn:hover{background:#d4af371f}.map-toggle-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:160;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(180,140,60,.4);border-radius:50px;padding:7px 20px;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.1em;color:var(--ink-mid);cursor:pointer;transition:background .2s,opacity .2s}.map-toggle-btn:hover{background:#fff}.map-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:170;background:#00000059;opacity:0;pointer-events:none;transition:opacity .35s ease}.map-backdrop--open{opacity:1;pointer-events:auto}.map-drawer{position:fixed;bottom:0;left:0;right:0;z-index:180;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 32px #0000002e;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;max-height:88vh}.map-drawer--open{transform:translateY(0)}.map-drawer-close{align-self:flex-end;margin:14px 16px 0;background:none;border:none;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.08em;color:var(--ink-mid);cursor:pointer;padding:4px 8px;opacity:.7}.map-drawer-close:hover{opacity:1}.map-drawer-body{flex:1;overflow-y:auto;padding:12px 16px 24px;display:flex;align-items:flex-start;justify-content:center}.map-drawer-img{width:100%;max-width:600px;height:auto;display:block;border-radius:8px}