@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--sparkle-purple:#9333ea;--sparkle-pink:#ec4899;--sparkle-blue:#3b82f6;--sparkle-teal:#14b8a6;--sparkle-gold:#f59e0b;--sparkle-deep:#1e1b4b;--sparkle-night:#0f0a1e;--gradient-magic:linear-gradient(135deg,var(--sparkle-purple) 0%,var(--sparkle-pink) 50%,var(--sparkle-blue) 100%);--gradient-night:linear-gradient(180deg,var(--sparkle-night) 0%,var(--sparkle-deep) 100%);--gradient-glow:radial-gradient(circle,#9333ea4d 0%,#0000 70%);--glass-bg:#ffffff14;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}#root,body,html{min-height:100vh;min-height:100dvh;width:100%}#root{background:#050510;display:flex;justify-content:center;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;color:#fff;font-family:Outfit,system-ui,-apple-system,sans-serif}@layer utilities{.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-light{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3}.text-glow{text-shadow:0 0 20px var(--sparkle-purple),0 0 40px var(--sparkle-pink)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-magic);-webkit-background-clip:text;background-clip:text}}.sparkle-container{background:#0000;box-shadow:0 0 50px #00000080;height:100vh;height:100dvh;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.sparkle-container.home-locked .realm-content{bottom:0}.sparkle-container:not(.home-locked){height:auto;min-height:100vh;overflow:visible}.sparkle-container:not(.home-locked) .realm-content{margin:0 auto;max-width:1200px;padding:0 20px}@media (min-width:768px){.sparkle-container:not(.home-locked) .realm-content{padding:0 40px}}@media (min-width:1024px){.sparkle-container:not(.home-locked) .realm-content{padding:0 60px}}.realm-bg-layer,.realm-fx-layer{height:100%;inset:0;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:1}.realm-fx-layer{z-index:2}.realm-bg-layer.home{background:radial-gradient(circle at 50% 100%,#1e40af 0,#1e3a8a 30%,#0f172a 70%,#020617 100%)}.home-stars-img{height:100%;mix-blend-mode:screen;object-fit:cover;opacity:.5;width:100%}.fx-star{animation:twinkle 4s ease-in-out infinite}.fx-nova,.fx-star{background:#fff;border-radius:50%;position:absolute}.fx-nova{animation:nova-twinkle 8s ease-in-out infinite}.fx-supernova{animation:supernova-burst 20s ease-in-out infinite;background:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:20px;position:absolute;width:20px}.fx-moon{animation:moon-glide 200s linear infinite;background:radial-gradient(circle at 30% 30%,#fff,#cbd5e1);box-shadow:0 0 30px #fff6;height:120px;width:120px}.fx-moon,.fx-nebula{border-radius:50%;position:absolute}.fx-nebula{animation:nebula-drift 40s ease-in-out infinite alternate;background:radial-gradient(circle,#38bdf840,#0000 70%);filter:blur(60px);height:60vh;left:40%;top:50%;width:70vw}.fx-nebula,.fx-nebula-2{mix-blend-mode:screen;opacity:.7}.fx-nebula-2{animation:nebula-drift 45s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#6366f159,#0000 70%);border-radius:50%;filter:blur(40px);height:50vh;left:60%;position:absolute;top:20%;width:50vw}.fx-rain{animation:rain 1s linear infinite;background:linear-gradient(180deg,#0000,#fff6);height:60px;position:absolute;width:1px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes nova-twinkle{0%,to{filter:blur(0);opacity:.3;transform:scale(1)}50%{box-shadow:0 0 12px #fff;filter:blur(1px);opacity:1;transform:scale(1.6)}}@keyframes supernova-burst{0%,94%,to{opacity:0;transform:scale(0) rotate(0deg)}96%{opacity:1;transform:scale(1.4) rotate(45deg)}98%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes moon-glide{0%{opacity:0;transform:translate(-60vw,8vh) rotate(-15deg)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translate(160vw,2vh) rotate(15deg)}}@keyframes nebula-drift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.15) translate(-3%,3%)}to{transform:scale(1) translate(0)}}@keyframes rain{0%{transform:translateY(-100px)}to{transform:translateY(110vh)}}.realm-bg-layer.media{background:#150202}.media-bg-img{height:100%;mix-blend-mode:overlay;object-fit:cover;opacity:.4;width:100%}.fx-dust{animation:dust-float linear infinite;background:#ffd6aa99;border-radius:50%;position:absolute}@keyframes dust-float{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}20%{opacity:.7}80%{opacity:.7}to{opacity:0;transform:translateY(-110vh) translateX(40px) rotate(1turn)}}.realm-bg-layer.games{background:linear-gradient(180deg,#1e1b4b,#312e81)}.fx-snow{animation:snow linear infinite;background:#fff;border-radius:50%;color:#fff;position:absolute}.fx-big-snow{animation:big-snow-fall 30s linear infinite;color:#fff;font-size:2rem;opacity:0;pointer-events:none}.fx-big-snow,.fx-snow-cap{left:0;position:absolute;top:0}.fx-snow-cap{background:#fff;border-radius:100% 100% 0 0;filter:blur(3px);height:20px;opacity:.8;width:100%;z-index:10}@keyframes snow{0%{transform:translateY(-10vh) translateX(0) rotate(0deg)}to{transform:translateY(110vh) translateX(20px) rotate(1turn)}}@keyframes big-snow-fall{0%{opacity:0;transform:translateY(-30vh) translateX(-10vw) scale(.5) rotate(0deg)}20%{opacity:.4}80%{opacity:.4}to{opacity:0;transform:translateY(110vh) translateX(10vw) scale(2.5) rotate(180deg)}}.realm-bg-layer.crafts{background:#171717}.fx-spill{animation:spill-down 15s ease-in-out infinite;background:var(--spill-color,#9333ea);filter:blur(80px);height:100%;mix-blend-mode:screen;opacity:0;position:absolute;top:0;transform-origin:top;width:15%}.fx-essence{animation:essence-rise 10s ease-out infinite;background:#fff9;border-radius:50%;bottom:0;height:6px;position:absolute;width:6px}@keyframes spill-down{0%{opacity:0;transform:translateY(-120%) scaleX(1)}10%{opacity:.6}50%{opacity:.8;transform:translateY(0) scaleX(1.5)}90%{opacity:.6}to{opacity:0;transform:translateY(120%) scaleX(1)}}@keyframes essence-rise{0%{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:.5}to{opacity:0;transform:translateY(-100vh) scale(1)}}.top-hud{display:flex;justify-content:space-between;left:50%;max-width:500px;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:6}.hud-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff26;border-radius:999px;display:flex;gap:.375rem;padding:.375rem .75rem;pointer-events:auto}.items-badge{border-color:#9333ea66;box-shadow:0 0 12px #9333ea33}.stars-badge{border-color:#f59e0b66;box-shadow:0 0 12px #f59e0b33}.badge-count,.badge-icon{font-size:.875rem}.badge-count{color:#fff;font-weight:600;min-width:1.25rem;text-align:center}.items-badge .badge-count{color:#c4b5fd}.stars-badge .badge-count{color:#fcd34d}.bottom-nav{align-items:center;border-radius:20px 20px 0 0;bottom:0;justify-content:center;left:50%;max-width:500px;padding:.375rem .5rem max(.375rem,env(safe-area-inset-bottom));position:fixed;transform:translateX(-50%);z-index:6}.bottom-nav,.nav-tabs{display:flex;width:100%}.nav-tabs{gap:.125rem;justify-content:space-around}.nav-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:.125rem;min-width:3.5rem;padding:.375rem .5rem;transition:all .2s ease}.nav-tab:hover{background:#ffffff1a;color:#fffc}.nav-tab.active{background:linear-gradient(135deg,#9333ea4d,#ec48994d);box-shadow:0 0 15px #9333ea4d;color:#fff}.nav-icon{font-size:1.125rem}.nav-label{font-size:.5rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.hotspot{border-radius:50%;cursor:pointer;pointer-events:auto;position:absolute;transition:box-shadow .3s ease;z-index:100}.hotspot.holding{animation:hotspot-pulse 1s ease-in-out infinite;background:#ffd7001a;box-shadow:0 0 20px #ffd70099}.hotspot.stirring{background:#8a2be21a;box-shadow:0 0 30px #8a2be2cc}.hotspot-debug{background:#000c;border-radius:4px;color:gold;font-family:monospace;font-size:10px;left:0;padding:2px 6px;pointer-events:none;position:absolute;top:-25px;white-space:nowrap;z-index:101}@keyframes hotspot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hatch-modal-overlay{animation:modal-fade-in .8s ease-out;backdrop-filter:blur(12px);background:#000000e6;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.hatch-modal-overlay,.hatch-video-container{align-items:center;display:flex;justify-content:center}.hatch-video-container{aspect-ratio:16/9;background:#000;border:3px solid var(--sparkle-gold,gold);border-radius:16px;box-shadow:0 0 40px #ffd7004d,inset 0 0 20px #ffd7001a;max-width:1000px;overflow:hidden;position:relative;width:90%}.hatch-video{height:100%;object-fit:cover;width:100%}.hatch-fallback{color:var(--sparkle-gold,gold);font-family:MedievalSharp,cursive;padding:2rem;text-align:center}.hatch-fallback h2{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 10px #ffd70080}.hatch-fallback p{color:#e0e0e0;font-size:1.2rem}.hatch-close-btn{background:linear-gradient(135deg,#4a0080,#2a0040);border:2px solid var(--sparkle-gold,gold);border-radius:30px;box-shadow:0 4px 15px #00000080;color:#fff;cursor:pointer;font-family:MedievalSharp,cursive;font-size:1.2rem;margin-top:2rem;opacity:0;padding:12px 32px;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hatch-close-btn.visible{opacity:1;transform:translateY(0)}.hatch-close-btn:hover{background:linear-gradient(135deg,#5a1090,#3a0050);box-shadow:0 0 20px #ffd70066;transform:scale(1.05)}.hatch-close-btn:active{transform:scale(.95)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.hatch-sparkle{animation:sparkle-float 2s ease-in-out infinite;background:radial-gradient(circle,#fff 10%,#0000 70%);border-radius:50%;pointer-events:none;position:absolute}@keyframes sparkle-float{0%,to{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1)}}.cathedral{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;width:100%}body.scrollable-realm .cathedral{overflow:visible}body.scrollable-realm .realm-content{inset:unset;min-height:100vh;min-height:100dvh;padding-bottom:80px;position:relative}.realm-content{inset:0;bottom:60px;display:flex;flex-direction:column;overflow:hidden;position:absolute;z-index:4}.realm-content.scrollable{overflow-x:hidden;overflow-y:visible;padding:1rem clamp(12px,3vw,48px)}.realm-loader{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loader-spinner{animation:spin 2s linear infinite;font-size:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.cathedral .realm-content.scrollable{padding:1rem 0}.cathedral .stage-container{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.cathedral .stage-img{display:block;object-fit:cover;width:100%}}
/*# sourceMappingURL=main.24f3ea34.css.map*/