.expandable-card{box-sizing:border-box;margin:0;overflow:hidden;transition:all .3s ease}.expandable-card.compact{max-height:180px}.expandable-card.compact .clickable-header{align-items:center;display:flex;flex-direction:row;gap:1rem;height:auto;min-height:120px;padding:1rem}.expandable-card.compact .stage-badge-container{flex-shrink:0}.expandable-card.compact .stage-details{flex:1 1;min-width:0}.expandable-card.compact .stage-details h4{color:#fffffff2;font-size:1.1rem;margin:0 0 .5rem}.expandable-card.compact .stage-details .stage-description{font-size:.85rem;line-height:1.3;margin:0 0 .5rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expandable-card.compact .completed-status,.expandable-card.compact .progress-status{color:#ffffffe6;font-size:.85rem}.expandable-card.compact .completed-status{align-items:center;color:#4caf50;display:flex;gap:.25rem}.expandable-card.compact .current-progress-indicator{flex-shrink:0;min-width:80px;text-align:right}.expandable-card.compact .current-value{color:#fffffff2;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.expandable-card.compact .stage-info{color:#ffffffb3;font-size:.8rem}.expandable-card.expanded{max-height:none}.expandable-card.compact .stage-badge-container .custom-achievement-badge{align-items:center;border-radius:50%;box-shadow:0 4px 16px #0000004d;display:flex;justify-content:center;position:relative}.expandable-card.compact .clickable-header.completed{background:#4caf501a;border:1px solid #4caf5033}.expandable-card.compact .clickable-header.next-target{background:#ffc1071a;border:1px solid #ffc10733}.expandable-card.compact .custom-achievement-badge.next-target-badge{border:2px solid #ffc10799;box-shadow:0 0 8px #ffc10733;filter:grayscale(20%) brightness(1.1)}.expandable-card.compact .custom-achievement-badge.locked-badge{filter:grayscale(80%);opacity:.6}.clickable-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:background-color .3s ease}.clickable-header:hover{background:#ffffff0d}.expand-indicator{color:#ffffffb3;font-size:1.2rem;margin-left:auto;pointer-events:none;transition:transform .3s ease}.expandable-card.expanded .expand-indicator{transform:rotate(180deg)}.expandable-content{overflow:hidden;transition:all .3s ease}.expandable-content.collapsed{max-height:0;opacity:0;padding:0}.expandable-content.expanded{max-height:2000px;opacity:1;padding:1rem}.expanded-description{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:1rem}.compact-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;max-height:3em;overflow:hidden;text-overflow:ellipsis}.stage-navigation,.stage-navigation .stage-dot{pointer-events:auto}.achievement-card-header{align-items:center;width:100%}@media (max-width:768px){.expandable-card.compact{max-height:160px}.expandable-card.compact .clickable-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.expandable-card.compact .stage-badge-container{align-self:center}.expandable-card.compact .stage-details{text-align:center;width:100%}.expandable-card.compact .current-progress-indicator{min-width:auto;text-align:center;width:100%}.expand-indicator{margin-left:0;position:absolute;right:.75rem;top:.75rem}}.profile-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.profile-header h3{flex:1 1;margin:0}.edit-profile-btn{flex-shrink:0}.edit-form .btn-primary,.edit-form .btn-secondary,.profile-header .btn-secondary{color:#fff}.edit-form .btn-primary:hover:not(:disabled),.profile-header .btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80;color:#fff}.edit-form .btn-secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.profile-controls{margin:1rem 0;text-align:center}.edit-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:1rem 0;padding:1.5rem}.edit-form h4{color:#7c8db8;font-size:1.2rem;font-weight:600;text-align:center}.edit-form h4,.form-group{margin-bottom:1.25rem}.form-row{align-items:end;display:flex;gap:1.5rem}.form-group-zip{min-width:200px}.form-group-toggle{flex:0 0 auto;min-width:160px}.form-group label{color:#7c8db8;font-size:.9rem}.form-input{background:#fffffff2;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:1rem;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.toggle-btn{border:none;font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:center;width:100%}.toggle-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d}.toggle-btn.inactive{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d;color:#fff}.toggle-btn:hover{transform:translateY(-1px)}.toggle-btn.active:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066}.toggle-btn.inactive:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66}@media (max-width:600px){.form-row{flex-direction:column;gap:1rem}.form-group-toggle{min-width:auto}}.form-input::placeholder{color:#95a5a6}.form-input:focus{background:#fff;box-shadow:0 4px 16px #00000026;outline:none;transform:translateY(-1px)}.checkbox-label{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#7c8db8;display:flex!important;font-weight:500;padding:.75rem;transition:all .3s ease}.checkbox-label:hover{background:#ffffff1a;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{accent-color:#3498db;margin:0}.form-actions{margin-top:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.info-banner{background:#4caf5033;border:1px solid #4caf504d;border-radius:8px;color:#fff;margin:1rem 0;padding:1rem}.setup-hint{background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#fff;margin-top:1rem;padding:1rem}.profile-details{margin-top:1.5rem}.profile-detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;padding:.75rem 0}.profile-detail-item:last-child{border-bottom:none}.detail-emoji{font-size:1.1rem;min-width:24px}.detail-label{color:#7c8db8;font-size:.9rem;font-weight:500;min-width:140px}.detail-value{color:#fff;flex:1 1;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;position:relative}.nav-container,.nav-left{align-items:center;display:flex;gap:1rem}.nav-brand,.nav-left{flex-shrink:0}.nav-brand a{border-radius:8px;color:#fff;display:inline-block;font-size:1.3rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-brand a:hover{background:#ffffff26;transform:translateY(-2px)}.nav-menu{flex:1 1;gap:2rem;justify-content:center}.nav-links,.nav-menu{align-items:center;display:flex}.nav-links{gap:1.5rem}.nav-auth{align-items:center;display:flex;flex-shrink:0;gap:1rem;position:relative}.nav a{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-links a:hover{background:#fff3;transform:translateY(-2px)}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;height:25px;justify-content:space-around;padding:0;transition:all .3s ease;width:30px;z-index:1001}.hamburger span{background:#fff;border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger:hover span{background:#fffc}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;height:calc(100vh - 60px);left:0;position:fixed;top:60px;width:100%;z-index:999}.auth-section{align-items:center;display:flex;gap:1rem}.user-profile-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem;transition:all .3s ease}.user-profile-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.user-nav-info{align-items:center;color:#fff;display:flex;font-weight:500;gap:.5rem}.nav-avatar{border:2px solid #ffffff4d;border-radius:50%;height:32px;width:32px}.nav-username{font-size:.9rem}.logout-icon{font-size:.8rem;opacity:.7;transition:opacity .3s ease}.user-profile-button:hover .logout-icon{opacity:1}.auth-loading{color:#fff;font-size:.9rem}.btn-login{background:linear-gradient(135deg,#5865f2,#7289da);font-size:.9rem;padding:8px 16px}.btn-logout{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d;font-size:.8rem;padding:6px 12px}.btn-logout:hover{box-shadow:0 6px 20px #e74c3c66}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.card h2,.card h3{color:#2c3e50!important}.card p{color:#4a5568!important}h1,h2,h3{color:#2c3e50;margin-bottom:1rem}h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;justify-content:center;position:relative;text-align:center;text-shadow:2px 2px 4px #0000004d}h2{border-bottom:3px solid #667eea;font-size:2rem;padding-bottom:.5rem}h3{color:#667eea;font-size:1.5rem}.btn{background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 4px 15px #5865f24d;color:#fff;font-size:16px;margin:1rem 0;padding:12px 24px}.btn:hover{box-shadow:0 6px 20px #5865f266;transform:translateY(-2px)}.profile-info{align-items:center;display:flex;gap:1rem;margin:1rem 0}.profile-avatar{border:3px solid #667eea}.profile-details div{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin:.5rem 0;padding:.5rem}.profile-details b{color:#667eea}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;text-align:center}.stat-value{margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.loading{color:#667eea;font-size:1.2rem;padding:2rem;text-align:center}.error{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;padding:1rem}.achievements-grid{margin:2rem 0}.achievement-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;gap:1rem;padding:1.5rem;transition:all .3s ease}.achievement-badge:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.badge-stack{height:100%;position:relative;transition:filter .3s ease;width:100%}.badge-stack.locked{filter:grayscale(100%) brightness(.5) opacity(.7)}.badge-back,.badge-front{border-radius:50%;height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;width:100%}.badge-back{z-index:1}.badge-front{filter:drop-shadow(0 0 2px rgba(255,255,255,.6));z-index:2}.progress-overlay{border-radius:50%;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.progress-overlay:after{background:linear-gradient(0deg,#667eea66,#667eea1a);bottom:0;content:"";height:0;height:var(--progress-height,0);left:0;position:absolute;transition:height .6s ease;width:100%}.badge-placeholder{align-items:center;background:linear-gradient(135deg,#ddd,#bbb);border-radius:50%;color:#666;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.achievement-info h4{font-size:1.2rem;margin:0 0 .5rem;transition:color .3s ease}.achievement-info h4.unlocked{color:#27ae60}.achievement-info h4.locked{color:#7f8c8d}.series-indicator{color:#667eea;font-size:.8rem;font-weight:400}.achievement-info p{color:#666;line-height:1.4;margin:0 0 1rem}.progress-bar{border-radius:10px;height:20px;margin:.5rem 0}.progress-fill-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;position:relative}.progress-fill-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#333;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #fffc;top:50%;transform:translate(-50%,-50%)}.unlocked-badge{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:20px;box-shadow:0 2px 8px #27ae604d;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-top:.5rem;padding:.25rem .75rem}.progressive-achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;position:relative;transition:all .3s ease}.progressive-achievement-card .achievement-description,.progressive-achievement-card .click-hint,.progressive-achievement-card .progress-text{color:#333!important}.progressive-achievement-card .achievement-title,.progressive-achievement-card .achievement-title-completed{color:#4ade80!important}.progressive-achievement-card.collapsed{cursor:pointer}.progressive-achievement-card.collapsed:hover{border-color:#667eea4d;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.progressive-achievement-card.expanded{min-height:180px;position:relative}.back-arrow{align-items:center;background:#0000004d;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fffc;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .3s ease;width:30px;z-index:100}.back-arrow:hover{background:#00000080;border-color:#ffffff80;color:#fff}.achievement-badge-layout{align-items:center;display:flex;gap:1rem}.next-achievement-info{border-top:1px solid #0000001a;margin-top:12px;padding:8px 0 0}.next-title{color:#667eea;font-size:.85rem;font-weight:500;margin-bottom:8px;margin-top:0}.achievement-main-content{display:flex;flex-direction:column;gap:16px}.standard-achievement-layout{margin-top:40px;padding:8px 0}.standard-achievement-layout.completed{align-items:center;display:flex;gap:1rem}.standard-achievement-layout.completed .badge-container{flex-shrink:0;height:80px;position:relative;width:80px}.standard-achievement-layout.completed .achievement-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.achievement-title-completed{color:#4ade80;font-size:1.25rem;font-weight:600;margin:0}.achievement-description-completed{color:#4a5568;font-size:.95rem;line-height:1.4;margin:0}.standard-achievement-layout.in-progress{align-items:center;display:flex;gap:1rem}.badge-container.left-aligned{flex-shrink:0;height:80px;position:relative;width:80px}.achievement-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.standard-achievement-layout.in-progress .achievement-title{color:#4ade80;font-size:1.25rem;font-weight:600;margin:0}.standard-achievement-layout.in-progress .achievement-description{color:#2c3e50;font-size:.95rem;line-height:1.4;margin:0}.progress-bar.social-butterfly-style{display:block!important;visibility:visible!important}.standard-achievement-layout.in-progress .progress-section{align-items:center;display:flex;gap:12px;width:100%}.progress-bar.social-butterfly-style{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;height:20px;margin:8px 0 0}.progress-bar.social-butterfly-style .progress-fill-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:9px;height:100%;min-width:3px;transition:width .6s ease}.progress-bar.social-butterfly-style .progress-text{font-size:.8rem}.progress-bar.social-butterfly-style{background:#00000026;border:1px solid #0003;border-radius:4px;height:12px;margin:16px 0 8px;overflow:hidden;position:relative;width:100%}.progress-bar.social-butterfly-style .progress-text{color:#fff;font-size:.75rem;font-weight:600;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%);z-index:2}.expanded-header{text-align:center}.achievement-title{color:#4ade80;font-size:1.25rem;font-weight:600;margin:0 0 8px}.achievement-description{color:#4a5568;margin:0}.unlocked-status{text-align:center;width:100%}.unlocked-text{background:#4ade80}.progress-status,.unlocked-text{border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.progress-status{background:#667eeacc}.navigation-controls{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.stage-counter{align-items:center;background:#0000004d;border:1px solid #fff3;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:.9rem;font-weight:600;gap:2px;padding:6px 12px}.current-stage{color:#4ade80;font-weight:700}.stage-separator{color:#6b7280}.total-stages{color:#4a5568}.nav-button{background:#667eeacc;border:1px solid #667eeae6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .3s ease}.nav-button:hover:not(.disabled){background:#667eea66;border-color:#667eea99}.nav-button.disabled{background:#ffffff1a;border-color:#fff3;cursor:not-allowed;opacity:.3}.badge-container{flex-shrink:0;height:80px;position:relative;width:80px}.progress-section{align-items:center;display:flex;gap:12px;margin:16px 0;padding:6px 0;width:100%}.progress-bar{background:#00000026;border:1px solid #0003;flex:1 1;height:12px;position:relative}.progress-fill-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;height:100%;min-width:3px;transition:width .6s ease}.progress-text{font-size:.8rem;font-weight:600;line-height:1.2;min-width:70px;padding:4px 0;text-align:right;text-shadow:1px 1px 2px #0000004d}.next-achievement-preview{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;margin:8px 0;padding:12px;text-align:center;width:100%}.next-label{color:#6b7280;font-size:.85rem;margin-right:8px}.next-achievement{color:#667eea;font-weight:500}.card-controls{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%}.reset-view-button{background:#667eea33;border:1px solid #667eea66;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.reset-view-button:hover{background:#667eea66;border-color:#667eea99}.navigation-hint{color:#6b7280;font-size:.8rem;text-align:center}.stage-indicators{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:8px}.stage-dot{background:#fff3;border:1px solid #ffffff4d;height:12px;width:12px}.stage-dot.unlocked{background:#667eea99;border-color:#667eeacc}.stage-dot.current{background:#667eea;border-color:#667eea;box-shadow:0 0 8px #667eea99;transform:scale(1.3)}.click-hint{background:#667eea1a;border-radius:8px;color:#667eeacc;font-size:.85rem;margin-top:16px;padding:8px;text-align:center;transition:all .3s ease}.progressive-achievement-card.collapsed:hover .click-hint{background:#667eea33;color:#667eea}.collapse-button{background:#667eeacc;border:1px solid #667eeae6;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;margin-bottom:12px;padding:8px 16px;transition:all .3s ease}.next-hint{color:#7f8c8d;font-size:.8rem;font-style:italic;margin-top:8px}.next-achievement-info .progress-section{margin:8px 0 0;padding:0}@media (max-width:768px){.achievement-badge{flex-direction:column;padding:1rem;text-align:center}.badge-container{height:100px;width:100px}.progressive-achievement-card{min-height:280px;padding:16px}.achievement-header{margin-bottom:16px;padding-bottom:8px}.achievement-header h3{font-size:1.2rem}.series-progress{font-size:1rem}.navigation-area{gap:12px}.nav-button{font-size:16px;height:35px;width:35px}.badge-display-area{gap:8px}.stage-info h4{font-size:1rem}.stage-info p{font-size:.85rem}.hours-requirement{font-size:.8rem}.next-achievement-preview{padding:8px}.next-achievement,.next-label{font-size:.8rem}.card-controls{gap:8px}.stage-indicators{gap:6px}.stage-dot{height:10px;width:10px}}@media (max-width:1024px){.nav{padding:.75rem 1.5rem}.nav-container{gap:.75rem}.hamburger{display:flex}.nav-backdrop{display:block}.nav-left{gap:.75rem}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#667eeafa;box-shadow:4px 0 20px #0000004d;flex-direction:column;gap:0;height:calc(100vh - 60px);justify-content:flex-start;left:-100%;max-width:350px;overflow-y:auto;padding:2rem 0;position:fixed;text-align:left;top:60px;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);width:100%;z-index:1000}.nav-menu.active{left:0}.nav-links{flex-direction:column;gap:0;padding:0;width:100%}.nav-links a{border-left:4px solid #0000;border-radius:0;font-size:1.05rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.nav-links a:hover{background:#ffffff26;border-left-color:#fff;padding-left:2.5rem;transform:translateX(8px)}.nav-auth{position:relative}.nav-brand a{font-size:1.2rem;padding:.4rem .8rem}}@media (max-width:768px){.nav{padding:.75rem 1rem}.nav-container,.nav-left{gap:.5rem}.nav-brand a{font-size:1.1rem;padding:.4rem .6rem}.nav-menu{height:calc(100vh - 55px);max-width:280px;top:55px}.nav-links a{font-size:1rem;padding:.9rem 1.5rem}.container{padding:0 1rem}.card{padding:1.5rem}h1{font-size:2rem}.profile-info{flex-direction:column;text-align:center}}@media (max-width:480px){.nav{padding:.6rem .75rem}.nav-container,.nav-left{gap:.4rem}.nav-brand a{font-size:.95rem;padding:.3rem .5rem}.hamburger{height:22px;width:26px}.hamburger span{height:2.5px}.nav-menu{max-width:100%;padding:1.5rem 0}.nav-links a{font-size:.95rem;padding:.85rem 1.25rem}}.next-achievement-info .progress-section{margin:8px 0 0!important;padding:2px 0!important}.achievement-badge-layout .achievement-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:0;margin-bottom:2rem;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-1px)}.tab-button.active{background:#fff3;box-shadow:0 4px 12px #0000001a;color:#fff}.achievements-grid{margin-top:1rem}.achievements-container{width:100%}.achievements-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1rem}.achievement-item{width:100%}.achievement-card{background:#ffffff1a;border-radius:12px;padding:1.5rem}.achievement-card:hover{box-shadow:0 8px 25px #0003}.achievement-icon{text-align:center}.achievement-icon,.achievement-info p{margin-bottom:1rem}.achievement-stages{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.redeem-rewards{margin:0 auto;max-width:800px}.pending-count{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;gap:12px;margin-bottom:2rem}.pending-count span{color:#2c3e50}.count-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.achievements-list{display:flex;flex-direction:column;gap:1.5rem}.pending-achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s ease}.pending-achievement-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.achievement-header .achievement-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0;overflow:hidden;position:relative;width:60px}.achievement-header .achievement-icon .badge-stack{height:100%;width:100%}.achievement-details h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.5rem}.achievement-date{color:#6b7280;font-size:.9rem}.achievement-rewards{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.reward-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:8px;padding:8px 16px}.reward-icon{font-size:1.2rem}.reward-value{color:#2c3e50;font-weight:500}.acknowledge-button{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.acknowledge-button:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.acknowledge-button:disabled{cursor:not-allowed;opacity:.7}.acknowledge-button.acknowledging{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.empty-state,.error-state,.loading-state{color:#fff;padding:3rem;text-align:center}.spinner,.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;margin:0 auto 1rem}.spinner{height:40px;width:40px}.spinner-small{height:16px;margin:0;width:16px}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{color:#fff;margin-bottom:1rem}.empty-state p{color:#ffffffb3;margin-bottom:2rem}.refresh-button,.retry-button{border:1px solid #ffffff4d}.error-message{color:#ff6b6b}.achievements-container{margin:0 auto;max-width:1200px;padding:2rem}.achievements-header{margin-bottom:2rem;text-align:center}.achievements-header h2{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.achievements-header p{color:#6b7280;margin-bottom:1rem}.achievements-grid{margin-top:2rem;min-height:200px;position:relative;width:100%}.achievements-grid>*{box-sizing:border-box;transition:all .3s ease}.achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem;transition:all .3s ease}.achievement-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.achievement-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.achievement-icon{align-items:center;background:#667eea1a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.achievement-info h3{color:#2c3e50;font-size:1.3rem;margin:0 0 .5rem}.achievement-description{color:#6b7280;font-size:.95rem;margin:0 0 .5rem}.achievement-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.achievement-progress-info{flex-shrink:0;text-align:right}.current-value{color:#667eea;margin-bottom:.25rem}.stage-info{color:#6b7280;font-size:.9rem}.achievement-stages{display:flex;flex-direction:column;gap:1rem}.achievement-stage{background:#00000005;border:2px solid #0000;border-radius:12px;padding:1rem;transition:all .3s ease}.achievement-stage.completed{background:#4caf501a;border-color:#4caf504d}.achievement-stage.current{background:#667eea1a;border-color:#667eea4d}.stage-header{gap:1rem;margin-bottom:.5rem}.stage-badge,.stage-header{align-items:center;display:flex}.stage-badge{border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.stage-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.stage-description{color:#6b7280;font-size:.9rem}.reward-coins,.reward-exp,.reward-title{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.reward-exp{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.reward-coins{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.reward-title{background:#9c27b01a;border:1px solid #9c27b04d;color:#9c27b0}.stage-progress{margin-top:.5rem}.progress-bar{background:#0000001a}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-text{color:#6b7280;font-size:.9rem}.remaining{color:#9ca3af;font-style:italic}.stage-completed{align-items:center;color:#4caf50;display:flex;font-weight:500;gap:.5rem;margin-top:.5rem}.completed-checkmark{font-size:1.2rem}.achievement-completed-banner{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.error,.loading,.no-achievements{color:#6b7280;padding:3rem;text-align:center}.refresh-button,.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.9rem;padding:10px 20px}.refresh-button:hover,.retry-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.achievements-footer{color:#6b7280;font-style:italic;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.achievements-container{padding:1rem}.achievement-card{padding:1.5rem}.achievement-header{flex-direction:column;gap:1rem;text-align:center}.achievement-progress-info,.stage-header{text-align:center}.stage-header{flex-direction:column;gap:.5rem}.stage-rewards{justify-content:center}}.error-message{margin-bottom:1rem}.redeem-actions{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem;text-align:center}.unified-achievements-container{margin:0 auto;max-width:1200px;padding:1rem}.unified-achievements-container.empty,.unified-achievements-container.loading{padding:4rem 1rem;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:1rem}.empty-state,.error-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;color:#fff;padding:2rem}.refresh-button,.retry-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-button:hover,.retry-button:hover{background:#ffffff4d;transform:translateY(-2px)}.error-banner{background:#ff6b6b33;border-left:4px solid #ff6b6b;border-radius:8px;color:#fff;margin-bottom:1rem;padding:.75rem 1rem}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.unified-achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.unified-achievement-card:hover{box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.achievement-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.achievement-icon-large{flex-shrink:0;font-size:2.5rem;line-height:1}.achievement-info{min-width:0}.achievement-info h3{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}.achievement-description{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.achievement-category-badge{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.achievement-category-badge,.data-status-badge{color:#fff;display:inline-block;padding:.25rem .75rem}.data-status-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;font-size:.7rem;font-weight:600;margin-top:.5rem}.data-status-badge.missing{background:#ffc10733;border-color:#ffc10766;color:#ffd54f}.data-status-badge.error{background:#f4433633;border-color:#f4433666;color:#ffcdd2}.unified-achievements-container.login-required{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.login-prompt{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;max-width:400px;padding:3rem 2rem;text-align:center;width:100%}.login-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.login-prompt h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.login-prompt p{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:2rem}.discord-login-button{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.discord-login-button:hover{background:#4752c4;box-shadow:0 4px 12px #5865f24d;color:#fff;text-decoration:none;transform:translateY(-2px)}.discord-login-button svg{height:20px;width:20px}.weather-login-required{align-items:center;display:flex;justify-content:center;min-height:40vh;padding:2rem}.weather-login-required .login-prompt{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;max-width:400px;padding:3rem 2rem;text-align:center;width:100%}.weather-login-required .login-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.weather-login-required h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.weather-login-required p{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:2rem}.validation-error{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;display:flex;font-size:.9rem;gap:8px;margin-bottom:1rem;padding:12px 16px}.form-input.error,.form-select.error{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33!important}.form-input.disabled{background:#ffffff0d;color:#7c8db8;cursor:not-allowed;opacity:.6}.form-select{background:#fff;border:2px solid #fff6;border-radius:8px;box-shadow:0 2px 8px #0003;color:#000;cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-select:hover{background:#f8f9fa;border-color:#fff9;box-shadow:0 4px 12px #0000004d}.form-select:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d,0 4px 12px #0000004d;color:#000}.form-select option{background:#fff;color:#000;font-weight:500;padding:12px 16px}.form-select option:checked,.form-select option:hover{background:#4caf50;color:#fff}.form-group-country{flex:1 1;margin-right:1rem}.form-group-zip{flex:1 1}.input-hint{color:#7c8db8;font-size:.8rem;line-height:1.3;margin-top:4px;opacity:.8}@media (max-width:600px){.form-group-country{margin-bottom:1rem;margin-right:0}}.achievement-stats{flex-shrink:0;text-align:right}.current-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.stage-progress-text{color:#ffffffb3;font-size:.8rem;margin-top:.25rem}.current-stage-display{margin-bottom:1.5rem}.stage-card{align-items:flex-start;background:#ffffff1a;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;position:relative}.stage-card.completed,.stage-card.in-progress{background:#4caf5033;border:1px solid #4caf504d}.stage-card.next-target{border:2px solid #ffc10766}.custom-achievement-badge.next-target-badge{border:2px solid #ffc10799;box-shadow:0 0 8px #ffc10733;filter:grayscale(20%) brightness(1.1)}.next-target-indicator{background:#ffc10726;border:1px solid #ffc1074d;border-radius:6px;color:#ffb74d;font-size:.8rem;font-weight:600;margin-bottom:.8rem;padding:.4rem .8rem;text-align:center}.stage-badge-container{flex-shrink:0}.custom-achievement-badge{border-radius:50%;box-shadow:0 4px 16px #0000004d;flex-direction:column}.badge-icon,.custom-achievement-badge{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.badge-icon{font-size:3.5rem;line-height:1;z-index:1}.badge-image{filter:drop-shadow(0 0 4px rgba(255,255,255,.4)) drop-shadow(0 0 8px rgba(255,255,255,.2));height:120px;object-fit:contain;width:120px}.badge-fallback{font-size:60px;text-shadow:0 0 4px #fff6,0 0 8px #fff3}.stage-details{flex:1 1;min-width:0}.stage-details h4{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}.stage-details>p{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.progress-section{margin-bottom:1rem;min-height:50px}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:4px;height:100%;transition:width .6s ease}.progress-details{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.progress-text{color:#fff;font-weight:500}.remaining-text{color:#fff9;font-style:italic}.completed-section{margin-bottom:1rem;min-height:50px}.completed-indicator{align-items:center;color:#4caf50;display:flex;font-weight:600;gap:.5rem;padding:15px 0}.checkmark{background:#4caf50;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:20px;width:20px}.checkmark,.redeemed-indicator{align-items:center;display:flex;justify-content:center}.redeemed-indicator{background:#ff98001a;border:2px solid #ff98004d;border-radius:8px;box-sizing:border-box;color:#ff9800;font-weight:600;gap:.5rem;margin-bottom:1rem;min-height:48px;padding:.75rem 1.5rem}.redeemed-indicator .checkmark{background:#ff9800;color:#fff}.unlock-indicator{align-items:center;background:#9e9e9e1a;border:2px solid #9e9e9e33;border-radius:8px;box-sizing:border-box;color:#9e9e9e;cursor:not-allowed;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;min-height:48px;opacity:.7;padding:.75rem 1.5rem}.unlock-indicator.next-goal{background:#ff98001a;border-color:#ff98004d;color:#ff9800;opacity:1}.unlock-indicator .lock-icon,.unlock-indicator .target-icon{font-size:1.1rem}.stage-rewards{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.reward-chip{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.3rem .7rem}.reward-chip.exp{background:#4caf504d;border-color:#4caf5080}.reward-chip.coins{background:#ffc1074d;border-color:#ffc10780}.reward-chip.title{background:#9c27b04d;border-color:#9c27b080}.redeem-button-large{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b4d;box-sizing:border-box;color:#fff;cursor:pointer;font-weight:600;margin-bottom:1rem;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.redeem-button-large:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.mastery-banner{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding:1rem;text-align:center}.stage-navigation{border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem;text-align:center}.stage-dots{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.stage-dot,.stage-dots{display:flex;justify-content:center}.stage-dot{align-items:center;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;height:32px;opacity:.5;text-shadow:0 1px 2px #00000080;transition:all .3s ease;width:32px}.stage-dot.completed{box-shadow:0 2px 8px #0000004d;opacity:1}.stage-dot.current{border-color:#fff9;box-shadow:0 4px 12px #0006;opacity:1;transform:scale(1.1)}.stage-dot.selected{border-color:#fffc;box-shadow:0 6px 20px #00000080;opacity:1;position:relative;transform:scale(1.15);z-index:10}.stage-dot:hover{box-shadow:0 4px 16px #0006;opacity:1;transform:scale(1.05)}.stage-dot.locked{cursor:pointer;filter:grayscale(100%) brightness(.7)}.stage-dot.locked:hover{box-shadow:0 2px 8px #0000004d;filter:grayscale(80%) brightness(.8);transform:scale(1.05)}.custom-achievement-badge.locked-badge,.header-achievement-badge.locked-badge{filter:grayscale(100%) brightness(.7)}.custom-achievement-badge.locked-badge .badge-fallback,.custom-achievement-badge.locked-badge .badge-image,.header-achievement-badge.locked-badge .badge-image,.header-achievement-badge.locked-badge img{filter:grayscale(100%) brightness(.8)}.navigation-hint{color:#fff9;font-size:.75rem;font-style:italic;margin-top:.5rem}@media (max-width:768px){.achievements-grid{gap:1rem;grid-template-columns:1fr}.achievement-card-header{flex-direction:column;gap:.75rem;text-align:center}.achievement-stats,.stage-card{text-align:center}.stage-card{align-items:center;flex-direction:column;gap:1rem}.badge-icon,.custom-achievement-badge{height:100px;width:100px}.badge-icon{font-size:3rem}.badge-image{filter:drop-shadow(0 0 3px rgba(255,255,255,.3)) drop-shadow(0 0 6px rgba(255,255,255,.15));height:100px;width:100px}.badge-fallback{font-size:50px;text-shadow:0 0 3px #ffffff4d,0 0 6px #ffffff26}.stage-rewards{justify-content:center}}.dashboard-top-nav{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.top-nav-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.top-nav-button:hover{box-shadow:0 4px 16px #0003;color:#fff;text-decoration:none;transform:translateY(-2px)}.top-nav-button .nav-icon{font-size:1.5rem}.weather-button{background:linear-gradient(135deg,#667eea,#764ba2)}.weather-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.leaderboards-button{background:linear-gradient(135deg,#f093fb,#f5576c)}.leaderboards-button:hover{background:linear-gradient(135deg,#e081e9,#e3455a)}.dashboard-nav-section{margin:2rem 0}.dashboard-nav-section h3{color:#ffffffe6;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dashboard-nav-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:0 auto;max-width:600px}.nav-tile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:inherit;display:flex;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-tile:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.nav-tile:hover{border-color:#fff3;box-shadow:0 8px 30px #0003;transform:translateY(-4px)}.nav-tile:hover:before{opacity:1}.nav-tile:hover .tile-arrow{opacity:1;transform:translateX(4px)}.tile-icon{flex-shrink:0;font-size:2.5rem;margin-right:1rem}.tile-content,.tile-icon{position:relative;z-index:2}.tile-content{flex:1 1}.tile-content h4{color:#fffffff2;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.tile-content p{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin:0}.tile-arrow{color:#fff9;font-size:1.5rem;opacity:.7;position:relative;transition:all .3s ease;z-index:2}.achievements-tile:hover{border-color:#ffd7004d;box-shadow:0 8px 30px #ffd7001a}.weather-tile:hover{border-color:#87ceeb4d;box-shadow:0 8px 30px #87ceeb1a}.leaderboards-tile:hover{border-color:#90ee904d;box-shadow:0 8px 30px #90ee901a}.user-info-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000005;border:1px solid #00000014;border-radius:20px;margin:1rem 0;padding:2rem}.user-profile-section{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.profile-avatar{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #0000004d}.profile-welcome h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.profile-subtitle{color:#4a5568;font-size:1rem;margin:.5rem 0 0}.user-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:16px;box-shadow:0 4px 15px #667eea1a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#667eea4d;box-shadow:0 12px 35px #667eea33;transform:translateY(-4px)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea66;box-shadow:0 16px 40px #667eea4d;transform:translateY(-6px)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));flex-shrink:0;font-size:3rem}.stat-content{flex:1 1}.stat-content h4{color:#2c3e50;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#667eea;font-size:2rem}.stat-subtitle{color:#4a5568;font-size:.85rem;margin:0}.dashboard-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.recent-achievements-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf5014,#388e3c14);border:1px solid #4caf5026;border-radius:16px;box-shadow:0 4px 15px #4caf501a;padding:2rem}.recent-achievements-card h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.achievement-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{align-items:center;background:#ffffff80;border:1px solid #4caf501a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.achievement-item:hover{background:#fffc;border-color:#4caf5033;transform:translateX(4px)}.achievement-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;box-shadow:0 4px 12px #4caf504d;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.badge-stage{color:#fff;font-size:1.5rem;font-weight:700}.achievement-info{flex:1 1}.achievement-info strong{color:#2c3e50;display:block;margin-bottom:.3rem;text-transform:capitalize}.achievement-info p{color:#4a5568;font-size:.9rem;margin:0}.stat-value{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.stat-subtext{color:#718096;font-size:.8rem}.level-card .stat-icon{color:gold;text-shadow:0 0 10px #ffd7004d}.coins-card .stat-icon{color:orange;text-shadow:0 0 10px #ffa5004d}.achievements-card .stat-icon{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b4d}.recent-activity{margin-bottom:2rem}.recent-activity-header{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s ease}.recent-activity-header:hover{color:#ff6b6b;text-decoration:none}.recent-activity h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.recent-achievements-list{display:flex;flex-direction:column;gap:.8rem}.recent-achievement-item{align-items:center;background:#00000008;border:1px solid #0000000d;border-radius:12px;color:inherit;display:flex;gap:.8rem;padding:1rem;text-decoration:none;transition:all .3s ease}.clickable-achievement:hover,.recent-achievement-item:hover{background:#00000014;border-color:#00000026;box-shadow:0 4px 15px #0000001a;color:inherit;text-decoration:none;transform:translateY(-1px)}.achievement-icon{flex-shrink:0;font-size:1.5rem}.achievement-name{color:#2c3e50;flex:1 1;font-weight:500}.achievement-stage{background:#0000001a;border-radius:8px;color:#4a5568;font-size:.9rem;padding:.3rem .8rem}.dashboard-tips{border-top:1px solid #0000001a;padding-top:1.5rem}.tip-item{align-items:center;background:#87ceeb1a;border:1px solid #87ceeb33;border-radius:12px;display:flex;gap:.8rem;padding:1rem}.tip-icon{color:#87ceeb;flex-shrink:0;font-size:1.3rem}.tip-item span:last-child{color:#4a5568;font-size:.95rem;line-height:1.4}@media (max-width:768px){.dashboard-top-nav{align-items:center;flex-direction:column;gap:.75rem}.top-nav-button{justify-content:center;max-width:250px;width:100%}.dashboard-nav-grid{grid-template-columns:1fr}.nav-tile{padding:1.2rem}.tile-icon{font-size:2rem}.user-info-dashboard{padding:1.5rem}.user-profile-section{flex-direction:column;gap:1rem;text-align:center}.user-stats-grid{grid-template-columns:1fr}.stat-card{padding:1.2rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}}.profile-settings{margin:2rem auto;max-width:900px;padding:0 1rem}.settings-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.settings-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.back-link,.back-link:hover{color:#fff;text-decoration:none}.back-link:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.profile-settings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.profile-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.profile-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.profile-header p{color:#666;font-size:1.1rem}.message{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.message.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.message.error{background:#f443361a;border:1px solid #f443364d;color:#f44336}.profile-settings .error,.profile-settings .loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:4rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.profile-settings .loading{color:#667eea;font-size:1.2rem;font-weight:600}.profile-settings .error{border:2px solid #f443364d;color:#c62828;font-size:1.1rem;font-weight:600}.message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.message-banner.success{background:#4caf5026;border:2px solid #4caf5066;color:#2e7d32}.message-banner.error{background:#f4433626;border:2px solid #f4433666;color:#c62828}.close-message{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;padding:0 .5rem;transition:opacity .2s}.close-message:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-form{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border:2px solid #00000014;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.settings-section:hover{border-color:#667eea4d;box-shadow:0 6px 24px #0000001f}.settings-section h3{align-items:center;border-bottom:2px solid #667eea1a;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;padding-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=text]{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s ease}.checkbox-label:hover{background:#0000000d}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:1rem}.action-buttons{flex-wrap:wrap}.action-buttons .btn{flex:1 1;min-width:150px;text-align:center}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.form-actions .btn{min-width:120px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#495057,#343a40);color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px)}.dashboard-profile-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;transition:all .3s ease}.dashboard-profile-button:hover{background:#fff3;border-color:#fff6;color:#fff;text-decoration:none;transform:translateY(-2px)}.dashboard-actions{border-top:1px solid #0000001a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.dashboard-profile-button-bottom{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.dashboard-profile-button-bottom:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.discord-info{padding:0}.discord-user{align-items:center;background:linear-gradient(135deg,#5865f20d,#5865f21a);border:2px solid #5865f233;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.discord-user:hover{border-color:#5865f266;box-shadow:0 4px 12px #5865f226}.discord-avatar{border:4px solid #5865f2;border-radius:50%;box-shadow:0 4px 12px #5865f24d;flex-shrink:0;height:70px;width:70px}.discord-details{flex:1 1;min-width:0}.discord-username{word-wrap:break-word;color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.discord-tag{color:#5865f2;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.discord-member-status{align-items:center;border-radius:24px;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;margin-top:.75rem;padding:.6rem 1.2rem}.discord-member-status.member{background:linear-gradient(135deg,#4caf5026,#4caf5033);border:2px solid #4caf5066;color:#2e7d32}.discord-member-status.non-member{background:linear-gradient(135deg,#f4433626,#f4433633);border:2px solid #f4433666;color:#c62828}.discord-server-info,.server-status{display:flex;flex-direction:column;gap:1rem}.server-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.server-name{color:#333;font-size:1.1rem;font-weight:600}.server-status-badge{border-radius:20px;font-size:.9rem;font-weight:600;min-width:120px;padding:.5rem 1rem;text-align:center}.server-status-badge.member{background:#4caf5033;border:2px solid #4caf50;color:#4caf50}.server-status-badge.not-member{background:#f4433633;border:2px solid #f44336;color:#f44336}.join-server-info{background:#ffc1071a;border:2px solid #ffc1074d;border-radius:12px;padding:1.5rem;text-align:center}.join-server-info p{color:#333;font-size:1rem;margin-bottom:1rem}.testing-section{background:#ffc1071a;border:2px solid #ffc1074d;border-radius:12px;margin-top:1rem;padding:1.5rem}.testing-section h4{align-items:center;color:#ff9800;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.toggle-container{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#ff9800}input:checked+.slider:before{transform:translateX(26px)}.toggle-label{color:#333;font-size:.9rem;font-weight:500}.testing-note{color:#666;font-size:.8rem;font-style:italic;line-height:1.4;margin:0}.minecraft-section{display:flex;flex-direction:column;gap:1rem}.minecraft-unlinked{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px dashed #667eea4d;border-radius:16px;padding:2rem;text-align:center}.minecraft-unlinked p{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.minecraft-link-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.minecraft-link-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.minecraft-linked{display:flex;flex-direction:column;gap:1.5rem}.minecraft-profile{align-items:center;background:linear-gradient(135deg,#4caf500d,#4caf501a);border:2px solid #4caf504d;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.minecraft-profile:hover{border-color:#4caf5080;box-shadow:0 4px 12px #4caf5033}.minecraft-avatar{border:4px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px #4caf504d;flex-shrink:0;height:70px;image-rendering:pixelated;overflow:hidden;width:70px}.minecraft-avatar img{height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.minecraft-details{flex:1 1;min-width:0}.minecraft-username{word-wrap:break-word;color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.minecraft-status{color:#2e7d32;display:flex}.minecraft-status,.minecraft-unlink-btn{align-items:center;font-size:1rem;font-weight:600;gap:.5rem}.minecraft-unlink-btn{align-self:flex-start;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:12px;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;display:inline-flex;padding:.8rem 1.8rem;transition:all .3s ease}.minecraft-unlink-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.minecraft-uuid{color:#666;font-family:monospace;font-size:.8rem;margin-top:.25rem}.minecraft-auth-section{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.minecraft-info-box{align-items:flex-start;background:linear-gradient(135deg,#0078d70d,#0078d71a);border:2px solid #0078d733;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.minecraft-icon{align-items:center;display:flex;font-size:2rem;justify-content:center;min-width:60px}.minecraft-auth-text h4{color:#333;font-weight:600;margin:0 0 .5rem}.minecraft-auth-text p{color:#666;line-height:1.5;margin:0 0 1rem}.minecraft-benefits{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.minecraft-benefits li{color:#4caf50;font-size:.9rem;font-weight:500}.microsoft-auth-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.microsoft-auth-btn:hover{background:linear-gradient(135deg,#106ebe,#005a9e);box-shadow:0 4px 15px #0078d44d;transform:translateY(-2px)}.microsoft-auth-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.account-actions{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.logout-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:12px;box-shadow:0 4px 12px #6c757d4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d66;transform:translateY(-2px)}@media (max-width:768px){.profile-settings{margin:1rem auto;padding:0 .5rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.settings-header h2{font-size:1.6rem}.back-link{align-self:stretch;text-align:center}.settings-section{padding:1.5rem}.settings-section h3{font-size:1.2rem}.discord-user{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.discord-avatar{height:60px;width:60px}.discord-username{font-size:1.1rem}.discord-tag{font-size:.9rem}.discord-member-status{align-self:center}.minecraft-unlinked{padding:1.5rem 1rem}.minecraft-unlinked p{font-size:1rem}.logout-btn,.minecraft-link-btn,.minecraft-unlink-btn{font-size:1rem;justify-content:center;padding:.9rem 1.5rem;width:100%}.minecraft-profile{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.minecraft-avatar{height:60px;width:60px}.minecraft-username{font-size:1.1rem}.minecraft-status{justify-content:center}.account-actions{align-items:stretch}.profile-settings-container{margin:1rem;padding:1rem}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto}.form-actions{align-items:center;flex-direction:column}.dashboard-profile-button{align-self:flex-end;margin-bottom:1rem;position:static}.minecraft-benefits{grid-template-columns:1fr}.minecraft-info-box{flex-direction:column;text-align:center}}@media (max-width:480px){.profile-settings{margin:.5rem auto}.settings-header{border-radius:12px;padding:1.25rem}.settings-header h2{font-size:1.4rem}.settings-section{border-radius:12px;padding:1.25rem}.settings-section h3{font-size:1.1rem;gap:.5rem}.discord-user,.minecraft-profile{padding:1rem}.discord-avatar,.minecraft-avatar{border-width:3px;height:50px;width:50px}.logout-btn,.minecraft-link-btn,.minecraft-unlink-btn{font-size:.95rem;gap:.5rem;padding:.8rem 1.2rem}}.map-page{height:calc(100vh - 60px);overflow:hidden;position:relative}.map-page.fullscreen{height:100vh}.map-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:.5rem 1rem;position:relative;z-index:1000}.map-title h1{color:#fff;font-size:1.5rem;margin:0;text-shadow:0 2px 4px #0000004d}.map-controls{gap:1rem}.discord-status,.map-controls{align-items:center;display:flex}.status-indicator{border-radius:20px;font-size:.85rem;font-weight:500;padding:.4rem .8rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.status-indicator.loading{animation:pulse 2s infinite;background:#ffc1074d;border:1px solid #ffc10780;color:#ffc107}.status-indicator.member{background:#28a7454d;border:1px solid #28a74580;box-shadow:0 2px 8px #28a7454d;color:#28a745}.status-indicator.non-member{background:#dc35454d;border:1px solid #dc354580;color:#dc3545}.fullscreen-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.fullscreen-toggle:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.map-container{height:calc(100% - 60px);overflow:hidden;position:relative;width:100%}.map-iframe{border:none;height:100%;transition:opacity .3s ease;width:100%}.map-error,.map-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0003;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.map-loading .loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:1rem}.map-error{color:#dc3545;max-width:400px}.map-error h3{color:#dc3545;margin-bottom:1rem}.map-error .btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.map-error .btn:hover{background:#c82333;transform:translateY(-1px)}.map-access-denied{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;left:50%;max-width:500px;padding:3rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10}.access-denied-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.access-denied-icon{font-size:4rem;margin-bottom:.5rem}.map-access-denied h2{color:#dc3545;font-size:1.8rem;font-weight:600;margin:0}.map-access-denied p{color:#666;font-size:1.1rem;line-height:1.4;margin:0}.action-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.access-note{color:#333!important;font-size:1rem!important;font-weight:500;margin:0!important}.action-buttons .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-buttons .btn-primary{background:linear-gradient(45deg,#5865f2,#7289da);color:#fff}.action-buttons .btn-primary:hover{background:linear-gradient(45deg,#4752c4,#5865f2);transform:translateY(-2px)}.action-buttons .btn-secondary{background:#6c757d1a;border:1px solid #6c757d;color:#6c757d}.action-buttons .btn-secondary:hover{background:#6c757d;color:#fff}.benefits-list{background:#28a7451a;border:1px solid #28a7454d;border-radius:12px;padding:1.5rem;text-align:left;width:100%}.benefits-list h4{color:#28a745;font-size:1.1rem;margin:0 0 1rem;text-align:center}.benefits-list ul{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;color:#333;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.5rem}.testing-indicator{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;margin:.5rem 0;padding:.75rem}.discord-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7289daf2;border:1px solid #fff3;border-radius:12px;bottom:2rem;box-shadow:0 8px 32px #0000004d;max-width:300px;padding:1.5rem;position:absolute;right:2rem;z-index:1000}.prompt-content h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.prompt-content p{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.discord-join-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.discord-join-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;color:#fff;text-decoration:none;transform:translateY(-1px)}.map-page-fullscreen .nav{display:none!important}.map-page-fullscreen .map-page{height:100vh!important}@media (max-width:768px){.map-header{flex-direction:column;gap:.5rem;min-height:auto;padding:.5rem}.map-controls{justify-content:space-between;width:100%}.map-title h1{font-size:1.2rem}.discord-prompt{bottom:1rem;left:1rem;max-width:none;right:1rem}.status-indicator{font-size:.75rem;padding:.3rem .6rem}.fullscreen-toggle{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.map-header{padding:.25rem}.map-title h1{font-size:1rem}.discord-prompt{padding:1rem}.prompt-content h3{font-size:1rem}.prompt-content p{font-size:.8rem}}.events-page{margin:0 auto;max-width:1400px;padding:2rem}.events-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:20px;box-shadow:0 8px 32px #667eea1a;margin-bottom:3rem;padding:2rem;text-align:center}.events-header h1{color:#fff;font-size:3rem;margin-bottom:.5rem;text-shadow:0 2px 10px #667eea4d}.events-subtitle{color:#666;font-size:1.2rem;margin-bottom:2rem}.view-toggle{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.toggle-btn{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-btn:hover{background:#f0f4ff}.toggle-btn.active{background:#667eea;color:#fff}.calendar-view{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.calendar-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.calendar-header h3{color:#333;font-size:1.8rem}.month-nav{background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .3s ease;width:40px}.month-nav:hover{background:#764ba2;transform:scale(1.1)}.calendar-weekdays{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.weekday{color:#667eea;font-weight:600;padding:.5rem;text-align:center}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border:2px solid #f0f0f0;border-radius:12px;min-height:100px;padding:.5rem;transition:all .3s ease}.calendar-day:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.calendar-day.empty{background:#fafafa;border-color:#0000}.calendar-day.today{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea}.calendar-day.has-events{background:linear-gradient(135deg,#fff5f5,#fff)}.day-number{color:#333;font-weight:600;margin-bottom:.5rem}.day-events{flex-direction:column}.day-event,.day-events{display:flex;gap:.25rem}.day-event{align-items:center;background:#667eea1a;border-radius:4px;cursor:pointer;font-size:.75rem;overflow:hidden;padding:.25rem;transition:all .2s ease}.day-event:hover{background:#667eea33;transform:translateX(2px)}.day-event.actual{background:#4caf5026;border-left:3px solid #4caf50}.day-event.generated{background:#667eea1a;border-left:3px solid #667eea;opacity:.85}.event-dot{background:#667eea;border-radius:50%;flex-shrink:0;height:6px;width:6px}.day-event.actual .event-dot{background:#4caf50}.day-event.generated .event-dot{background:#667eea}.event-time{color:#667eea;flex-shrink:0;font-weight:600}.event-name{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.events-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.event-card:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-5px)}.event-cover{background-image:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;height:180px;position:relative}.event-content{padding:1.5rem}.event-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.event-header h3{color:#333;flex:1 1;font-size:1.5rem;margin-right:1rem}.event-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.event-badge{border-radius:15px;font-size:.75rem;font-weight:600;padding:.4rem .8rem;white-space:nowrap}.event-badge.recurring{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.event-badge.pattern{background:#667eea1a;border:1px solid #667eea4d;color:#667eea}.pattern-notice{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;color:#333;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.event-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.event-status.scheduled{background:#667eea1a;color:#667eea}.event-status.active{background:#f443361a;color:#f44336}.event-status.completed{background:#4caf501a;color:#4caf50}.event-status.canceled{background:#9e9e9e1a;color:#9e9e9e}.event-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.event-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.event-detail{align-items:center;color:#666;display:flex;gap:.5rem}.detail-icon{font-size:1.2rem}.event-actions{align-items:center;display:flex;gap:1rem}.event-join-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.event-join-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.event-join-btn:disabled{cursor:not-allowed;opacity:.6}.event-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;flex:1 1;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.event-link:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.event-card{cursor:pointer}.no-events{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:4rem 2rem;text-align:center}.no-events p{color:#666;font-size:1.5rem;margin-bottom:.5rem}.no-events-subtitle{color:#999;font-size:1.1rem}.event-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.event-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#000c;transform:rotate(90deg)}.modal-cover{background-image:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;border-radius:24px 24px 0 0;box-shadow:inset 0 2px 8px #0000001a;height:280px;position:relative}.modal-content{padding:2rem}.modal-header{margin-bottom:1.5rem}.modal-header h2{color:#333;font-size:2rem;margin-bottom:1rem}.modal-badges{display:flex;flex-wrap:wrap;gap:.5rem}.modal-description{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.modal-details{background:#f8f9fa;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.modal-detail-row{align-items:flex-start;display:flex;gap:1rem}.modal-detail-row .detail-icon{flex-shrink:0;font-size:1.5rem}.modal-detail-row div{flex:1 1}.modal-detail-row strong{color:#333;display:block;margin-bottom:.25rem}.modal-detail-row p{color:#666;margin:0}.channel-name{color:#667eea;font-size:.9rem;font-weight:600}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-join-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.modal-join-btn:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.modal-join-btn:disabled{cursor:not-allowed;opacity:.6}.modal-join-link{display:block;text-align:center;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.events-page{padding:1rem}.events-header h1{font-size:2rem}.events-subtitle{font-size:1rem}.view-toggle{flex-direction:row;gap:.5rem}.toggle-btn{flex:1 1;font-size:.9rem;padding:.5rem 1rem}.events-list{grid-template-columns:1fr}.calendar-view{padding:1rem}.calendar-header{margin-bottom:1rem}.calendar-header h3{font-size:1.3rem}.month-nav{font-size:1.2rem;height:35px;width:35px}.weekday{font-size:.75rem;padding:.25rem}.calendar-grid{gap:.25rem}.calendar-day{font-size:.8rem;min-height:60px;padding:.25rem}.day-number{font-size:.85rem;margin-bottom:.25rem}.day-events{gap:.15rem}.day-event{font-size:.6rem;gap:.15rem;padding:.15rem}.event-dot{height:4px;width:4px}.event-time{display:none}.event-card{border-radius:16px}.event-content{padding:1rem}.event-header h3{font-size:1.2rem}.event-badges{align-items:flex-start}.event-modal-overlay{padding:1rem}.event-modal{border-radius:16px;max-height:85vh}.modal-content{padding:1.5rem}.modal-header h2{font-size:1.5rem}.modal-cover{height:180px}}@media (max-width:480px){.events-header h1{font-size:1.5rem}.events-subtitle{font-size:.9rem}.calendar-header h3{font-size:1.1rem}.month-nav{font-size:1rem;height:30px;width:30px}.weekday{font-size:.65rem;padding:.15rem}.calendar-day{min-height:50px;padding:.15rem}.day-number{font-size:.75rem}.day-event{font-size:.55rem;padding:.1rem}.event-name{font-size:.55rem;max-width:100%}.modal-header h2{font-size:1.3rem}.modal-cover{height:150px}.pattern-notice{font-size:.85rem;padding:.75rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.user-dropdown{display:inline-block;position:relative;z-index:10000}.user-dropdown-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.user-dropdown-trigger:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.user-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.username{font-size:.9rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-level{background:#fff3;border-radius:12px;color:#ffffffe6;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.dropdown-arrow{color:#ffffffb3;font-size:.7rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1rem;transition:background-color .2s ease}.dropdown-header:hover{background:#ffffff14}.dropdown-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.dropdown-user-info{flex:1 1}.dropdown-username{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.user-stats-compact{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.level-display{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;color:gold}.currency-display,.level-display{font-size:.85rem;font-weight:600;padding:.25rem .5rem}.currency-display{background:#90ee901a;border:1px solid #90ee904d;border-radius:12px;color:#90ee90}.progress-bar-container{align-items:center;display:flex}.progress-bar-small{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 0 8px #667eea4d;height:100%;transition:width .3s ease}.exp-text{display:none}.dropdown-section{padding:.5rem 0}.dropdown-section-title{color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;padding:.5rem 1rem;text-transform:uppercase}.dropdown-divider{background:#ffffff1a;height:1px;margin:.25rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-button{background:none;border:none;font-family:inherit}.dropdown-icon{align-items:center;display:flex;font-size:1rem;justify-content:center;width:18px}.logout-item{border-top:1px solid #ffffff1a;color:#ff6464e6;margin-top:.25rem}.logout-item:hover{background:#ff64641a;color:#ff6464}@media (max-width:768px){.user-dropdown-menu{min-width:260px;right:-10px}.username{max-width:80px}.user-level{font-size:.75rem;padding:.2rem .4rem}.dropdown-item{font-size:.95rem;padding:.875rem 1rem}.user-stats-compact{gap:.75rem}.currency-display,.level-display{font-size:.8rem}}@media (max-width:580px){.user-dropdown-trigger{gap:.4rem;padding:.4rem .6rem}.username{font-size:.85rem;max-width:60px}.user-level{font-size:.7rem;padding:.2rem .35rem}.dropdown-arrow{font-size:.6rem}}@media (max-width:420px){.user-dropdown-trigger{padding:.4rem}.dropdown-arrow,.user-level,.username{display:none}.user-avatar{height:32px;width:32px}.user-dropdown-menu{min-width:240px;right:-5px}}.user-progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;margin:6px 0;padding:6px 10px}.progress-stats{gap:8px;justify-content:space-between;margin-bottom:4px}.level-display,.progress-stats{align-items:center;display:flex}.level-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;flex-direction:column;flex-shrink:0;height:28px;justify-content:center;min-width:45px;padding:4px 8px}.level-label{font-size:.6rem;line-height:1;margin-bottom:0;opacity:.8}.level-number{font-size:1rem;font-weight:700;line-height:1}.currency-display{display:flex;flex-shrink:0;gap:6px}.coins-display,.exp-display{align-items:center;background:#ffffff1a;border-radius:4px;color:#fff;display:flex;gap:2px;height:28px;justify-content:center;min-width:45px;padding:4px 8px;transition:background .3s ease}.coins-display:hover,.exp-display:hover{background:#ffffff26}.coin-icon,.exp-icon{font-size:.8rem}.coin-amount,.exp-amount{font-size:.7rem;font-weight:600;line-height:1}.exp-progress{margin-top:3px}.progress-bar-container{background:#fff3;border-radius:2px;height:4px;margin-bottom:0;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;position:relative;transition:width .6s ease}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.exp-details,.progress-text{display:none}.user-progress-loading{background:#ffffff1a;border-radius:8px;color:#ffffffb3;margin:16px 0;padding:16px;text-align:center}@media (max-width:768px){.progress-stats{align-items:stretch;flex-direction:column;gap:6px}.currency-display{justify-content:center}.exp-details{display:block;margin-left:0;margin-top:1px}.user-progress-bar{padding:4px 8px}}.admin-analytics-page{margin:0 auto;max-width:1200px;padding:20px}.admin-analytics-page h1{color:#e0e0e0;font-size:28px;margin-bottom:30px}.analytics-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.summary-card-large{background:linear-gradient(135deg,#667eea26,#667eea0d);border:1px solid #667eea4d;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.summary-card-large:hover{border-color:#667eea99;box-shadow:0 4px 12px #667eea33}.summary-label{color:#999;font-size:12px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.summary-value-large{color:#667eea;font-size:32px;font-weight:700}.analytics-section{background:#ffffff05;border:1px solid #667eea33;border-radius:8px;padding:25px}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.analytics-header h2{color:#e0e0e0;font-size:18px;margin:0}.sort-controls{display:flex;gap:10px}.sort-btn{background:#667eea1a;border:1px solid #667eea33;border-radius:4px;color:#999;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.sort-btn:hover{border-color:#667eea80;color:#bbb}.sort-btn.active{background:#667eea4d;border-color:#667eea;color:#667eea;font-weight:600}.analytics-users-table{display:flex;flex-direction:column}.table-header,.table-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:80px 1fr 100px 120px 120px;padding:12px 10px}.table-header{background:#667eea1a;border-bottom:2px solid #667eea33;color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.table-row{border-bottom:1px solid #ffffff0d;color:#bbb;font-size:13px;transition:background .2s ease}.table-row:hover{background:#667eea1a}.table-row:last-child{border-bottom:none}.rank-badge{background:#667eea33;border-radius:3px;color:#667eea;font-size:12px;font-weight:600;padding:4px 8px}.col-coins,.col-level,.col-rank,.col-xp{text-align:right}.col-username{text-align:left}.analytics-loading{color:#999;font-size:16px;padding:40px;text-align:center}.analytics-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;padding:20px;text-align:center}@media (max-width:768px){.admin-analytics-page{padding:15px}.admin-analytics-page h1{font-size:22px;margin-bottom:20px}.analytics-summary-grid{gap:15px;grid-template-columns:1fr}.analytics-section{padding:15px}.analytics-header{align-items:flex-start;flex-direction:column}.sort-controls{flex-wrap:wrap;width:100%}.sort-btn{flex:1 1;min-width:100px}.table-header,.table-row{font-size:12px;gap:10px;grid-template-columns:60px 1fr 80px 100px 100px;padding:10px 5px}.col-coins,.col-level,.col-rank,.col-xp{font-size:11px}}@media (max-width:480px){.table-header,.table-row{font-size:11px;gap:8px;grid-template-columns:50px 1fr 70px 80px 80px;padding:8px 3px}.summary-value-large{font-size:24px}.sort-btn{font-size:11px;padding:6px 10px}}