@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#fff;background:#020308}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#020308}html{scroll-behavior:smooth;overscroll-behavior:none}body{overflow-x:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{position:relative;min-height:100vh;min-height:100dvh}.story-canvas{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:0}.scroll-space{height:1200vh;pointer-events:none}.opening-video{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#000}.opening-video__media{width:auto;height:100vh;height:100dvh;max-width:100vw;display:block;object-fit:contain}.opening-video__controls{position:absolute;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);display:flex;gap:10px}.opening-video__controls button{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 14px;color:#fff;background:#00000061;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.14em;cursor:pointer}.opening-video__controls button:hover{background:#ffffff24}.opening-video__controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}.loader-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,100,190,.2),transparent 36%),radial-gradient(circle at 25% 75%,rgba(102,123,255,.14),transparent 30%),#020308;padding:24px;overflow:hidden}.loader-inner{position:relative;z-index:2;width:min(780px,90vw);text-align:center}.loader-inner .eyebrow{font-size:11px;letter-spacing:.28em;color:#94a5c8}.loader-inner h1{margin:16px 0 8px;font-size:clamp(42px,7.5vw,88px);line-height:.92;letter-spacing:-.055em;background:linear-gradient(110deg,#fff 15%,#ffd66b 43%,#ff86cf 68%,#fff);background-size:220% auto;color:transparent;background-clip:text;animation:birthday-shimmer 3.5s linear infinite;filter:drop-shadow(0 0 28px rgba(255,122,198,.2))}.loader-inner p{margin:0 0 36px;font-size:clamp(20px,3vw,32px);color:#ffb6df;letter-spacing:.16em;font-weight:700}.loader-meter{height:2px;background:#ffffff1f;overflow:hidden}.loader-meter span{display:block;height:100%;background:#fff;transition:width .2s ease}.loader-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8894aa;font-size:12px}.loader-row button{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;padding:13px 18px;border-radius:999px;cursor:pointer}.loader-row button:disabled{opacity:.42;cursor:not-allowed}.loader-row button:not(:disabled){animation:birthday-pulse 2s ease-in-out infinite}.loader-row button:not(:disabled):hover{transform:translateY(-3px) scale(1.03);background:#ff86cf29}.loader-screen{background:radial-gradient(circle at 68% 35%,rgba(255,197,88,.22),transparent 28%),linear-gradient(180deg,#160604,#2b0908 48%,#080203)}.royal-palace{position:absolute;inset:0;overflow:hidden;pointer-events:none}.royal-palace__arch{position:absolute;left:50%;top:-33vh;width:min(78vw,1100px);height:76vh;transform:translate(-50%);border:clamp(16px,2.2vw,34px) solid #9c5b12;border-bottom:0;border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 5px #f6cf68,inset 0 0 45px #3b1605,0 0 55px #ffb9373d;background:radial-gradient(ellipse at 50% 88%,rgba(255,191,73,.16),transparent 48%)}.royal-palace__pillar{position:absolute;top:5%;bottom:0;width:clamp(52px,7vw,105px);background:linear-gradient(90deg,#4c2108,#d28a23 18%,#ffdc78 43%,#9b5714 70%,#3b1806);border:3px solid #e8b74f;box-shadow:0 0 36px #000000b3,inset 0 0 18px #ffeb9f80}.royal-palace__pillar:before,.royal-palace__pillar:after{content:"";position:absolute;left:-18%;width:136%;height:7%;background:linear-gradient(#ffd879,#7b3d08);border:2px solid #f6c65f}.royal-palace__pillar:before{top:-2%}.royal-palace__pillar:after{bottom:0}.royal-palace__pillar--left{left:4%}.royal-palace__pillar--right{right:4%}.royal-palace__curtain{position:absolute;top:0;bottom:0;width:25vw;background:repeating-linear-gradient(90deg,#3a0208 0,#950d1c 12%,#45030b 25%);opacity:.9;filter:drop-shadow(0 0 18px #000)}.royal-palace__curtain--left{left:-8vw;clip-path:polygon(0 0,100% 0,72% 55%,100% 100%,0 100%)}.royal-palace__curtain--right{right:-8vw;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,28% 55%)}.royal-palace__floor{position:absolute;left:-10%;right:-10%;bottom:-17%;height:44%;transform:perspective(450px) rotateX(64deg);transform-origin:bottom;background:repeating-linear-gradient(90deg,rgba(255,223,139,.11) 0 2px,transparent 2px 90px),repeating-linear-gradient(0deg,rgba(255,223,139,.1) 0 2px,transparent 2px 76px),linear-gradient(#49150d,#160504);box-shadow:0 -20px 70px #ff993321}.loader-inner--royal{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(300px,.72fr);grid-template-rows:1fr auto;align-items:center;gap:12px clamp(20px,4vw,64px);width:min(1180px,84vw);height:min(790px,88vh);text-align:left}.royal-copy{position:relative;z-index:3}.loader-inner--royal .eyebrow{color:#f0cc77;text-shadow:0 2px 12px #000}.loader-inner--royal h1{margin:18px 0 10px;font-size:clamp(52px,7vw,104px);background:linear-gradient(110deg,#fff4c2 10%,#d28a1b 37%,#fff1a8 58%,#ae5c0d 78%,#fff5c9);background-size:220% auto;background-clip:text;filter:drop-shadow(0 4px 0 #5a2108) drop-shadow(0 0 30px rgba(255,190,52,.32))}.loader-inner--royal p{margin-bottom:18px;color:#fff3d1;font-size:clamp(20px,2.8vw,36px);text-shadow:0 3px 18px #000}.royal-crown{width:max-content;color:#ffd76a;font-size:clamp(45px,5vw,72px);line-height:1;filter:drop-shadow(0 0 18px rgba(255,197,55,.6));animation:royal-crown-glow 2.8s ease-in-out infinite}.royal-proclamation{max-width:560px;color:#e6cda4;font-size:11px;line-height:1.7;letter-spacing:.22em}.royal-portrait{position:relative;z-index:2;align-self:end;height:min(72vh,710px);display:flex;align-items:flex-end;justify-content:center}.royal-portrait img{position:relative;z-index:2;display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(255,180,52,.22))}.royal-portrait__halo{position:absolute;z-index:1;width:82%;aspect-ratio:1;top:8%;border-radius:50%;background:radial-gradient(circle,#fff1a0 0,rgba(255,177,42,.34) 26%,transparent 68%);animation:royal-halo 4s ease-in-out infinite}.royal-loading{position:relative;z-index:4;grid-column:1/-1;padding:14px 18px 0;border-top:1px solid rgba(255,210,112,.25);background:linear-gradient(90deg,transparent,rgba(64,11,8,.65),transparent)}.loader-inner--royal .loader-meter{background:#ffe08f29}.loader-inner--royal .loader-meter span{background:linear-gradient(90deg,#8b4109,#ffe28b,#bd7018);box-shadow:0 0 15px #ffbd45}.loader-inner--royal .loader-row{color:#d8bd8a}.loader-inner--royal .loader-row button{border-color:#ffd26780;background:linear-gradient(135deg,#6f230ad1,#b462118c);color:#fff2c9;box-shadow:inset 0 0 16px #ffdc7b1a}.loader-inner--royal .loader-row button:not(:disabled):hover{background:linear-gradient(135deg,#8f360d,#d88a22)}.birthday-orb{position:absolute;width:280px;aspect-ratio:1;border-radius:50%;opacity:.2;animation:orb-float 7s ease-in-out infinite}.birthday-orb--one{left:-90px;top:12%;background:radial-gradient(circle at 35% 30%,#ffc75f,#ff4fa1 60%,transparent 62%)}.birthday-orb--two{right:-100px;bottom:8%;background:radial-gradient(circle at 35% 30%,#9cecff,#5269ff 60%,transparent 62%);animation-delay:-3.2s}.birthday-sparkles{position:absolute;inset:0;pointer-events:none}.birthday-sparkles i{position:absolute;top:-20px;width:7px;height:14px;border-radius:2px;background:#ffd66b;animation:confetti-fall 5s linear infinite}.birthday-sparkles i:nth-child(3n){background:#ff70bd}.birthday-sparkles i:nth-child(3n+1){background:#70dcff;border-radius:50%}.birthday-sparkles i:nth-child(1){left:5%;animation-delay:-1s}.birthday-sparkles i:nth-child(2){left:11%;animation-delay:-3.4s}.birthday-sparkles i:nth-child(3){left:18%;animation-delay:-.2s}.birthday-sparkles i:nth-child(4){left:25%;animation-delay:-4.2s}.birthday-sparkles i:nth-child(5){left:31%;animation-delay:-2.3s}.birthday-sparkles i:nth-child(6){left:38%;animation-delay:-.8s}.birthday-sparkles i:nth-child(7){left:44%;animation-delay:-3.8s}.birthday-sparkles i:nth-child(8){left:51%;animation-delay:-1.7s}.birthday-sparkles i:nth-child(9){left:57%;animation-delay:-4.6s}.birthday-sparkles i:nth-child(10){left:63%;animation-delay:-2.8s}.birthday-sparkles i:nth-child(11){left:69%;animation-delay:-.5s}.birthday-sparkles i:nth-child(12){left:75%;animation-delay:-3.1s}.birthday-sparkles i:nth-child(13){left:81%;animation-delay:-1.3s}.birthday-sparkles i:nth-child(14){left:87%;animation-delay:-4.4s}.birthday-sparkles i:nth-child(15){left:93%;animation-delay:-2s}.birthday-sparkles i:nth-child(16){left:35%;animation-delay:-4.9s}.birthday-sparkles i:nth-child(17){left:54%;animation-delay:-2.5s}.birthday-sparkles i:nth-child(18){left:72%;animation-delay:-.9s}@keyframes birthday-shimmer{to{background-position:220% center}}@keyframes birthday-pulse{50%{box-shadow:0 0 28px #ff86cf47;transform:scale(1.025)}}@keyframes orb-float{50%{transform:translateY(-28px) scale(1.08)}}@keyframes confetti-fall{to{transform:translate3d(35px,110vh,0) rotate(540deg)}}@keyframes royal-crown-glow{50%{transform:translateY(-5px);filter:drop-shadow(0 0 30px rgba(255,210,94,.9))}}@keyframes royal-halo{50%{transform:scale(1.08);opacity:.72}}@media(prefers-reduced-motion:reduce){.loader-inner h1,.loader-row button:not(:disabled),.birthday-orb,.birthday-sparkles i{animation:none}}.chapter-indicator{position:fixed;z-index:20;left:28px;bottom:28px;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.14em;text-shadow:0 2px 10px #000}.chapter-indicator span{color:#7d8aa4}.chapter-indicator strong{font-size:11px}.progress-track{position:fixed;z-index:20;left:28px;right:28px;bottom:14px;height:1px;background:#ffffff1f;overflow:hidden}.progress-track span{display:block;width:100%;height:100%;transform-origin:left center;background:#dfe6ff}.sound-control{display:flex;align-items:center;gap:8px;position:fixed;z-index:20;top:22px;right:22px;border:1px solid rgba(255,255,255,.16);color:#fff;background:#05081073;backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font-size:10px;letter-spacing:.14em;cursor:pointer}.scroll-cue{position:fixed;z-index:18;bottom:28px;right:28px;color:#8994a7;font-size:10px;letter-spacing:.16em}.scroll-cue__mobile{display:none}@media(max-width:700px){.opening-video__media{width:100vw;height:100dvh;object-fit:cover}.opening-video__controls{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:space-between}.opening-video__controls button{min-height:44px;padding:10px 16px}.loader-screen{padding:24px 18px max(24px,env(safe-area-inset-bottom))}.loader-inner{width:100%;max-width:520px}.loader-inner .eyebrow{font-size:9px;line-height:1.6}.loader-inner h1{margin-top:14px;font-size:clamp(38px,15vw,64px)}.loader-inner p{margin-bottom:28px;font-size:clamp(17px,6vw,26px)}.loader-row{align-items:stretch;flex-direction:column}.loader-row>span{align-self:flex-start}.loader-row button{min-height:50px;width:100%}.birthday-orb{width:190px}.royal-palace__pillar{width:38px;opacity:.72}.royal-palace__pillar--left{left:1%}.royal-palace__pillar--right{right:1%}.royal-palace__curtain{width:35vw;opacity:.7}.royal-palace__arch{top:-20vh;width:92vw;height:54vh;border-width:12px}.loader-inner--royal{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:4px;width:100%;height:calc(100dvh - 36px);text-align:center}.royal-copy{align-self:start;padding-top:max(4px,env(safe-area-inset-top))}.royal-crown{margin:0 auto;font-size:38px}.loader-inner--royal .eyebrow{font-size:8px}.loader-inner--royal h1{margin:7px 0 5px;font-size:clamp(34px,11vw,54px)}.loader-inner--royal p{margin-bottom:4px;font-size:clamp(15px,5.2vw,24px)}.royal-proclamation{display:none}.royal-portrait{align-self:center;justify-self:center;height:min(48vh,520px);min-height:250px}.royal-loading{grid-column:1;width:100%;padding:8px 0 0}.loader-inner--royal .loader-row{margin-top:10px;gap:8px}.chapter-indicator{left:14px;bottom:max(31px,calc(env(safe-area-inset-bottom) + 23px));max-width:calc(100vw - 28px)}.chapter-indicator strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.sound-control{top:max(12px,env(safe-area-inset-top));right:12px;min-width:44px;min-height:44px;justify-content:center}.scroll-cue{display:block;right:14px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));font-size:9px}.scroll-cue__desktop{display:none}.scroll-cue__mobile{display:inline}}@media(max-width:700px)and (orientation:landscape){.loader-inner h1{font-size:clamp(34px,9vw,52px)}.loader-inner p{margin-bottom:18px}.opening-video__controls{justify-content:flex-end}.loader-inner--royal{grid-template-columns:1fr .72fr;grid-template-rows:1fr auto;text-align:left}.royal-copy{padding-left:6vw;align-self:center}.royal-crown{margin:0}.royal-portrait{height:70vh}.royal-loading{grid-column:1/-1;padding:5px 7vw 0}.loader-inner--royal .loader-row{flex-direction:row;align-items:center}.loader-inner--royal .loader-row button{width:auto;min-height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}