@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--void:#0a0a0f;--void-deep:#050508;--void-surface:#12121f;--void-raised:#1a1a2e;--void-elevated:#22223a;--ink-bright:#fff;--ink-primary:#e2e8f0;--ink-secondary:#94a3b8;--ink-muted:#64748b;--ink-faint:#475569;--gold:#c9a84c;--gold-bright:#e8d5a3;--gold-dim:#8a7340;--gold-glow:#c9a84c26;--mind:#06b6d4;--mind-glow:#06b6d426;--heart:#f472b6;--heart-glow:#f472b626;--body:#10b981;--body-glow:#10b98126;--action:#f59e0b;--action-glow:#f59e0b26;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--info:#3b82f6;--font-heading:"Cinzel", "Cormorant Garamond", Georgia, serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-gold:0 0 24px #c9a84c1f;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--void);width:100%;height:100%;font-family:var(--font-sans);color:var(--ink-primary);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#root{width:100%;height:100%}.scrollable-page{-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow:hidden auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px var(--gold-glow)}50%{box-shadow:0 0 24px var(--gold-glow), 0 0 48px #c9a84c14}}@keyframes borderShimmer{0%{border-color:#c9a84c33}50%{border-color:#c9a84c80}to{border-color:#c9a84c33}}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.animate-fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fadeInScale .5s var(--ease-out-expo) forwards}.animate-slide-in-right{animation:slideInRight .5s var(--ease-out-expo) forwards}.animate-orb-pulse{animation:4s ease-in-out infinite orbPulse}.animate-float{animation:3s ease-in-out infinite float}.animate-glow-pulse{animation:3s ease-in-out infinite glowPulse}.animate-border-shimmer{animation:2s ease-in-out infinite borderShimmer}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.xp-bar{background:var(--void-raised);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.xp-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold-dim), var(--gold));height:100%;transition:width .8s var(--ease-out-expo)}.level-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-glow), transparent);min-width:28px;height:28px;color:var(--gold);font-family:var(--font-heading);border:1px solid #c9a84c4d;justify-content:center;align-items:center;padding:0 8px;font-size:.75rem;font-weight:600;display:inline-flex}.channel-badge{border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;border:1px solid;align-items:center;gap:4px;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-flex}.channel-badge--mind{color:var(--mind);background:var(--mind-glow);border-color:#06b6d440}.channel-badge--heart{color:var(--heart);background:var(--heart-glow);border-color:#f472b640}.channel-badge--body{color:var(--body);background:var(--body-glow);border-color:#10b98140}.channel-badge--action{color:var(--action);background:var(--action-glow);border-color:#f59e0b40}.spell-tag{border-radius:var(--radius-full);letter-spacing:.05em;background:var(--void-raised);color:var(--ink-secondary);border:1px solid #ffffff14;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .2s;display:inline-flex}.spell-tag:hover{border-color:var(--gold-dim);color:var(--gold)}.stat-block{border-radius:var(--radius-md);background:var(--void-surface);border:1px solid #ffffff0d;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.stat-block-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.stat-block-value{font-family:var(--font-heading);color:var(--ink-primary);font-size:.9rem}.stat-bar{background:var(--void-raised);border-radius:var(--radius-full);width:60px;height:4px;overflow:hidden}.stat-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out-expo)}.archetype-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--void-surface), var(--void));transition:all .3s var(--ease-out-expo);cursor:pointer;border:1px solid #ffffff0f;padding:20px;position:relative}.archetype-card:hover{border-color:var(--gold-dim);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.archetype-card.selected{border-color:var(--gold);background:linear-gradient(135deg, var(--void-surface), var(--gold-glow))}.tome-section{border-left:2px solid var(--gold-dim);margin-bottom:32px;padding-left:20px}.tome-title{font-family:var(--font-heading);color:var(--gold);letter-spacing:.04em;margin-bottom:4px;font-size:1.1rem}.tome-subtitle{font-family:var(--font-serif);color:var(--ink-muted);margin-bottom:12px;font-size:.85rem;font-style:italic}.symbol-divider{align-items:center;gap:12px;margin:24px 0;display:flex}.symbol-divider:before,.symbol-divider:after{content:"";background:linear-gradient(90deg,#0000,#c9a84c4d,#0000);flex:1;height:1px}.symbol-divider span{color:var(--gold-dim);font-size:1.2rem}.parchment-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9a84c0a,#0000);border:1px solid #c9a84c1a;padding:20px}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;transition:all .2s var(--ease-out-expo);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-dim), var(--gold));color:var(--void)}.btn-primary:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-ghost{color:var(--ink-secondary);background:0 0;border:1px solid #ffffff26}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--ink-primary)}.btn-channel--mind{color:var(--mind);background:var(--mind-glow);border-color:#06b6d44d}.btn-channel--heart{color:var(--heart);background:var(--heart-glow);border-color:#f472b64d}.btn-channel--body{color:var(--body);background:var(--body-glow);border-color:#10b9814d}.btn-channel--action{color:var(--action);background:var(--action-glow);border-color:#f59e0b4d}.orb{background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.orb:before{content:"";border:1px solid #c9a84c33;border-radius:50%;position:absolute;inset:-4px}.orb-inner{width:80px;height:80px;font-family:var(--font-heading);color:var(--gold);background:radial-gradient(circle,#c9a84c33 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.starfield-bg{background:var(--void);pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.starfield-bg:before{content:"";background-image:radial-gradient(1px 1px at 20% 30%,#ffffff26 1px,#0000 0),radial-gradient(1px 1px at 60% 20%,#ffffff1a 1px,#0000 0),radial-gradient(1px 1px at 80%,#ffffff1f 1px,#0000 0),radial-gradient(1px 1px at 40% 60%,#ffffff14 1px,#0000 0),radial-gradient(1px 1px at 10% 80%,#ffffff1a 1px,#0000 0),radial-gradient(1.5px 1.5px at 70% 70%,#c9a84c26 1px,#0000 0),radial-gradient(1px 1px at 90% 10%,#ffffff14 1px,#0000 0);background-size:200px 200px;position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(#c9a84c14 0%,#0000 70%);width:600px;height:400px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.font-heading{font-family:var(--font-heading)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-gold{color:var(--gold)}.text-gold-bright{color:var(--gold-bright)}.text-gold-dim{color:var(--gold-dim)}.text-ink{color:var(--ink-primary)}.text-muted{color:var(--ink-muted)}.text-mind{color:var(--mind)}.text-heart{color:var(--heart)}.text-body{color:var(--body)}.text-action{color:var(--action)}.tracking-wide{letter-spacing:.15em}.tracking-wider{letter-spacing:.25em}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.z-10{z-index:10}@media (width<=600px){:root{--radius-lg:12px}}.home-content{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;position:relative}.home-header{text-align:center;margin-bottom:3rem}.home-title{color:var(--ink-bright);letter-spacing:.02em;margin-bottom:.6rem;font-family:Cinzel,Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400}.home-subtitle{color:var(--ink-muted);max-width:28rem;margin:0 auto;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.95rem,2.5vw,1.2rem);font-style:italic;line-height:1.6}.adventure-grid{flex-direction:column;flex:1;gap:1.2rem;display:flex}.adventure-card{cursor:pointer;text-align:left;min-height:220px;color:inherit;font:inherit;background:0 0;border:1px solid #ffffff0f;border-radius:16px;width:100%;padding:0;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.adventure-card:hover{border-color:#ffffff26;transform:translateY(-4px)scale(1.01);box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0d}.adventure-card:active{transform:translateY(-1px)scale(.995)}.adventure-card-bg{filter:brightness(.4)saturate(1.3);background-position:50%;background-size:cover;transition:filter .4s;position:absolute;inset:0}.adventure-card:hover .adventure-card-bg{filter:brightness(.5)saturate(1.4)}.adventure-card-overlay{background:linear-gradient(135deg,#05050fd9 0%,#05050f66 100%);position:absolute;inset:0}.adventure-card-content{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;padding:1.8rem;display:flex;position:relative}.adventure-age{letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;width:fit-content;margin-bottom:.8rem;padding:.25rem .6rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;display:inline-block}.adventure-card-title{color:#fff;margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.2}.adventure-card-desc{color:#ffffff8c;margin-bottom:1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.9rem,2vw,1.05rem);font-style:italic;line-height:1.5}.adventure-words{flex-wrap:wrap;gap:.4rem;display:flex}.adventure-word-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff6;background:#ffffff0d;border:1px solid #ffffff12;border-radius:100px;padding:.2rem .5rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:500}.upload-section{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;margin-top:2rem;padding:1.5rem}.upload-label{color:#ffffff59;margin-bottom:.8rem;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;font-style:italic}.upload-btn{letter-spacing:.08em;text-transform:uppercase;color:#fff9;cursor:pointer;background:#863bff1a;border:1px solid #863bff40;border-radius:100px;padding:.6rem 1.2rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:background .3s,border-color .3s}.upload-btn:hover{background:#863bff2e;border-color:#863bff66}.upload-error{color:#e07070;margin-top:.6rem;font-family:Inter,sans-serif;font-size:.75rem}.home-footer{text-align:center;margin-top:3rem;padding:1.5rem 0}.home-footer p{color:#fff3;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.7rem}@media (width<=600px){.home-content{padding:2rem 1rem 1.5rem}.adventure-card{min-height:180px}.adventure-card-content{padding:1.4rem}}:root{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1)}.play-container{perspective:1200px;background:#0a0a0f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.slide-card{cursor:grab;will-change:transform, opacity;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;overflow:hidden}.slide-card.entering{animation:slideIn .5s var(--ease-out-expo) forwards}@keyframes slideIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)translate(0)}}.slide-bg{filter:brightness(.55)saturate(1.2);background-position:50%;background-size:cover;transition:filter .6s;position:absolute;inset:0}.slide-overlay{background:linear-gradient(#05050f00 30%,#05050f1a 45%,#05050f99 70%,#05050feb 100%);position:absolute;inset:0}.slide-content{z-index:10;padding:2rem 2rem 3rem;position:absolute;bottom:0;left:0;right:0}.focus-word{letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;margin-bottom:1rem;padding:.3rem .8rem;font-family:Inter,system-ui,sans-serif;font-size:.65rem;font-weight:600;display:inline-block}.slide-title{color:#fff;text-shadow:0 2px 20px #00000080;margin-bottom:.8rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.15}.slide-story{color:#ffffffbf;text-shadow:0 1px 10px #0006;max-width:36rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,2.5vw,1.25rem);font-style:italic;font-weight:400;line-height:1.6}.exit-hint{z-index:20;letter-spacing:.08em;text-transform:uppercase;color:#fff0;pointer-events:none;justify-content:center;align-items:center;gap:.4rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;transition:color .5s,opacity .5s;display:flex;position:absolute}.exit-hint.visible{color:#fff6}.exit-hint .arrow{opacity:.6;font-size:1rem}.exit-hint.up{flex-direction:column;top:1.5rem;left:50%;transform:translate(-50%)}.exit-hint.down{flex-direction:column-reverse;bottom:1.5rem;left:50%;transform:translate(-50%)}.exit-hint.left{flex-direction:row;top:50%;left:1.2rem;transform:translateY(-50%)}.exit-hint.right{flex-direction:row-reverse;top:50%;right:1.2rem;transform:translateY(-50%)}.direction-label{z-index:25;color:#fff0;letter-spacing:.04em;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:600;transition:color .15s;display:flex;position:absolute}.direction-label .dir-arrow{opacity:.7;margin-bottom:.3rem;font-size:2rem}.direction-label.up{top:15%;left:50%;transform:translate(-50%)}.direction-label.down{bottom:15%;left:50%;transform:translate(-50%)}.direction-label.left{top:50%;left:8%;transform:translateY(-50%)}.direction-label.right{top:50%;right:8%;transform:translateY(-50%)}.breathing-ring{z-index:15;opacity:0;pointer-events:none;border:2px solid #ffffff26;border-radius:50%;width:80px;height:80px;transition:opacity .8s;animation:4s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.breathing-ring.active{opacity:1}@keyframes breathe{0%,to{border-color:#ffffff1a;transform:translate(-50%,-50%)scale(.8)}50%{border-color:#ffffff40;transform:translate(-50%,-50%)scale(1.2)}}.depth-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:35;opacity:0;cursor:pointer;background:#05050fe0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.depth-overlay.visible{opacity:1}.depth-word{color:#fff;letter-spacing:.02em;margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:600}.depth-question{color:#fff9;text-align:center;max-width:28rem;margin-bottom:2rem;padding:0 1.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,3vw,1.4rem);font-style:italic;line-height:1.6}.depth-dismiss{color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.7rem}.progress-dots{z-index:50;gap:.4rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.progress-dot{width:5px;height:5px;transition:background .3s ease, transform .3s var(--ease-out-back);background:#ffffff26;border-radius:50%}.progress-dot.visited{background:#fff6}.progress-dot.active{background:#fffc;transform:scale(1.4)}.end-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;opacity:0;background:#05050fd9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.end-overlay.visible{opacity:1}.end-title{color:#fff;margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:2.4rem}.end-subtitle{color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.85rem}.trail-container{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:20rem;margin-bottom:2rem;display:flex}.trail-step{color:#fff9;background:#ffffff0f;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:Inter,sans-serif;font-size:.7rem;display:flex}.trail-arrow{opacity:.4}.end-pattern{color:#ffffff8c;text-align:center;max-width:26rem;margin-bottom:1.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.6}.restart-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;padding:.7rem 2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:background .3s,border-color .3s}.restart-btn:hover{background:#ffffff24;border-color:#ffffff40}.back-btn{z-index:55;color:#ffffff40;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-family:Inter,sans-serif;font-size:1.2rem;transition:color .3s,background .3s,border-color .3s;display:flex;position:fixed;top:1rem;left:1rem}.back-btn:hover{color:#fff9;background:#ffffff1a;border-color:#fff3}.key-hint{color:#ffffff26;z-index:50;font-family:Inter,sans-serif;font-size:.6rem;position:fixed;top:1rem;right:1rem}@media (width<=600px){.slide-content{padding:1.5rem 1.5rem 2.5rem}.exit-hint{font-size:.6rem}.direction-label{font-size:1.3rem}}