.onboarding-container{position:relative;width:100%;max-width:400px;margin:0 auto;overflow:hidden}.onboarding-slides{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1);width:500%}.onboarding-slide{width:20%;flex-shrink:0;padding:2rem 2rem 1.5rem;text-align:center;min-height:550px;display:flex;flex-direction:column;justify-content:space-between}.onboarding-image{width:200px;height:200px;margin:0 auto 1rem;flex-shrink:0}.onboarding-slide img{width:200px;height:200px;object-fit:contain}.onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem}.onboarding-header{font-size:1.5rem;font-weight:700;color:var(--palex-primary, #1e40af);margin-bottom:1rem;line-height:1.3}.onboarding-text{font-size:1rem;color:var(--palex-text, #64748b);line-height:1.6;max-width:280px;margin:0 auto}.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:auto}.onboarding-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:.9rem}.onboarding-btn-skip{background:transparent;color:var(--palex-tertiary, #00333F);text-decoration:underline}.onboarding-btn-skip:hover{color:var(--palex-tertiary-hover, #004455);background:transparent}.onboarding-btn-next{background:transparent;color:var(--palex-tertiary, #00333F);min-width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--palex-tertiary, #00333F)}.onboarding-btn-next:hover{background:var(--palex-tertiary, #00333F);color:#fff;transform:scale(1.05)}.onboarding-btn-complete{background-color:var(--palex-tertiary, #00333F)!important;color:#fff!important;width:100%;padding:1rem 2rem;font-size:1.1rem;border-radius:9999px!important;border:none!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease}.onboarding-btn-complete:hover{background-color:var(--palex-tertiary-hover, #004455)!important;transform:scale(1.05);color:#fff!important}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.onboarding-dot.active{background:var(--palex-tertiary, #00333F);transform:scale(1.2)}@media(max-width:640px){.onboarding-slide{padding:1.5rem 1.5rem 1rem;min-height:500px}.onboarding-slide img{width:180px;height:180px;margin-bottom:1rem}.onboarding-header{font-size:1.25rem}.onboarding-text{font-size:.9rem}}.onboarding-swipe-hint{text-align:center;margin-top:.75rem;color:#94a3b8;font-size:.75rem;animation:fadeInOut 3s infinite}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}.hamburger-menu-btn{position:relative;z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.hamburger-menu-btn:hover{box-shadow:0 4px 8px #00000026}.hamburger-icon{width:18px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;width:100%;height:2px;background-color:#374151;border-radius:1px;transition:all .3s ease}.hamburger-menu-btn.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu-btn.active .hamburger-icon span:nth-child(2){opacity:0}.hamburger-menu-btn.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.show{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu.show{transform:translate(0)}.mobile-menu .p-6{padding:24px}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.mobile-menu-logo{display:flex;align-items:center;gap:12px}.mobile-menu-logo img{height:32px;width:auto}.mobile-menu-logo span{font-weight:600;font-size:18px;color:var(--palex-primary, #009688)}.mobile-menu-close{padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease;background:none;border:none;cursor:pointer}.mobile-menu-close:hover{background-color:#f3f4f6;color:#374151}.mobile-menu-items{list-style:none;padding:0;margin:0}.mobile-menu-items li{margin-bottom:8px}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#374151;text-decoration:none;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.mobile-menu-item:hover{background-color:#f3f4f6;color:var(--palex-primary, #009688)}.mobile-menu-item img{width:20px;height:20px}.mobile-menu-item.logout{color:#dc2626}.mobile-menu-item.logout:hover{background-color:#fef2f2;color:#dc2626}body.menu-open{overflow:hidden}@media(min-width:768px){.hamburger-menu-btn{display:block!important}.mobile-menu{width:320px}}.dashboard-header{min-height:80px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a}.dashboard-header .flex{align-items:center!important}.dashboard-logo{transition:transform .3s ease;max-height:48px}.dashboard-logo:hover{transform:scale(1.05)}.ranking-badge{background-color:var(--palex-secondary, #FF8C00);color:#fff;font-weight:600;font-size:14px;padding:6px 12px;border-radius:9999px;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px!important;box-shadow:0 2px 8px #ff8c0033;transition:all .2s ease}.ranking-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff8c004d}.user-avatar-container{position:relative;display:flex;align-items:center}.user-avatar{position:relative}.user-avatar img,.user-avatar div{width:48px;height:48px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.user-avatar:hover img,.user-avatar:hover div{transform:scale(1.05);box-shadow:0 4px 16px #00000026}.ranking-badge{position:absolute;bottom:-5px!important;left:-20px!important;background-color:var(--palex-secondary, #FF8C00);color:#fff;font-weight:600;font-size:10px!important;padding:2px 6px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:16px!important;box-shadow:0 2px 8px #ff8c004d;transition:all .2s ease;z-index:10}@media(max-width:640px){.ranking-badge{font-size:12px;padding:4px 8px;min-width:40px;height:28px}.user-avatar div span{font-size:12px}}@media(max-width:480px){.dashboard-header .flex.items-center.space-x-3{gap:.5rem}.ranking-badge{font-size:10px;min-width:36px;height:26px!important}.user-avatar img,.user-avatar div{width:32px;height:32px}}.dashboard-header{animation:slideDownFade .4s ease-out}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.dashboard-header .w-12{width:3rem}}@media(min-width:768px){.dashboard-header .w-12{width:0}}.basecamp-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:12px;transition:all .3s ease;cursor:pointer}.basecamp-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.basecamp-locked{background-color:#f7f7f7}.basecamp-locked:hover{background-color:#f0f0f0}.basecamp-open{background-color:#e3f8f6}.basecamp-open:hover{background-color:#d0f2ed}.basecamp-completed{background-color:#b2dfdb}.basecamp-completed:hover{background-color:#a5d6d3}.basecamp-closed{background-color:#f7f7f7}.basecamp-closed:hover{background-color:#f0f0f0}.basecamp-content{flex:1}.basecamp-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.basecamp-name{font-size:.875rem;opacity:.8}.basecamp-locked .basecamp-title,.basecamp-locked .basecamp-name{color:#535353}.basecamp-open .basecamp-title,.basecamp-open .basecamp-name{color:var(--palex-primary, #009688)}.basecamp-completed .basecamp-title,.basecamp-completed .basecamp-name{color:#00625b;font-weight:600}.basecamp-closed .basecamp-title,.basecamp-closed .basecamp-name{color:#535353}.dashboard-basecamp-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.dashboard-basecamp-icon-locked{background-color:#a9a9a9;box-shadow:0 2px 8px #a9a9a94d}.basecamp-item:hover .dashboard-basecamp-icon-locked{background-color:#909090;transform:scale(1.1);box-shadow:0 4px 12px #a9a9a966}.dashboard-basecamp-icon-open{background-color:var(--palex-primary, #009688);box-shadow:0 2px 8px #0096884d}.basecamp-item:hover .dashboard-basecamp-icon-open{background-color:#00625b;transform:scale(1.1);box-shadow:0 4px 12px #00968866}.dashboard-basecamp-icon-completed{background-color:#00625b;box-shadow:0 2px 8px #00625b66}.basecamp-item:hover .dashboard-basecamp-icon-completed{background-color:#004d47;transform:scale(1.1);box-shadow:0 4px 12px #00625b80}.dashboard-basecamp-icon-closed{background-color:#a9a9a9;box-shadow:0 2px 8px #a9a9a94d}.basecamp-item:hover .dashboard-basecamp-icon-closed{background-color:#909090;transform:scale(1.1);box-shadow:0 4px 12px #a9a9a966}@media(max-width:640px){.basecamp-item{padding:1rem}.basecamp-title{font-size:1rem}.basecamp-name{font-size:.8rem}.dashboard-basecamp-icon{width:36px;height:36px}.dashboard-basecamp-icon svg{width:1rem;height:1rem}}.basecamp-item{animation:fadeInUp .4s ease-out forwards;opacity:0}.basecamp-item:nth-child(1){animation-delay:.1s}.basecamp-item:nth-child(2){animation-delay:.2s}.basecamp-item:nth-child(3){animation-delay:.3s}.basecamp-item:nth-child(4){animation-delay:.4s}.basecamp-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.climb-zone-header-section{position:relative;width:100vw;height:200px;background-color:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box}.back-button{width:48px;height:48px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00a499;transition:all .3s ease;position:absolute;top:20px;left:20px;z-index:21}.back-button:hover{background:#00a4991a;transform:scale(1.1)}.climb-zone-title{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:600px;margin:0 auto}.climb-zone-title h1{font-size:2.2rem;font-weight:700;color:#00a499;margin:0;text-shadow:0 2px 4px rgba(255,255,255,.8)}.climb-zone-title p{font-size:1rem;color:#666;margin:0;line-height:1.5;text-shadow:0 1px 2px rgba(255,255,255,.8)}.climb-zone-container{width:100vw;position:relative;background-color:#f8fafc}.climb-zone-map{position:relative;width:100%;height:150vh;padding:0;overflow:visible;max-width:450px;margin:0 auto;background-color:#d9f9fa}.climb-zone-map:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background-color:#ccedeb;clip-path:polygon(0% 100%,0% 25%,10% 22%,20% 20%,30% 22%,40% 30%,50% 27%,60% 15%,70% 18%,80% 25%,90% 22%,100% 20%,100% 100%);z-index:1}.grass-decoration{position:absolute;z-index:2;pointer-events:none}.grass-1{bottom:50px;left:20px;width:40px;height:30px}.grass-2{bottom:80px;right:30px;width:35px;height:25px}.cloud-decoration{position:absolute;z-index:2;pointer-events:none;opacity:.8}.cloud-green{top:100px;left:30px;width:60px;height:40px}.cloud-white{top:200px;right:40px;width:50px;height:35px}.cloud-white-2{bottom:200px;left:20px;width:45px;height:30px}.basecamp-path{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.basecamp-path svg{width:100%;height:100%}.dotted-line{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:8,8;stroke-linecap:round;opacity:.9}.basecamp-node{position:absolute;z-index:10;cursor:pointer;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.basecamp-node:hover{transform:scale(1.1)}.basecamp-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 6px 16px #0003;position:relative;z-index:1}.basecamp-flag-img,.basecamp-lock-img{width:36px;height:36px;object-fit:contain}.basecamp-badge{padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;min-width:80px;max-width:180px;width:auto;box-shadow:0 4px 8px #00000026;position:relative;z-index:3;margin-top:-16px}.basecamp-node.basecamp-completed .basecamp-icon{background-color:#00625b!important;box-shadow:0 6px 16px #00625b66}.basecamp-node.basecamp-completed .basecamp-badge{background-color:#80cbc4;color:#00333f;font-weight:600}.basecamp-node.basecamp-completed:hover .basecamp-icon{background-color:#004d47!important;box-shadow:0 8px 20px #00625b80}.basecamp-node.basecamp-unlocked .basecamp-icon{background-color:#00a499!important;box-shadow:0 6px 16px #00a4994d}.basecamp-node.basecamp-unlocked .basecamp-badge{background-color:#66c8c2;color:#00333f}.basecamp-node.basecamp-unlocked:hover .basecamp-icon{background-color:#00625b!important;box-shadow:0 8px 20px #00a49966}.basecamp-node.basecamp-locked .basecamp-icon{background-color:#f8f8f8!important;box-shadow:0 6px 16px #00000026}.basecamp-node.basecamp-locked .basecamp-badge{background-color:#fff;color:#a9a9a9}.basecamp-node.basecamp-locked:hover .basecamp-icon{background-color:#f0f0f0!important}.basecamp-node.basecamp-locked{cursor:not-allowed}.basecamp-node.basecamp-locked,.basecamp-node.basecamp-unlocked,.basecamp-node.basecamp-completed{background-color:transparent!important}.basecamp-1{bottom:3%;left:34%}.basecamp-2{bottom:15%;right:10%}.basecamp-3{bottom:32%;left:40%}.basecamp-4{bottom:44%;right:63%}.basecamp-5{bottom:62%;right:17%}.basecamp-6{bottom:79%;left:40%}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#00a499;margin-top:20px}.spinner{width:40px;height:40px;border:4px solid #E5E5E5;border-top:4px solid #00A499;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:2000}.toast{background-color:#00a499;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}.toast.error{background-color:#e53e3e}.toast.success{background-color:#38a169}.toast.toast-warning{background-color:#ed8b00;color:#fff;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2001;padding:16px 24px;border-radius:8px;box-shadow:0 8px 24px #0003;text-align:center;font-weight:600;animation:slideIn .3s ease;max-width:90%;width:auto;min-width:280px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.intro-avatar-container{position:fixed;top:80px;left:20px;z-index:2000;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;transition:opacity .5s ease}.intro-avatar-img{width:160px;height:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));pointer-events:auto;cursor:pointer;transition:transform .3s ease}.intro-avatar-img:hover{transform:scale(1.05)}.intro-speech-bubble{position:relative;background:#fff;border-radius:16px;padding:24px;margin-top:20px;margin-left:15px;max-width:350px;box-shadow:0 8px 24px #0003;pointer-events:auto;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;border:3px solid #00A499;display:flex;flex-direction:column}.intro-speech-bubble.visible{opacity:1;transform:translateY(0)}.intro-speech-bubble:before{content:"";position:absolute;top:-13px;left:40px;border-style:solid;border-width:0 13px 13px 13px;border-color:transparent transparent #00A499 transparent}.intro-speech-bubble:after{content:"";position:absolute;top:-9px;left:43px;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent white transparent}.intro-text{font-size:16px;font-weight:600;line-height:1.6;color:#2d3748;white-space:pre-line;max-height:50vh;overflow-y:auto;margin-bottom:15px;font-family:Nunito,sans-serif}.intro-next-btn{align-self:flex-end;background:#00a499;color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:15px;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .2s;box-shadow:0 4px 6px #0000001a}.intro-next-btn:hover{transform:scale(1.05);background:#008c82}.intro-next-btn.visible{opacity:1;pointer-events:auto}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .5s ease;pointer-events:auto}.intro-overlay.visible{opacity:1}@media(max-width:768px){.intro-avatar-container{top:70px;left:10px}.intro-avatar-img{width:160px;height:100px}.intro-speech-bubble{max-width:280px;padding:16px;margin-top:15px}.intro-speech-bubble:before{left:40px}.intro-speech-bubble:after{left:43px}.intro-text{font-size:14px;max-height:40vh}}