:root{--void-absolute: #030305;--void-deep: #050508;--void-space: #0A0A12;--void-nebula: #0F0F1A;--electric-cyan: #00E5F0;--plasma-purple: #A855F7;--xp-gold: #F0C040;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--font-display: "Chakra Petch", sans-serif;--font-body: "Exo 2", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scrollIndicatorFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#void-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.void-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,229,240,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 100%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 20% 60%,rgba(0,229,240,.04) 0%,transparent 50%);z-index:1;pointer-events:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,240,.008) 2px,rgba(0,229,240,.008) 4px);z-index:2;pointer-events:none;opacity:.5}.logo-container{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .2s forwards}.landing-logo{filter:drop-shadow(0 0 40px rgba(0,229,240,.4));animation:logoFloat 6s ease-in-out infinite;transition:filter .4s var(--ease-out-expo)}.landing-logo:hover{filter:drop-shadow(0 0 60px rgba(0,229,240,.6))}.landing-tagline{background:linear-gradient(135deg,#ffffff 0%,var(--electric-cyan) 50%,var(--plasma-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fadeInUp 1s var(--ease-out-expo) .4s forwards,gradientShift 8s ease-in-out infinite;opacity:0}.landing-subtitle{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .6s forwards}.quest-cta-banner{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .8s forwards;box-shadow:0 0 15px #00e5f00f}.quest-cta-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,229,240,.12),transparent);animation:shimmer 3s ease-in-out infinite}.quest-cta-banner:hover{box-shadow:0 0 25px #00e5f01a}.mystery-cromons-desktop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}@media (min-width: 1024px){.mystery-cromons-desktop{display:block}}.mystery-cromon{position:absolute;opacity:0;animation:cromonReveal 1.2s var(--ease-out-expo) forwards}.mystery-cromon img{width:120px;height:auto;filter:brightness(.3) saturate(.5) drop-shadow(0 0 20px rgba(0,229,240,.3));transition:all .6s var(--ease-out-expo)}.mystery-cromon:hover img{filter:brightness(.5) saturate(.7) drop-shadow(0 0 40px rgba(0,229,240,.5));transform:scale(1.1)}.landing-page .cromon-1{top:12%;left:14%;right:auto;bottom:auto;animation-delay:1s}.landing-page .cromon-1 img{animation:float1 8s ease-in-out infinite}.landing-page .cromon-2{top:18%;right:12%;left:auto;bottom:auto;animation-delay:1.2s}.landing-page .cromon-2 img{animation:float2 7s ease-in-out infinite}.landing-page .cromon-3{top:52%;left:10%;right:auto;bottom:auto;animation-delay:1.4s}.landing-page .cromon-3 img{animation:float3 9s ease-in-out infinite}.landing-page .cromon-4{top:40%;right:14%;left:auto;bottom:auto;animation-delay:1.6s}.landing-page .cromon-4 img{animation:float4 8s ease-in-out infinite}.landing-page .cromon-5{bottom:22%;left:16%;right:auto;top:auto;animation-delay:1.8s}.landing-page .cromon-5 img{animation:float5 10s ease-in-out infinite}.landing-page .cromon-6{bottom:14%;right:10%;left:auto;top:auto;animation-delay:2s}.landing-page .cromon-6 img{animation:float6 7s ease-in-out infinite}@keyframes cromonReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float1{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-25px) rotate(-5deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float4{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-22px) rotate(-3deg)}}@keyframes float5{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes float6{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-20px) rotate(-4deg)}}.mystery-cromons-mobile{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) 1s forwards;scrollbar-width:none}.mystery-cromons-mobile::-webkit-scrollbar{display:none}@media (max-width: 500px){.mystery-cromons-mobile{flex-wrap:wrap;overflow-x:visible}}@media (min-width: 1024px){.mystery-cromons-mobile{display:none}}.mobile-cromon img{width:100%;height:auto;filter:brightness(.35) saturate(.5) drop-shadow(0 0 12px rgba(0,229,240,.3));animation:mobilePulse 4s ease-in-out infinite}.mobile-cromon:nth-child(1) img{animation-delay:0s}.mobile-cromon:nth-child(2) img{animation-delay:.3s}.mobile-cromon:nth-child(3) img{animation-delay:.6s}.mobile-cromon:nth-child(4) img{animation-delay:.9s}.mobile-cromon:nth-child(5) img{animation-delay:1.2s}.mobile-cromon:nth-child(6) img{animation-delay:1.5s}@keyframes mobilePulse{0%,to{transform:scale(1);filter:brightness(.35) saturate(.5) drop-shadow(0 0 12px rgba(0,229,240,.3))}50%{transform:scale(1.1);filter:brightness(.5) saturate(.6) drop-shadow(0 0 20px rgba(0,229,240,.5))}}.social-links{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) 1.2s forwards}.social-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s var(--ease-out-expo)}.social-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.social-btn.twitter:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #ffffff1a}.social-btn.discord{background:#5865f21a;border-color:#5865f24d}.social-btn.discord:hover{background:#5865f233;border-color:#5865f280;box-shadow:0 12px 40px #5865f233}.scroll-indicator{animation:scrollIndicatorFadeIn 1s var(--ease-out-expo) 1.6s both;transition:transform .4s var(--ease-out-expo)}.scroll-indicator:hover{transform:translateY(4px)}.scroll-indicator:hover .beacon-core{transform:scale(1.3);box-shadow:0 0 20px var(--electric-cyan),0 0 40px var(--electric-cyan),0 0 60px #00e5f066}.scroll-indicator:hover .scroll-line-fill{animation-duration:1s}.scroll-indicator:hover .scroll-text{color:#ffffffb3;letter-spacing:4px}.beacon-core{box-shadow:0 0 10px var(--electric-cyan),0 0 20px var(--electric-cyan),0 0 30px #00e5f04d;animation:beaconPulse 2s ease-in-out infinite;transition:all .4s var(--ease-out-expo)}@keyframes beaconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.beacon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--electric-cyan);border-radius:50%;opacity:0;pointer-events:none}.beacon-ring--1{width:20px;height:20px;animation:ringExpand 3s ease-out infinite}.beacon-ring--2{width:20px;height:20px;animation:ringExpand 3s ease-out infinite 1s}.beacon-ring--3{width:20px;height:20px;animation:ringExpand 3s ease-out infinite 2s}@keyframes ringExpand{0%{width:8px;height:8px;opacity:.8;border-width:2px}to{width:50px;height:50px;opacity:0;border-width:1px}}.scroll-line-fill{background:linear-gradient(180deg,var(--electric-cyan) 0%,rgba(0,229,240,.3) 50%,transparent 100%);animation:lineFill 2s ease-in-out infinite}@keyframes lineFill{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(100%);opacity:0}}.daily-claim-banner{position:relative;overflow:hidden;box-shadow:0 0 15px #f0c0400f}.daily-claim-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(240,192,64,.08),transparent);animation:shimmer 4s ease-in-out infinite}.daily-claim-banner:hover{box-shadow:0 0 25px #f0c0401a}.landing-footer{opacity:0;animation:fadeIn 1s var(--ease-out-expo) 1.5s forwards}.landing-footer a{color:var(--electric-cyan);text-decoration:none;transition:opacity .3s ease}.landing-footer a:hover{opacity:.7}.types-reveal-section{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) 1.3s forwards}.types-badge{animation:typesBadgeGlow 3s ease-in-out infinite}@keyframes typesBadgeGlow{0%,to{box-shadow:0 0 10px #a855f733}50%{box-shadow:0 0 20px #a855f766}}.counter-revealed{text-shadow:0 0 20px rgba(0,229,240,.6)}.type-card{transition:transform .4s var(--ease-out-expo)}.type-card:hover{transform:translateY(-4px)}.type-card--revealed{--glow-color: var(--type-color, #FF4500)}.type-card--revealed .type-card-inner{background:radial-gradient(ellipse 80% 80% at 50% 100%,color-mix(in srgb,var(--type-color) 30%,transparent) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 50% 0%,color-mix(in srgb,var(--type-color) 20%,transparent) 0%,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--type-color) 10%,transparent) 0%,transparent 100%);border:1px solid color-mix(in srgb,var(--type-color) 40%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--type-color) 20%,transparent),inset 0 0 30px color-mix(in srgb,var(--type-color) 10%,transparent)}.type-card--revealed .type-name{text-shadow:0 0 20px color-mix(in srgb,var(--type-color) 50%,transparent)}.type-card--revealed .shard-image{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--type-color) 60%,transparent))}.type-card--revealed .type-badge-new{background:linear-gradient(135deg,var(--type-color),color-mix(in srgb,var(--type-color) 80%,#fff))}.type-card--revealed .type-card-glow{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--type-color) 40%,transparent) 0%,color-mix(in srgb,var(--type-color) 20%,transparent) 30%,transparent 60%)}.type-card--revealed .shard-particles:before,.type-card--revealed .shard-particles:after{background:var(--type-color);box-shadow:0 0 8px var(--type-color)}.type-card-glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--type-color, #FF4500) 40%,transparent) 0%,color-mix(in srgb,var(--type-color, #FF4500) 20%,transparent) 30%,transparent 60%);animation:typeGlow 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes typeGlow{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.1);opacity:1}}.shard-image{animation:shardFloat 4s ease-in-out infinite}@keyframes shardFloat{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-8px) rotate(2deg) scale(1.02)}}.shard-particles{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none}.shard-particles:before,.shard-particles:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;animation:spark 2s ease-out infinite}.shard-particles:before{left:30%;bottom:20%;animation-delay:0s}.shard-particles:after{right:25%;bottom:30%;animation-delay:.8s}@keyframes spark{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) translate(10px) scale(0);opacity:0}}.type-badge-new{animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--type-color, #FF4500) 50%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--type-color, #FF4500) 80%,transparent)}}.type-card--locked:hover{transform:none}.type-card--locked:hover .type-mystery{transform:scale(1.05);border-color:#ffffff26}.type-mystery{transition:all .3s ease}.type-card--hidden-mobile{display:none}@media (min-width: 1024px){.type-card--hidden-mobile{display:block}}@media (min-width: 1024px){.types-grid>.type-card:nth-child(9){grid-column-start:2}}.roadmap-section{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) 1.4s forwards}.roadmap-timeline:before{content:"";position:absolute;left:20px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,var(--electric-cyan) 0%,var(--plasma-purple) 50%,rgba(168,85,247,.2) 100%);border-radius:1px}@media (min-width: 768px){.roadmap-timeline:before{left:24px}}.roadmap-node{transition:all .4s var(--ease-out-expo)}.roadmap-node:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid var(--node-color, var(--electric-cyan));border-radius:50%;opacity:0;animation:nodePulse 3s ease-in-out infinite}.roadmap-item:nth-child(1) .roadmap-node:before{animation-delay:0s}.roadmap-item:nth-child(2) .roadmap-node:before{animation-delay:.5s}.roadmap-item:nth-child(3) .roadmap-node:before{animation-delay:1s}.roadmap-item:nth-child(4) .roadmap-node:before{animation-delay:1.5s}.roadmap-item:nth-child(5) .roadmap-node:before{animation-delay:2s}@keyframes nodePulse{0%,to{transform:scale(1);opacity:0}50%{transform:scale(1.3);opacity:.6}}.roadmap-item:last-child .roadmap-node{border-style:dashed;opacity:.6}.roadmap-item:last-child .roadmap-node:before{display:none}.roadmap-item--done .roadmap-node{font-size:0}.roadmap-item--done .roadmap-node:before{content:"";font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:900;font-size:16px;position:static;inset:auto;border:none;opacity:1;animation:none;color:var(--void-absolute)}@media (min-width: 768px){.roadmap-item--done .roadmap-node:before{font-size:18px}}.roadmap-item--done .roadmap-node:after{display:none}.roadmap-item--done .roadmap-card{opacity:.7}.roadmap-item--done .roadmap-card-title:after{content:"Done";font-family:var(--font-mono);font-size:10px;font-weight:500;font-style:normal;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;background:color-mix(in srgb,var(--node-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 25%,transparent);border-radius:100px;color:var(--node-color);white-space:nowrap;opacity:.7}.roadmap-item--active .roadmap-node{animation:activeNodeGlow 2s ease-in-out infinite}.roadmap-item--active .roadmap-node:before{top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid transparent;border-top-color:var(--node-color);border-right-color:var(--node-color);opacity:1;animation:activeRingSpin 3s linear infinite}.roadmap-item--active .roadmap-node:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid var(--node-color);border-radius:50%;opacity:0;animation:activeNodePulse 2s ease-out infinite}.roadmap-item--active .roadmap-card{position:relative;overflow:hidden}.roadmap-item--active .roadmap-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--node-color) 15%,transparent),transparent);animation:activeCardShimmer 4s ease-in-out infinite}.roadmap-item--active .roadmap-card-title:after{content:"In Progress";font-family:var(--font-mono);font-size:10px;font-weight:500;font-style:normal;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;background:color-mix(in srgb,var(--node-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 40%,transparent);border-radius:100px;color:var(--node-color);white-space:nowrap;animation:badgePulse 2s ease-in-out infinite}@keyframes activeNodeGlow{0%,to{box-shadow:0 0 30px color-mix(in srgb,var(--node-color) 60%,transparent),0 0 60px color-mix(in srgb,var(--node-color) 30%,transparent),inset 0 0 20px #fff3}50%{box-shadow:0 0 40px color-mix(in srgb,var(--node-color) 80%,transparent),0 0 80px color-mix(in srgb,var(--node-color) 40%,transparent),inset 0 0 25px #ffffff4d}}@keyframes activeRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes activeNodePulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes activeCardShimmer{0%,to{left:-100%}50%{left:100%}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.roadmap-card{transition:all .4s var(--ease-out-expo)}.roadmap-card:hover{background:var(--glass-hover);border-color:#ffffff1f;transform:translate(8px);box-shadow:-4px 0 20px color-mix(in srgb,var(--node-color) 15%,transparent);border-left-color:color-mix(in srgb,var(--node-color) 30%,transparent)}.roadmap-item:last-child .roadmap-card{opacity:.5;border-style:dashed}.roadmap-item:last-child .roadmap-card-title{color:var(--text-tertiary);font-style:italic}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(180deg,#0f172acc,#0f172a00);pointer-events:none}.site-header>*{pointer-events:auto}.site-header .header-spacer{flex:1}@media (max-width: 640px){.site-header{padding:12px 16px}}.wallet-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;font-family:var(--font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,#22d3ee26,#a855f726);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,211,238,.3);color:#fff;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a}.wallet-btn i{font-size:16px;transition:transform .3s ease}.wallet-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--electric-cyan) 0%,var(--plasma-purple) 100%);border-radius:10px;z-index:-1;opacity:0;transition:opacity .3s ease}.wallet-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22d3ee4d,0 4px 20px #a855f733,inset 0 1px #ffffff26;border-color:#22d3ee80}.wallet-btn:hover:before{opacity:.5}.wallet-btn:hover i{transform:scale(1.1)}.wallet-btn:active{transform:translateY(0)}@media (max-width: 640px){.wallet-btn{padding:10px 18px;font-size:13px;gap:8px}.wallet-btn i{font-size:14px}}@media (max-width: 400px){.wallet-btn{padding:10px 14px;font-size:12px}}.coming-soon-page{background:var(--dark-primary);color:var(--cromon-cream);font-family:var(--font-body);min-height:100vh;position:relative;line-height:1.6}@media (max-width: 767.98px){.coming-soon-page{padding-top:32px}}.coming-soon-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(45,124,111,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.1) 0%,transparent 50%),var(--dark-primary);z-index:-2}.particles{position:fixed;width:100%;height:100%;overflow:hidden;z-index:-1}.mystery-cromon{position:fixed;z-index:0;pointer-events:none}.cromon-ghost{height:auto;opacity:0;filter:drop-shadow(0 0 15px rgba(45,124,111,.3));animation:cromonAppear 12s ease-in-out infinite}.cromon-1{top:15%;right:10%}.cromon-1 .cromon-ghost{width:130px;transform:scale(.8) rotate(-10deg);animation-delay:2s;animation-duration:18s}.cromon-2{top:70%;left:8%}.cromon-2 .cromon-ghost{width:150px;transform:scale(.6) rotate(15deg);animation-delay:5s;animation-duration:18s}.cromon-3{top:25%;left:15%}.cromon-3 .cromon-ghost{width:115px;transform:scale(.7) rotate(-5deg);animation-delay:8s;animation-duration:18s}.cromon-4{top:60%;right:15%}.cromon-4 .cromon-ghost{width:140px;transform:scale(.65) rotate(12deg);animation-delay:11s;animation-duration:18s}.cromon-5{top:10%;left:25%}.cromon-5 .cromon-ghost{width:160px;transform:scale(.75) rotate(-8deg);animation-delay:14s;animation-duration:18s}.cromon-6{top:45%;right:5%}.cromon-6 .cromon-ghost{width:135px;transform:scale(.6) rotate(18deg);animation-delay:17s;animation-duration:18s}.mobile-cromon-carousel{position:relative;width:150px;height:150px;margin:0 auto;display:flex;align-items:center;justify-content:center}.mystery-cromon-mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mystery-cromon-mobile .cromon-ghost-mobile{width:150px;height:auto;opacity:0;filter:drop-shadow(0 0 15px rgba(45,124,111,.4));animation:cromonCarouselFade 24s ease-in-out infinite}.cromon-mobile-1 .cromon-ghost-mobile{animation-delay:0s}.cromon-mobile-2 .cromon-ghost-mobile{animation-delay:4s}.cromon-mobile-3 .cromon-ghost-mobile{animation-delay:8s}.cromon-mobile-4 .cromon-ghost-mobile{animation-delay:12s}.cromon-mobile-5 .cromon-ghost-mobile{animation-delay:16s}.cromon-mobile-6 .cromon-ghost-mobile{animation-delay:20s}@keyframes cromonCarouselFade{0%{opacity:0;transform:scale(.9)}4.17%{opacity:1;transform:scale(1)}12.5%{opacity:1;transform:scale(1)}16.67%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}.particle{position:absolute;background:var(--electric-cyan);border-radius:50%;animation:floatUp 8s ease-in-out infinite;opacity:0}.particle:nth-child(1){left:10%;width:4px;height:4px;animation-delay:0s;animation-duration:6s}.particle:nth-child(2){left:20%;width:6px;height:6px;animation-delay:1s;animation-duration:8s}.particle:nth-child(3){left:30%;width:3px;height:3px;animation-delay:2s;animation-duration:7s}.particle:nth-child(4){left:40%;width:5px;height:5px;animation-delay:3s;animation-duration:9s}.particle:nth-child(5){left:50%;width:4px;height:4px;animation-delay:4s;animation-duration:6s}.particle:nth-child(6){left:60%;width:7px;height:7px;animation-delay:5s;animation-duration:8s}.particle:nth-child(7){left:70%;width:3px;height:3px;animation-delay:2.5s;animation-duration:7s}.particle:nth-child(8){left:80%;width:5px;height:5px;animation-delay:1.5s;animation-duration:9s}.particle:nth-child(9){left:90%;width:4px;height:4px;animation-delay:3.5s;animation-duration:6s}.particle-yellow{left:15%!important;width:5px!important;height:5px!important;animation:floatUpColorCycle1 15s ease-in-out infinite!important;animation-delay:1.8s!important}.particle-red{left:75%!important;width:6px!important;height:6px!important;animation:floatUpColorCycle2 18s ease-in-out infinite!important;animation-delay:4.2s!important}.particle-orange{left:55%!important;width:4px!important;height:4px!important;animation:floatUpColorCycle3 21s ease-in-out infinite!important;animation-delay:2.7s!important}@keyframes floatUpColorCycle1{0%{transform:translateY(100vh) translate(0);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}8%{opacity:.8;background:#fde68a;box-shadow:0 0 6px #fde68a99}13%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}16.66%{transform:translateY(100vh) translate(0);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}25%{opacity:.8;background:#f87171;box-shadow:0 0 8px #f8717199}30%{transform:translateY(-10vh) translate(20px);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}33.33%{transform:translateY(100vh) translate(0);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}41.66%{opacity:.8;background:#fb923c;box-shadow:0 0 7px #fb923c99}46.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}50%{transform:translateY(100vh) translate(0);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}58.33%{opacity:.8;background:#34d399;box-shadow:0 0 6px #34d39999}63.33%{transform:translateY(-10vh) translate(20px);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}66.66%{transform:translateY(100vh) translate(0);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}75%{opacity:.8;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}80%{transform:translateY(-10vh) translate(20px);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}83.33%{transform:translateY(100vh) translate(0);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}91.66%{opacity:.9;background:#fff;box-shadow:0 0 8px #fffc}96.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}to{transform:translateY(100vh) translate(0);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}}@keyframes floatUpColorCycle2{0%{transform:translateY(100vh) translate(0);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}8%{opacity:.8;background:#fb923c;box-shadow:0 0 7px #fb923c99}13%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}16.66%{transform:translateY(100vh) translate(0);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}25%{opacity:.8;background:#34d399;box-shadow:0 0 6px #34d39999}30%{transform:translateY(-10vh) translate(20px);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}33.33%{transform:translateY(100vh) translate(0);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}41.66%{opacity:.8;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}46.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}50%{transform:translateY(100vh) translate(0);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}58.33%{opacity:.9;background:#fff;box-shadow:0 0 8px #fffc}63.33%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}66.66%{transform:translateY(100vh) translate(0);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}75%{opacity:.8;background:#fde68a;box-shadow:0 0 6px #fde68a99}80%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}83.33%{transform:translateY(100vh) translate(0);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}91.66%{opacity:.8;background:#f87171;box-shadow:0 0 8px #f8717199}96.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}to{transform:translateY(100vh) translate(0);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}}@keyframes floatUpColorCycle3{0%{transform:translateY(100vh) translate(0);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}8%{opacity:.8;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}13%{transform:translateY(-10vh) translate(20px);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}16.66%{transform:translateY(100vh) translate(0);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}25%{opacity:.9;background:#fff;box-shadow:0 0 8px #fffc}30%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fff;box-shadow:0 0 8px #fffc}33.33%{transform:translateY(100vh) translate(0);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}41.66%{opacity:.8;background:#fde68a;box-shadow:0 0 6px #fde68a99}46.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fde68a;box-shadow:0 0 6px #fde68a99}50%{transform:translateY(100vh) translate(0);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}58.33%{opacity:.8;background:#f87171;box-shadow:0 0 8px #f8717199}63.33%{transform:translateY(-10vh) translate(20px);opacity:0;background:#f87171;box-shadow:0 0 8px #f8717199}66.66%{transform:translateY(100vh) translate(0);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}75%{opacity:.8;background:#fb923c;box-shadow:0 0 7px #fb923c99}80%{transform:translateY(-10vh) translate(20px);opacity:0;background:#fb923c;box-shadow:0 0 7px #fb923c99}83.33%{transform:translateY(100vh) translate(0);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}91.66%{opacity:.8;background:#34d399;box-shadow:0 0 6px #34d39999}96.66%{transform:translateY(-10vh) translate(20px);opacity:0;background:#34d399;box-shadow:0 0 6px #34d39999}to{transform:translateY(100vh) translate(0);opacity:0;background:#a78bfa;box-shadow:0 0 8px #a78bfa99}}@keyframes floatUp{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-10vh) translate(20px);opacity:0}}@keyframes cromonAppear{0%,10%{opacity:0;transform:scale(.6) rotate(-15deg) translateY(30px)}15%{opacity:.8;transform:scale(1) rotate(-5deg) translateY(0)}20%,27%{opacity:.8;transform:scale(1.02) rotate(2deg) translateY(-5px)}33%{opacity:0;transform:scale(.7) rotate(-15deg) translateY(25px)}to{opacity:0;transform:scale(.7) rotate(-15deg) translateY(25px)}}.content{z-index:10}.logo{width:350px;max-width:100%;filter:drop-shadow(0 0 20px rgba(45,124,111,.5));animation:logoGlow 4s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:drop-shadow(0 0 20px rgba(45,124,111,.5));transform:scale(1)}to{filter:drop-shadow(0 0 30px rgba(45,124,111,.8));transform:scale(1.02)}}.tagline{font-family:var(--font-heading);font-size:40px;font-weight:600;margin-bottom:16px;background:var(--cromon-hologram);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideUp 1s ease-out .5s both;white-space:normal;position:relative;line-height:1.2}.tagline:before{content:"The Ultimate Keeper Adventure";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 47%,rgba(255,255,255,.9) 50%,transparent 53%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine-sweep 4s linear infinite;animation-delay:3s;z-index:1;white-space:normal;line-height:1.2}@keyframes shine-sweep{0%,9%{background-position:100% 0;opacity:0}10%{background-position:100% 0;opacity:1}35%{background-position:-100% 0;opacity:1}60%{background-position:-100% 0;opacity:0}to{background-position:100% 0;opacity:0}}.subtitle{font-size:19px;color:var(--electric-cyan);margin-bottom:48px;opacity:.9;animation:slideUp 1s ease-out .7s both}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.coming-soon{font-family:var(--font-heading);font-size:29px;font-weight:600;color:var(--cromon-cream);margin-bottom:32px;animation:slideUp 1s ease-out .9s both}.coming-soon-subtitle{display:block;font-size:18px;font-weight:400;opacity:.85;margin-top:8px}.loading-container{margin:48px auto;animation:slideUp 1s ease-out 1.1s both}.elegant-loader{width:120px;height:120px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top:2px solid var(--cromon-teal);border-right:2px solid var(--electric-cyan);border-radius:50%;animation:elegant-spin 2s linear infinite;box-shadow:0 0 20px #2d7c6f4d}.loader-ring-inner{position:absolute;width:80%;height:80%;top:10%;left:10%;border:1px solid transparent;border-bottom:1px solid var(--plasma-purple);border-left:1px solid var(--electric-cyan);border-radius:50%;animation:elegant-spin 1.5s linear infinite reverse;opacity:.7}.loader-center{width:12px;height:12px;background:linear-gradient(135deg,var(--cromon-teal),var(--electric-cyan));border-radius:50%;animation:center-pulse 2s ease-in-out infinite;box-shadow:0 0 15px #2d7c6f99}@keyframes elegant-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes center-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #2d7c6f99}50%{transform:scale(1.3);box-shadow:0 0 25px #2d7c6fe6}}.progress-dot{width:6px;height:6px;background:#2d7c6f4d;border-radius:50%;animation:dot-wave 1.5s ease-in-out infinite}.progress-dot:nth-child(1){animation-delay:0s}.progress-dot:nth-child(2){animation-delay:.2s}.progress-dot:nth-child(3){animation-delay:.4s}.progress-dot:nth-child(4){animation-delay:.6s}.progress-dot:nth-child(5){animation-delay:.8s}@keyframes dot-wave{0%,60%,to{background:#2d7c6f4d;transform:scale(1)}30%{background:var(--electric-cyan);transform:scale(1.4);box-shadow:0 0 8px var(--electric-cyan)}}.loading-text{font-size:14px;color:#fdf5d7cc;text-align:center;letter-spacing:1px;animation:text-pulse 2s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:.8}50%{opacity:1}}.social-links{animation:slideUp 1s ease-out 1.2s both}.x-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;color:var(--cromon-cream);text-decoration:none;border-radius:50px;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.x-link i{font-size:18px;color:#fff}.x-link:hover{background:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a;border-color:#ffffff4d}.x-link:focus{outline:2px solid var(--electric-cyan);outline-offset:2px}.footer{font-size:14px;color:#fdf5d799;animation:slideUp 1s ease-out 1.3s both;padding:32px 0}@media (max-width: 767.98px){.footer{padding:24px 0}.coming-soon-page{padding-top:24px}}@media (max-width: 992px) and (max-height: 900px){.coming-soon-page{padding-top:24px}}@media (max-height: 700px){.coming-soon-page{padding-top:16px}}@media (max-width: 767.98px){.tagline{font-size:29px}.elegant-loader{width:100px;height:100px}.progress-dot{width:5px;height:5px}}@media (max-width: 575.98px){.tagline{font-size:22px}.elegant-loader{width:80px;height:80px}.loader-center{width:10px;height:10px}.loading-text{font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}