@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";
:root{--pastel-pink:#ffb6c1;--pastel-lavender:#e6e6fa;--pastel-mint:#98fb98;--pastel-peach:#ffdab9;--pastel-blue:#87ceeb;--pastel-yellow:#fffacd;--pastel-coral:#ffb7b2;--pastel-purple:plum;--pastel-orange:#ffa07a;--primary-pink:#ff69b4;--primary-purple:#9b59b6;--primary-blue:#3498db;--primary-green:#2ecc71;--primary-yellow:#f1c40f;--primary-orange:#e67e22;--bg-light:#fff5f8;--bg-card:#fff;--bg-gradient-start:#fff0f5;--bg-gradient-mid:#e8f4fd;--bg-gradient-end:#f0fff0;--text-dark:#4a4a4a;--text-light:#7a7a7a;--text-white:#fff;--shadow-soft:0 10px 30px #ff69b426;--shadow-card:0 8px 25px #00000014;--shadow-hover:0 15px 40px #ff69b440;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-xl:50px;--radius-round:50%;--quality-common:#b8b8b8;--quality-rare:#87ceeb;--quality-epic:plum;--quality-legendary:gold;--quality-forbidden:#ff69b4;--quality-precious:tomato}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{background:linear-gradient(135deg,var(--bg-gradient-start)0%,var(--bg-gradient-mid)50%,var(--bg-gradient-end)100%);color:var(--text-dark);background-attachment:fixed;min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.8;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(to bottom,var(--pastel-pink),var(--pastel-lavender))}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary-pink),var(--primary-purple));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--primary-pink),var(--primary-blue))}.container{max-width:1400px;margin:0 auto;padding:0 20px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cloudFloat{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(10px)translateY(-5px)}75%{transform:translate(-10px)translateY(5px)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bubble{0%{opacity:0;transform:translateY(100vh)scale(0)}50%{opacity:.6}to{opacity:0;transform:translateY(-100vh)scale(1)}}.animate-float{animation:4s ease-in-out infinite float}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-wiggle{animation:1s ease-in-out infinite wiggle}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff9,#0000) 0 0/200% 100%;animation:2s linear infinite shimmer}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-fade-in-left{animation:.8s ease-out forwards fadeInLeft}.animate-fade-in-right{animation:.8s ease-out forwards fadeInRight}.animate-heart{animation:1.5s ease-in-out infinite heartBeat}.animate-rainbow{animation:5s linear infinite rainbow}.floating-decorations{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{border-radius:var(--radius-round);opacity:.4;position:absolute}.floating-shape:first-child{background:linear-gradient(135deg,var(--pastel-pink),var(--pastel-lavender));width:80px;height:80px;animation:6s ease-in-out infinite float;top:10%;left:5%}.floating-shape:nth-child(2){background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-blue));width:60px;height:60px;animation:8s ease-in-out 1s infinite float;top:20%;right:10%}.floating-shape:nth-child(3){background:linear-gradient(135deg,var(--pastel-peach),var(--pastel-yellow));width:100px;height:100px;animation:7s ease-in-out 2s infinite float;bottom:30%;left:8%}.floating-shape:nth-child(4){background:linear-gradient(135deg,var(--pastel-purple),var(--pastel-coral));width:50px;height:50px;animation:5s ease-in-out .5s infinite float;bottom:15%;right:5%}.floating-shape:nth-child(5){background:linear-gradient(135deg,var(--pastel-blue),var(--pastel-mint));width:70px;height:70px;animation:9s ease-in-out 1.5s infinite float;top:50%;left:2%}.floating-shape:nth-child(6){background:linear-gradient(135deg,var(--pastel-orange),var(--pastel-pink));width:40px;height:40px;animation:6s ease-in-out 2.5s infinite float;top:35%;right:3%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:3px solid #0000;border-image:linear-gradient(to right,var(--pastel-pink),var(--pastel-lavender),var(--pastel-blue),var(--pastel-mint))1;background:#ffffffe6;padding:15px 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #ff69b41a}.navbar.scrolled{box-shadow:0 8px 30px #ff69b433}.navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.logo{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple),var(--primary-blue));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ff69b44d;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-family:Nunito,sans-serif;font-size:28px;font-weight:900;text-decoration:none;display:flex}.logo-icon{font-size:32px;animation:2s ease-in-out infinite bounce}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{color:var(--text-dark);border-radius:var(--radius-xl);padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:var(--primary-pink);background:#ff69b41a;transform:translateY(-2px)}.mobile-menu-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;cursor:pointer;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:none;padding:8px 12px;font-size:24px;display:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(at 30% 20%,#ffb6c166 0%,#0000 50%),radial-gradient(at 70% 80%,#e6e6fa66 0%,#0000 50%),radial-gradient(#98fb9833 0%,#0000 60%);position:absolute;inset:0}.hero-mascot{filter:drop-shadow(0 10px 20px #0000001a);margin-bottom:20px;font-size:120px;animation:2s ease-in-out infinite bounce}.hero-title{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple),var(--primary-blue));-webkit-text-fill-color:transparent;letter-spacing:.05em;text-shadow:0 0 40px #ff69b44d;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:clamp(36px,8vw,72px);font-weight:900;animation:1s ease-out fadeInUp}.hero-subtitle{color:var(--text-light);opacity:0;margin-bottom:30px;font-size:clamp(18px,3vw,28px);font-weight:600;animation:1s ease-out .3s forwards fadeInUp}.hero-tagline{color:var(--text-light);opacity:0;max-width:500px;margin-bottom:40px;font-size:16px;line-height:2;animation:1s ease-out .6s forwards fadeInUp}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:20px;animation:1s ease-out .9s forwards fadeInUp;display:flex}.btn-primary{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;border-radius:var(--radius-xl);align-items:center;gap:10px;padding:18px 45px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;transform:translateY(0);box-shadow:0 6px #8b4570,0 10px 20px #ff69b466}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 10px #8b4570,0 15px 30px #ff69b480}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #8b4570,0 5px 15px #ff69b44d}.btn-secondary{color:var(--primary-pink);border-radius:var(--radius-xl);border:3px solid var(--primary-pink);background:#fff;align-items:center;gap:10px;padding:18px 45px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px #ff69b44d,0 10px 20px #ff69b41a}.btn-secondary:hover{background:linear-gradient(135deg,#ff69b41a,#9b59b61a);transform:translateY(-4px);box-shadow:0 10px #ff69b44d,0 15px 30px #ff69b433}.quality-badge{border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.05em;color:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0000001a}.quality-common{background:linear-gradient(135deg,#b8b8b8,#9a9a9a)}.quality-rare{background:linear-gradient(135deg,#87ceeb,#5dade2)}.quality-epic{background:linear-gradient(135deg,plum,#ba55d3)}.quality-legendary{background:linear-gradient(135deg,gold,orange)}.quality-forbidden{background:linear-gradient(135deg,#ff69b4,#ff1493)}.quality-precious{background:linear-gradient(135deg,tomato,#ff4500)}.section{z-index:1;scroll-snap-align:start;scroll-snap-stop:normal;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex;position:relative}.section-alt{background:linear-gradient(#ffb6c11a 0%,#e6e6fa1a 50%,#98fb981a 100%)}.section-header{text-align:center;margin-bottom:60px}.section-emoji{margin-bottom:15px;font-size:60px;animation:2s ease-in-out infinite bounce;display:block}.section-title{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:clamp(32px,5vw,48px);font-weight:900}.section-subtitle{color:var(--text-light);max-width:600px;margin:0 auto;font-size:18px;font-weight:500}.divider{background:linear-gradient(to right,var(--pastel-pink),var(--pastel-lavender),var(--pastel-mint),var(--pastel-peach));border-radius:2px;max-width:300px;height:4px;margin:30px auto;position:relative}.divider:before,.divider:after{content:"✦";font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.divider:before{color:var(--primary-pink);left:-25px}.divider:after{color:var(--primary-purple);right:-25px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.feature-card{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);background:#fff;border:3px solid #0000;padding:35px 25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(to right,var(--pastel-pink),var(--pastel-lavender),var(--pastel-mint));height:5px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:var(--pastel-pink);box-shadow:var(--shadow-hover);transform:translateY(-15px)scale(1.02)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{filter:drop-shadow(0 5px 10px #0000001a);margin-bottom:20px;font-size:60px;display:block}.feature-title{color:var(--primary-pink);margin-bottom:12px;font-size:24px;font-weight:800}.feature-desc{color:var(--text-light);font-size:15px;line-height:1.8}.sign-regions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.sign-region{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border:3px solid #0000;padding:25px;transition:all .3s}.sign-region:hover{border-color:var(--pastel-lavender);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.region-title{color:var(--primary-purple);border-bottom:3px dashed var(--pastel-lavender);align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;font-size:20px;font-weight:800;display:flex}.region-icon{font-size:24px}.region-items{flex-wrap:wrap;gap:8px;display:flex}.region-item{background:linear-gradient(135deg,var(--pastel-pink),var(--pastel-lavender));border-radius:var(--radius-lg);color:var(--text-dark);cursor:default;padding:8px 14px;font-size:13px;font-weight:600;transition:all .3s}.region-item:hover{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;transform:scale(1.05)}.cultivation-levels{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:40px;display:grid}.level-item{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fff,#f8f8f8);border:3px solid #0000;padding:25px 15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.level-item:before{content:"";background:linear-gradient(135deg,var(--pastel-peach),var(--pastel-yellow));opacity:0;transition:opacity .3s;position:absolute;inset:0}.level-item:hover{border-color:var(--pastel-yellow);transform:translateY(-10px)rotateX(10deg);box-shadow:0 20px 40px #f1c44f33,0 0 0 3px #f1c44f1a}.level-item:hover:before{opacity:.1}.level-icon{z-index:1;margin-bottom:10px;font-size:40px;display:block;position:relative}.level-name{color:var(--primary-purple);z-index:1;margin-bottom:8px;font-size:22px;font-weight:800;position:relative}.level-spirit{color:var(--text-light);z-index:1;font-size:13px;position:relative}.level-spirit span{color:var(--primary-orange);font-weight:700}.tower-section{background:linear-gradient(#ffa07a1a 0%,#dda0dd1a 50%,#87ceeb1a 100%)}.tower-floors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px;display:grid}.tower-floor{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;border:3px solid #0000;padding:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.tower-floor:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.tower-floor:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)rotateX(5deg)}.tower-floor.fire:before{background:linear-gradient(90deg,#ff6b35,#ff4500)}.tower-floor.fire:hover{border-color:#ff6b35}.tower-floor.metal:before{background:linear-gradient(90deg,silver,#a9a9a9)}.tower-floor.metal:hover{border-color:silver}.tower-floor.wood:before{background:linear-gradient(90deg,#228b22,#32cd32)}.tower-floor.wood:hover{border-color:#228b22}.tower-floor.water:before{background:linear-gradient(90deg,#4169e1,#1e90ff)}.tower-floor.water:hover{border-color:#4169e1}.tower-floor.earth:before{background:linear-gradient(90deg,#d2691e,peru)}.tower-floor.earth:hover{border-color:#d2691e}.tower-floor.wind:before{background:linear-gradient(90deg,#87ceeb,#00bfff)}.tower-floor.wind:hover{border-color:#87ceeb}.tower-floor.thunder:before{background:linear-gradient(90deg,gold,orange)}.tower-floor.thunder:hover{border-color:gold}.tower-floor.light:before{background:linear-gradient(90deg,#fff,#f0f0f0)}.tower-floor.light:hover{border-color:silver}.tower-floor.dark:before{background:linear-gradient(90deg,indigo,#8a2be2)}.tower-floor.dark:hover{border-color:indigo}.tower-floor.space:before{background:linear-gradient(90deg,#9400d3,#ba55d3)}.tower-floor.space:hover{border-color:#9400d3}.tower-floor.time:before{background:linear-gradient(90deg,#dc143c,tomato)}.tower-floor.time:hover{border-color:#dc143c}.floor-icon{margin-bottom:8px;font-size:30px;display:block}.floor-range{margin-bottom:5px;font-size:18px;font-weight:800}.tower-floor.fire .floor-range{color:#ff6b35}.tower-floor.metal .floor-range{color:#707070}.tower-floor.wood .floor-range{color:#228b22}.tower-floor.water .floor-range{color:#4169e1}.tower-floor.earth .floor-range{color:#d2691e}.tower-floor.wind .floor-range{color:#00bfff}.tower-floor.thunder .floor-range{color:orange}.tower-floor.light .floor-range{color:gray}.tower-floor.dark .floor-range{color:#8a2be2}.tower-floor.space .floor-range{color:#ba55d3}.tower-floor.time .floor-range{color:tomato}.floor-element{color:var(--text-light);font-size:13px}.interaction-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;display:grid}.interaction-card{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);background:#fff;border:3px solid #0000;flex-direction:column;align-items:center;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.interaction-card:before{content:"";background:linear-gradient(45deg,#0000,#ff69b41a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.interaction-card:hover{border-color:var(--pastel-coral);box-shadow:var(--shadow-hover);transform:translateY(-12px)scale(1.03)}.interaction-card:hover:before{left:100%}.interaction-icon{margin-bottom:15px;font-size:50px;transition:all .3s}.interaction-card:hover .interaction-icon{transform:scale(1.2)rotate(10deg)}.interaction-title{color:var(--primary-pink);margin-bottom:10px;font-size:22px;font-weight:800}.interaction-desc{color:var(--text-light);font-size:14px;line-height:1.7}.footer{border-top:3px solid var(--pastel-pink);text-align:center;background:linear-gradient(#ffb6c126 0%,#e6e6fa26 100%);padding:60px 0 30px;position:relative;overflow:hidden}.footer:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFB6C1' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.footer-title{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:28px;font-weight:900;position:relative}.footer-mascot{margin-bottom:20px;font-size:50px;animation:2s ease-in-out infinite bounce;display:block;position:relative}.footer-desc{color:var(--text-light);max-width:500px;margin:0 auto 25px;line-height:2;position:relative}.footer-cta{margin:25px 0;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:25px;display:flex;position:relative}.footer-links a{color:var(--primary-purple);border-radius:var(--radius-lg);padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--primary-pink);background:#ff69b41a}.footer-copyright{color:var(--text-light);font-size:14px}.quality-bar{flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;display:flex}.quality-item{flex-direction:column;align-items:center;gap:10px;display:flex}.quality-dot{border-radius:var(--radius-round);width:35px;height:35px;transition:all .3s;position:relative;box-shadow:0 4px 15px #00000026}.quality-dot:after{content:"";border-radius:var(--radius-round);opacity:0;border:2px dashed;transition:all .3s;position:absolute;inset:-5px}.quality-item:hover .quality-dot{transform:scale(1.3)}.quality-item:hover .quality-dot:after{opacity:.5;animation:4s linear infinite spin}.quality-label{font-size:13px;font-weight:700}@media (max-width:768px){.nav-links{border-radius:0 0 var(--radius-lg)var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:15px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{display:flex}.mobile-menu-btn{display:block}.hero{padding:100px 20px 60px}.hero-mascot{font-size:80px}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:280px}.section{padding:60px 0}.features-grid,.sign-regions{grid-template-columns:1fr}.cultivation-levels{grid-template-columns:repeat(2,1fr);gap:15px}.tower-floors,.interaction-grid{grid-template-columns:1fr}.quality-bar{gap:15px}}.sparkle{background:var(--primary-yellow);border-radius:var(--radius-round);width:10px;height:10px;animation:1.5s ease-in-out infinite starTwinkle;position:absolute}.sparkle:before,.sparkle:after{content:"";background:var(--primary-yellow);position:absolute}.sparkle:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.sparkle:after{width:2px;height:100%;left:50%;transform:translate(-50%)}.card-3d{transform-style:preserve-3d;perspective:1000px}.card-3d-inner{transform-style:preserve-3d;transition:transform .6s}.card-3d:hover .card-3d-inner{transform:rotateY(10deg)rotateX(5deg)}.gradient-border{border-radius:var(--radius-lg);background:#fff;position:relative}.gradient-border:before{content:"";background:linear-gradient(135deg,var(--pastel-pink),var(--pastel-lavender),var(--pastel-mint),var(--pastel-peach));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-3px}.gradient-border:hover:before{opacity:1}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;position:relative;overflow-y:scroll}.section{opacity:.85;transition:opacity .5s}.section-active{opacity:1}.section-active .section-title,.section-active .feature-card,.section-active .sign-region,.section-active .tower-floor,.section-active .level-item,.section-active .interaction-card{animation:.6s forwards sectionElementFadeIn}@keyframes sectionElementFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-nav{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffb6c14d;border-radius:30px;flex-direction:column;gap:12px;padding:15px 10px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 4px 20px #9b59b626}.section-nav-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;width:14px;height:14px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-dot-inner{background:linear-gradient(135deg,plum,plum);border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #9b59b64d}.section-nav-dot:hover{transform:scale(1.3)}.section-nav-dot:hover .nav-dot-inner{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));box-shadow:0 4px 15px #ff69b480}.section-nav-dot.active .nav-dot-inner{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));width:14px;height:14px;box-shadow:0 0 20px #ff69b499}.nav-dot-tooltip{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;margin-right:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:0 4px 15px #ff69b44d}.nav-dot-tooltip:after{content:"";border:6px solid #0000;border-left-color:var(--primary-purple);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.section-nav-dot:hover .nav-dot-tooltip{opacity:1;margin-right:8px}.scroll-hint{z-index:998;color:var(--text-light);pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;animation:3s ease-in-out infinite scrollHintFade;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.scroll-hint-icon{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollHintFade{0%,to{opacity:.6}50%{opacity:1}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.keyboard-hint{color:#fff;z-index:999;background:#000c;border-radius:10px;padding:10px 20px;font-size:13px;animation:4s forwards hintFadeInOut;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes hintFadeInOut{0%{opacity:0;transform:translate(-50%)translateY(20px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}@media (max-width:768px){.section-nav{display:none}.scroll-container{scroll-snap-type:y proximity}.section{min-height:auto;padding:60px 0}.scroll-hint{font-size:11px;bottom:20px}}.scroll-progress{background:linear-gradient(to right,var(--primary-pink),var(--primary-purple));z-index:1001;height:3px;transition:width .1s;position:fixed;top:0;left:0}.starry-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star{width:3px;height:3px;animation:starTwinkle var(--duration,3s)ease-in-out infinite;opacity:.6;background:#fff;border-radius:50%;position:absolute}.section-indicator{z-index:998;background:#dda0dd33;border-radius:1px;width:2px;height:200px;position:fixed;top:50%;right:50px;transform:translateY(-50%)}.section-indicator-fill{background:linear-gradient(to bottom,var(--primary-pink),var(--primary-purple));border-radius:1px;width:100%;transition:height .3s,top .3s;position:absolute}.hero{background:linear-gradient(135deg,#ffb6c133 0%,#e6e6fa33 50%,#98fb9833 100%)}.hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");position:absolute;inset:0}