*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa}.app{display:flex;min-height:100vh}.main-content{background-image:url(../images/bg.c29dc7b0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;padding:0;transition:all .3s ease}h1{color:#333;font-size:28px;margin-bottom:30px}.login-container{background:linear-gradient(135deg,#6e8efb,#a777e3);justify-content:center;padding:20px;width:100%}.login-card{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:400px;width:100%}.login-card h1{margin-bottom:30px}.game-icon{margin:20px 0}.game-icon img{height:auto;width:180px}.login-button{background-color:#4361ee;border:none;border-radius:8px;cursor:pointer;font-family:Luckiest Guy;font-weight:700;letter-spacing:.9;padding:12px 25px;transition:all .3s ease}.login-button:hover{background-color:#3867d6;box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}@media (max-width:1100px){.main-content{padding:80px 20px 30px}h1{font-size:24px}.login-card{padding:30px 20px}}.loading-container{background:#fff;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99999}.loading-wrapper{color:#000;font-family:monospace;font-size:2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);min-height:3rem;min-width:20rem;overflow:hidden;position:relative}.loading-letter{animation-iteration-count:infinite;animation-name:scroll-x;animation-timing-function:linear;left:100%;position:absolute;top:50%;transform:translateY(-50%);width:1ch;will-change:transform}@keyframes scroll-x{0%{transform:translateX(0) translateY(-50%)}to{transform:translateX(calc(-100% - 21rem)) translateY(-50%)}}.action-buttons{flex-direction:column;gap:8px;margin-top:10px}.delete-btn,.edit-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.edit-btn{background:linear-gradient(45deg,#4caf50,#45a049)}.edit-btn:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#3d8b40);transform:translateY(-1px)}.delete-btn{background:linear-gradient(45deg,#f44336,#da190b)}.delete-btn:hover:not(:disabled){background:linear-gradient(45deg,#da190b,#c12717);transform:translateY(-1px)}.delete-btn:disabled,.edit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.edit-modal{border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.3);padding:30px}.edit-modal h3{color:#333;text-align:center}.edit-form .form-group,.edit-modal h3{margin-bottom:20px}.edit-form label{color:#555;display:block;font-weight:700;margin-bottom:5px}.edit-form input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}.edit-form input:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3);outline:none}.disabled-input{background-color:#f5f5f5!important;color:#888!important;cursor:not-allowed!important}.edit-form small{font-style:italic;margin-top:5px}.modal-buttons{gap:15px;justify-content:center;margin-top:25px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 25px;transition:all .3s ease}.save-btn{background:linear-gradient(45deg,#28a745,#20c997)}.save-btn:hover{background:linear-gradient(45deg,#20c997,#17a2b8);transform:translateY(-2px)}.cancel-btn{background:linear-gradient(45deg,#6c757d,#5a6268);color:#fff}.cancel-btn:hover{background:linear-gradient(45deg,#5a6268,#495057);transform:translateY(-2px)}:root{--navbar-width:240px;--navbar-bg:#3a5ec9;--navbar-text:#333;--navbar-hover:hsla(0,0%,100%,.9);--button-hover:hsla(0,0%,100%,.2);--transition-speed:0.3s}.menu-button{align-items:center;background-color:#3a5ec9;border-radius:50%;color:var(--navbar-text);height:42px;justify-content:center;transition:all var(--transition-speed) ease;width:42px;z-index:999999999999}.menu-button:hover{background-color:var(--navbar-hover);transform:scale(1.05)}.navbar{background:linear-gradient(180deg,rgba(135,206,250,.8),rgba(100,181,246,.9))!important;bottom:0;left:0;top:0;transition:transform .3s ease;width:280px}.navbar-content{display:flex;flex-direction:column;height:100%;padding:20px}.user-profile-section{align-items:center;border-bottom:1px solid #333;display:flex;flex-direction:column;margin-bottom:20px;padding:20px 0}.user-avatar{border:3px solid #fff;border-radius:50%;height:100px!important;margin-bottom:15px;overflow:hidden;width:100px!important}.user-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-info{margin-bottom:15px;text-align:center}.username{color:#fff;font-size:1.4em!important;font-weight:600;letter-spacing:2px;margin-bottom:5px}.points-container{align-items:center;color:gold;display:flex;gap:5px;justify-content:center}.star-icon{font-size:1.2em}.profile-button{align-items:center;background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 16px;transition:background-color .2s}.profile-button:hover{background:#5b6eae}.nav-links{display:flex;flex:1;flex-direction:column;gap:10px}.nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff68;color:#434343}.nav-link.active{background:#fff;color:#000}.logout-button{background:none;color:#ed4245;margin-top:auto;text-align:left}.logout-button:hover{background:#ed4245;color:#fff}.navbar-footer{background:none;border-top:1px solid hsla(0,0%,100%,.08);flex-direction:column;gap:18px;margin-top:auto;padding-top:32px}.navbar-footer,.wallet-address{align-items:center;display:flex}.wallet-address{background:rgba(30,32,40,.85);border:1.5px solid hsla(0,0%,100%,.1);border-radius:32px;color:#e6e6e6;font-family:Luckiest Guy,Bangers,cursive;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;letter-spacing:1.5px;padding:14px 28px;position:relative;transition:background .2s,box-shadow .2s}.wallet-address svg{margin-left:8px;fill:#b9bbbe;transition:fill .2s}.wallet-address:hover{background:rgba(50,54,70,.95)}.copy-wallet-btn{background:none;border:none;color:#b9bbbe;cursor:pointer;font-size:1.1em;margin-left:6px;transition:color .2s}.copy-wallet-btn:hover{color:#fff}.social-icons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:6px}.social-icon{color:#fff;font-size:2.1em;opacity:.85;transition:color .2s,transform .2s}.social-icon:hover{color:#7289da;opacity:1;transform:scale(1.18) translateY(-2px)}.menu-button{background:none;border:none;color:#000;cursor:pointer;display:none;left:20px;padding:10px;position:fixed;top:20px;z-index:1001}@media (max-width:1100px){.navbar{border-radius:0!important;bottom:0;box-shadow:none!important;left:0;margin:0!important;top:0;transform:translateX(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar.open{border-radius:0 20px 20px 0;box-shadow:2px 0 5px rgba(0,0,0,.1);transform:translateX(0)}.navbar-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10001!important}.navbar.open+.navbar-overlay{opacity:1;visibility:visible}.menu-button{display:flex}}@media (min-width:769px){body{padding-left:var(--navbar-width)}.menu-button{display:none}}.modern-navbar{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(180deg,hsla(0,2%,45%,.597),rgba(146,206,255,.591))!important;border-radius:24px;margin:24px}.quest-link{background:none;border:none;cursor:pointer;text-align:left;width:100%}.soon-banner{background:#ed4245;border:1px solid #fff2;border-radius:12px;font-size:.72em;font-weight:700;letter-spacing:1px;padding:2px 12px;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:2}.navbar-close,.soon-banner{color:#fff;position:absolute}.navbar-close{background:transparent;border:none;cursor:pointer;display:none;font-size:2.2rem;padding:4px 10px;right:20px;top:10px;z-index:10001}.xp-navbar-container{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:8px 0;width:100%}.xp-level-badge{align-items:center;background:#ffe600;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#111;display:flex;font-family:Luckiest Guy,cursive;font-size:1.1em;font-weight:700;height:36px;justify-content:center;letter-spacing:1px;min-width:70px;padding:0 18px;white-space:nowrap}.xp-level-badge .level-label{font-size:1em;margin-right:8px}.xp-level-badge .level-number{font-size:1.1em}.xp-level-text{color:#000;font-size:16px;font-weight:700;letter-spacing:.5px}.xp-progress-section{display:flex;flex-direction:column;gap:3px;width:100%}.xp-progress-bar{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.6);border-radius:5px;box-shadow:0 0 0 1px hsla(0,0%,100%,.2);height:10px;overflow:hidden}.xp-progress-fill{background:#4a90e2;border-radius:5px;height:100%;transition:width .3s ease}.xp-text-row{align-items:center;display:flex;font-size:14px;font-weight:500;gap:3px;justify-content:center;letter-spacing:.8px}.xp-current{color:#fff;font-weight:600}.xp-separator{color:hsla(0,0%,100%,.7);margin:0 2px}.xp-next{color:hsla(0,0%,100%,.8)}.xp-label{color:hsla(0,0%,100%,.6);font-size:.9em;font-weight:400;margin-left:4px}@media (min-width:1400px){.user-avatar{height:120px!important;width:120px!important}.username{font-size:1.6em!important}.xp-navbar-container{gap:8px;padding:10px 0}.xp-level-badge{border-radius:14px;padding:8px 16px}.xp-level-text{font-size:18px}.xp-progress-bar{border:1px solid hsla(0,0%,100%,.6);border-radius:6px;box-shadow:0 0 0 1px hsla(0,0%,100%,.2);height:12px}.xp-text-row{font-size:15px;gap:4px;letter-spacing:1px}}@media (max-width:1099px) and (min-width:768px){.navbar{width:260px}.navbar-content{padding:18px}.user-avatar{height:90px!important;width:90px!important}.username{font-size:1.3em!important}.nav-link{font-size:.95em;padding:10px}.wallet-address{font-size:1em;padding:12px 24px}}@media (max-width:767px){.navbar{width:260px}.navbar-content{padding:15px}.user-profile-section{margin-bottom:15px;padding:15px 0}.user-avatar{border-width:2px;height:75px!important;width:75px!important}.username{font-size:1.2em!important;letter-spacing:1px}.profile-button{border-radius:15px;font-size:.85em;padding:6px 14px}.nav-link{font-size:.9em;gap:10px;padding:10px}.wallet-address{font-size:.9em;letter-spacing:1px;padding:10px 20px}.navbar-footer{gap:15px;padding-top:20px}.social-icons{gap:15px}.navbar-close,.social-icon{height:35px;width:35px}.navbar-close{right:15px;top:15px}.xp-navbar-container{margin:10px 0;padding:10px 0}.xp-level-badge{height:45px;width:45px}.xp-level-text{font-size:.8em}.xp-progress-bar{height:8px}.xp-text-row{font-size:.75em;gap:8px}}@media (max-width:480px){.navbar{width:240px}.navbar-content{padding:12px}.user-profile-section{margin-bottom:12px;padding:12px 0}.user-avatar{height:65px!important;margin-bottom:10px;width:65px!important}.username{font-size:1.1em!important;letter-spacing:.5px}.profile-button{font-size:.8em;gap:6px;padding:5px 12px}.nav-links{gap:8px}.nav-link{font-size:.85em;gap:8px;padding:8px}.wallet-address{font-size:.8em;letter-spacing:.5px;padding:8px 16px}.navbar-footer{gap:12px;padding-top:15px}.social-icons{gap:12px}.social-icon{height:30px;width:30px}.xp-navbar-container{margin:8px 0;padding:8px 0}.xp-level-badge{height:40px;width:40px}.xp-level-text{font-size:.7em}.xp-progress-bar{height:6px;margin:4px 0}.xp-text-row{font-size:.7em;gap:6px}.xp-separator{margin:0 4px}}@media (max-width:360px){.navbar{width:220px}.navbar-content{padding:10px}.user-avatar{height:55px!important;width:55px!important}.username{font-size:1em!important}.nav-link{font-size:.8em;padding:7px}.wallet-address{font-size:.75em;padding:7px 14px}.xp-level-badge{height:35px;width:35px}.xp-level-text,.xp-text-row{font-size:.65em}}.xp-gain-animation{left:50%;opacity:0;pointer-events:none;position:fixed;top:10%;transform:translateX(-50%);transform:translateX(-50%) translateY(10px) scale(.8);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.xp-gain-animation.visible{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.xp-gain-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2196f3;border-radius:16px;box-shadow:0 8px 32px rgba(76,175,80,.3);color:#fff;padding:16px 24px;text-align:center}.xp-gain-icon{font-size:24px;margin-bottom:8px}.xp-gain-text{font-size:28px;font-weight:800;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.xp-gain-label{font-size:14px;font-weight:500;opacity:.9}.xp-gain-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.xp-gain-popup{animation:popIn .3s ease-out;background:linear-gradient(135deg,gold,#ffa000);border:4px solid gold;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;overflow:hidden;padding:30px;position:relative;text-align:center;width:90%}.xp-gain-header{margin-bottom:20px}.xp-gain-icon{animation:bounce .6s ease-in-out;font-size:48px;margin-bottom:10px}.xp-gain-title{color:#333;font-size:24px;margin:0}.xp-gain-amount,.xp-gain-title{font-family:GAMERIA,Arial,sans-serif;font-weight:700}.xp-gain-amount{animation:xpGainGlow 1s ease-in-out infinite alternate;color:gold;font-size:36px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.xp-gain-breakdown{background:hsla(0,0%,100%,.9);border-radius:12px;margin-bottom:20px;padding:15px;text-align:left}.xp-breakdown-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.xp-breakdown-item:last-child{margin-bottom:0}.xp-breakdown-label{color:#666;font-weight:500}.xp-breakdown-value{color:#4caf50;font-weight:700}.xp-gain-footer{margin-top:20px}.xp-gain-close-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:GAMERIA,Arial,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s ease}.xp-gain-close-btn:hover{box-shadow:0 6px 20px rgba(76,175,80,.4);transform:translateY(-2px)}@keyframes xpGainGlow{0%{text-shadow:0 0 5px gold}to{text-shadow:0 0 15px gold,0 0 25px gold}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}}.xp-gain-popup-compact{animation:popIn .3s ease-out;background:linear-gradient(135deg,#fff,#ebebeb);border:3px solid gold;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.3);max-width:280px;min-width:200px;overflow:hidden;padding:20px 30px;position:relative;text-align:center}.xp-gain-icon-compact{animation:bounce .6s ease-in-out;display:block;font-size:36px;margin-bottom:8px}.xp-gain-amount-compact{animation:xpGainGlow 1s ease-in-out infinite alternate;color:#333;font-family:"GAMERIA, Arial, sans-serif";font-size:18px;font-weight:700;letter-spacing:.5px}.level-up-animation{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.level-up-animation.enter{opacity:0;transform:scale(.5)}.level-up-animation.celebrate{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.level-up-animation.exit{opacity:0;transform:scale(1.1);transition:all .3s ease-out}.level-up-backdrop{animation:backdropPulse 2s ease-in-out infinite;background:radial-gradient(circle,rgba(255,215,0,.2) 0,rgba(0,0,0,.7) 70%);inset:0;position:absolute}@keyframes backdropPulse{0%,to{opacity:.7}50%{opacity:.9}}.level-up-content{background:linear-gradient(135deg,gold,orange,#ff8c00);border:3px solid hsla(0,0%,100%,.3);border-radius:24px;box-shadow:0 20px 60px rgba(255,215,0,.4);color:#000;padding:40px;position:relative;text-align:center}.level-up-particles{inset:-20px;pointer-events:none;position:absolute}.particle{animation:particleFloat 3s ease-in-out infinite;font-size:20px;position:absolute}.particle-0{animation-delay:0s;left:10%;top:10%}.particle-1{animation-delay:.2s;right:15%;top:20%}.particle-2{animation-delay:.4s;left:20%;top:30%}.particle-3{animation-delay:.6s;right:10%;top:40%}.particle-4{animation-delay:.8s;bottom:40%;left:15%}.particle-5{animation-delay:1s;bottom:30%;right:20%}.particle-6{animation-delay:1.2s;bottom:20%;left:10%}.particle-7{animation-delay:1.4s;bottom:10%;right:15%}.particle-8{animation-delay:1.6s;left:5%;top:50%}.particle-9{animation-delay:1.8s;right:5%;top:60%}.particle-10{animation-delay:2s;left:25%;top:70%}.particle-11{animation-delay:2.2s;right:25%;top:80%}@keyframes particleFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}.level-up-crown{animation:crownBounce 1s ease-in-out infinite;font-size:60px;margin-bottom:16px}@keyframes crownBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.level-up-title{animation:titleGlow 1.5s ease-in-out infinite;font-size:48px;font-weight:900;margin-bottom:12px;text-shadow:0 4px 8px rgba(0,0,0,.3)}@keyframes titleGlow{0%,to{text-shadow:0 4px 8px rgba(0,0,0,.3)}50%{text-shadow:0 4px 8px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.5)}}.level-up-level{color:#8b4513;font-size:32px;font-weight:700;margin-bottom:16px}.level-up-subtitle{font-size:16px;font-weight:500;opacity:.8}@media (max-width:1100px){.navbar-close{display:block}.xp-gain-content{padding:12px 20px}.xp-gain-text{font-size:24px}.level-up-content{margin:20px;padding:30px}.level-up-title{font-size:36px}.level-up-level{font-size:24px}}.navbar{position:fixed;z-index:10002!important}.navbar-overlay{position:fixed;z-index:10001!important}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:2vh;padding-top:2vh;position:relative;z-index:10}@font-face{font-display:swap;font-family:Luckiest Guy;font-style:normal;font-weight:400;src:local("Luckiest Guy"),url(../fonts/LuckiestGuy-Regular.fbe68309.ttf) format("truetype")}:root{box-sizing:border-box;font-family:Luckiest Guy,Arial,cursive!important;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{background-color:#f0f0f0;letter-spacing:.9;overflow-x:hidden}.home-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;width:100%}.home-background-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.home-header{justify-content:space-between;padding:1rem 2rem;width:100%;z-index:1}.home-header,.user-profile{align-items:center;display:flex}.user-profile{color:#fff;gap:1rem}.profile-pic{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.profile-pic img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.logout-button{background-color:hsla(0,0%,100%,.2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .3s}.logout-button:hover{background-color:hsla(0,0%,100%,.3)}.main-content-wrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-right:320px;padding:0;width:100%}.home-content{margin-bottom:2rem;text-align:center}.title-area{color:#fff;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.title-area h1{color:#fff;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);text-transform:uppercase}.title-area p{font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.game-character img{height:auto;width:150px}.play-button{background:linear-gradient(180deg,#6deb5a,#49aa33);border:none;border-radius:50px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;padding:1rem 2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-transform:uppercase;transition:transform .2s,box-shadow .2s}.play-button:hover{box-shadow:0 6px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.play-button:active{border-bottom-width:1px;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(1px)}.stats-container{background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-top:20px;max-width:800px}.stats-header{background:#09b9ff8a;font-size:1.2rem;letter-spacing:1px;padding:.7rem}.stats-cards{padding:0}.stat-card{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;margin:0;padding:1rem .5rem}.stat-icon{color:#555;margin-bottom:.5rem}.stat-name{color:#777;font-size:.9rem;margin-bottom:.5rem}.stat-value{display:none}#root,.game-container,.home-container,body,html{font-family:Luckiest Guy,cursive!important;font-weight:400;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.hidden{display:none!important}button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s ease}button:hover{opacity:.9;transform:scale(1.02)}.login-container{align-items:center;background:url(../a840579f.jpeg) 50%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:4vh;width:100vw}.jumpnads-logo{margin-bottom:2vh}.login-title{margin-bottom:10rem;margin-top:-100px;text-align:center}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);margin-bottom:auto;margin-top:auto;max-width:90%;padding:40px;text-align:center;width:400px}.login-card h1{color:#333;margin-bottom:20px}.game-icon{height:180px;margin:20px auto;width:180px}.game-icon img{height:280px;width:280px}.login-button{background-color:#4169e1;color:#fff;font-size:18px;letter-spacing:1px;margin-top:20px;padding:12px 30px}.discord-button{align-items:center;background-color:#5865f2;display:flex;gap:10px;justify-content:center;transition:background-color .3s}.discord-button:hover{background-color:#4752c4}.discord-icon{align-items:center;color:#fff;display:flex;justify-content:center}.game-container,.game-frame{border-radius:0!important;box-sizing:border-box;position:fixed!important;z-index:1}.game-container,.game-frame,.game-frame iframe{background:#000!important;bottom:0;height:100vh!important;left:0;margin:0!important;padding:0!important;right:0;top:0;width:100vw!important}.game-frame iframe{border:none!important;border-radius:0!important;display:block;min-height:0!important;min-width:0!important;position:absolute!important;z-index:2}.game-header{background-color:rgba(0,0,0,.5);left:0;padding:10px;position:fixed;top:0;width:100%;z-index:100}.back-button{background-color:hsla(0,0%,100%,.8);color:#333}.game-iframe{background:#22222200;border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:block;height:100vh;margin:0 auto;max-height:100vh;max-width:480px;width:100vw}@media (max-width:1100px){.game-iframe{border-radius:0;height:100vh;left:0;margin:0;max-height:100vh;max-width:100vw;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.game-header{z-index:1001}}.game-iframe.loading{opacity:.3}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.loading-text{color:#fff;font-family:Luckiest Guy,cursive;font-size:20px;text-align:center}@media (max-width:1100px){.loading-overlay{position:fixed;z-index:9999}}.game-background-image,.home-background-image{height:auto;left:0;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;position:fixed;top:0;width:auto;z-index:-5}.stats-wrapper{margin:0 auto;max-width:800px;width:100%}.stats-container{background:hsla(0,0%,100%,.85);border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.2);overflow:hidden;padding:5px 15px 15px;width:100%}.stats-header{background:#00bfff89;border-radius:10px;color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;margin:0 -5px 15px;padding:8px;text-transform:uppercase}.stats-cards{display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between}.stat-card{background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex:1;min-width:0;padding:15px 10px}.stat-icon{color:#333;height:30px;width:30px}.stat-name{color:#666;font-size:14px;margin-bottom:5px}.stat-value{font-size:22px;font-style:italic}.stats-section{display:flex;justify-content:center;margin-top:-30px;padding-bottom:40px;width:100%}.auth-callback-container{align-items:center;background:linear-gradient(135deg,#4169e1,#9400d3);display:flex;height:100vh;justify-content:center}.auth-callback-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);max-width:90%;padding:40px;text-align:center;width:400px}.auth-callback-card h2{color:#333;margin-bottom:20px}.auth-callback-card p{color:#666;margin-bottom:20px}.profile-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}[data-privy-modal],[role=dialog][aria-modal=true],div[aria-label*=Export],div[aria-label*=export],div[data-testid*=export],div[style*="position: fixed"][style*=z-index]{z-index:99999!important}.profile-modal{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.profile-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.profile-close-button:hover{background:#f5f5f5;color:#333}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;padding:16px}.profile-avatar{border:4px solid #7289da;border-radius:50%;height:100px;overflow:hidden;width:100px}.profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.profile-user-info{flex:1;min-width:0}.profile-username{color:#333;font-size:18px;font-weight:600;margin:0 0 4px;word-break:break-word}.profile-discriminator{color:#666;font-size:16px}.profile-content{padding:24px}.profile-section{margin-bottom:24px}.profile-section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.user-roles-container{margin-top:20px}.roles-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.role-card{align-items:center;background:rgba(0,0,0,.1);border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .2s ease}.role-card:hover{box-shadow:0 3px 6px rgba(0,0,0,.15);transform:translateY(-2px)}.profile-wallet{background:#f5f5f5;border-radius:12px;padding:16px}.wallet-address{display:flex;flex-direction:column;gap:8px}.wallet-label{color:#666}.wallet-value-container{flex-direction:column;gap:8px}.copy-button{align-items:center;align-self:flex-start;background:#7289da;border-radius:6px;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.copy-button:hover{background:#5b6eae;transform:translateY(-1px)}.copy-button.copied{background:#43b581}.copy-button svg{height:16px;width:16px}.profile-no-wallet{color:#666;font-style:italic}.profile-stats,.stat-item,.stat-label,.stat-value{display:none}.navbar-profile{align-items:center;cursor:pointer;display:flex;margin-left:auto}.navbar-avatar{border-radius:50%;height:40px;margin-right:10px;overflow:hidden;width:40px}.navbar-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.navbar-user-info{display:flex;flex-direction:column}.navbar-username{color:#fff;font-weight:700}.navbar-view-profile{color:hsla(0,0%,100%,.7);font-size:12px}.navbar-view-profile:hover{color:#fff;text-decoration:underline}.debug-info{background-color:#f5f5f5;border-radius:5px;color:#333;font-size:12px;margin-top:20px;max-height:200px;overflow-y:auto;padding:10px;text-align:left}.debug-info h3{font-size:14px;margin-top:0}.debug-info pre{white-space:pre-wrap;word-break:break-all}.button-container{display:flex;gap:10px;margin-top:20px}.login-button.secondary{background-color:#555}.game-ui-container{background:#1a1a2e;border:2px solid #4a7bff;border-radius:12px;box-shadow:0 0 20px rgba(74,123,255,.5),0 0 40px rgba(74,123,255,.2);color:#e6e6ff;font-family:Exo\ 2,Segoe UI;max-width:600px;width:90%}.game-ui-header{background:linear-gradient(135deg,#293275,#1c1b4d);border-bottom:2px solid #4a7bff;border-radius:10px 10px 0 0;padding:20px}.game-ui-content{padding:20px}.glow-text{color:#fff;text-shadow:0 0 10px rgba(74,123,255,.8)}.profile-tabs{background:#f8f9fa;border-bottom:1px solid #eee;display:flex;padding:0 20px}.profile-tab,.profile-tabs button{background:transparent;border:none;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:15px 20px;position:relative;transition:all .2s}.profile-tab:hover,.profile-tabs button:hover{background:rgba(0,0,0,.05);color:#333}.profile-tab.active,.profile-tabs button[style*=background]{color:#5865f2;font-weight:600}.profile-tab.active:after,.profile-tabs button[style*=background]:after{background:#5865f2;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.wallet-card{background:#212147;border-radius:10px;margin-bottom:20px;padding:20px}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wallet-title{color:#4a7bff;font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.network-badge{background:#ff4a7b;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;text-transform:uppercase}.wallet-address-container{background:rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}.wallet-label{color:#8a8aaa;font-size:14px;margin-bottom:10px}.wallet-value-container{align-items:center;display:flex;justify-content:space-between}.wallet-value{color:#e6e6ff;font-family:monospace;font-size:16px}.wallet-balance{background:rgba(74,123,255,.1);border-radius:8px;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}.balance-label{color:#8a8aaa;font-size:14px;margin-bottom:10px}.balance-value{align-items:center;display:flex;justify-content:flex-start}.balance-amount{align-items:baseline;display:flex}.amount{color:#fff;font-size:28px;font-weight:700}.currency{color:#4a7bff;font-size:18px;margin-left:8px}.wallet-actions{gap:15px;margin-bottom:20px}.wallet-action,.wallet-actions{display:flex;flex-direction:column}.action-label{color:#8a8aaa;font-size:14px;margin-bottom:10px}.action-input-group{display:flex;gap:10px}.game-input{background:rgba(0,0,0,.3);border:1px solid #4a7bff;border-radius:6px;color:#fff;flex:1;font-size:16px;outline:none;padding:10px 15px;transition:all .3s ease}.game-input:focus{border-color:#7baaff;box-shadow:0 0 0 2px rgba(74,123,255,.25)}.game-button{background:#4a7bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.game-button:hover{background:#5a8bff;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.game-button:active{transform:translateY(0)}.game-button:disabled{background:#3a5b9f;cursor:not-allowed;opacity:.7;transform:none}.game-button.small{font-size:12px;padding:6px 12px}.game-button.primary{background:#4a7bff}.game-button.secondary{background:#6c757d}.game-button.danger{background:#dc3545}.game-button.warning{background:#ffc107;color:#343a40}.game-button.success{background:#28a745}.private-key-container{background:rgba(255,193,7,.1);border:1px solid #ffc107;border-radius:8px;padding:15px}.private-key-warning{color:#5f4908;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-align:center}.private-key-value{background:rgba(0,0,0,.3);border-radius:6px;color:#e6e6ff;font-family:monospace;font-size:14px;margin-bottom:15px;overflow:auto;padding:15px;word-break:break-all}.private-key-actions{display:flex;gap:10px;justify-content:space-between}.nft-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 0}.nft-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.nft-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.nft-quantity{color:#666;font-size:14px}.nft-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.equipped-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;font-size:.7em;font-weight:700;padding:4px 8px;position:absolute;right:8px;text-shadow:0 1px 2px rgba(0,0,0,.3);top:8px}.nft-info{padding:15px}.nft-name{color:#333;font-size:1.1em;font-weight:700;margin-bottom:5px}.nft-id{color:#666;font-size:.9em;margin-bottom:8px}.nft-bonus{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;color:#333;display:inline-block;font-size:.8em;font-weight:700;margin-bottom:5px;padding:2px 6px}.nft-type{color:#666;font-size:.85em;margin-bottom:5px}.nft-quantity{color:#888;font-size:.8em;margin-bottom:10px}.equip-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .3s ease;width:100%}.equip-btn:hover{box-shadow:0 4px 8px rgba(0,123,255,.3);transform:translateY(-1px)}.equip-btn.equipped{background:linear-gradient(135deg,#dc3545,#c82333)}.equip-btn.equipped:hover{box-shadow:0 4px 8px rgba(220,53,69,.3)}.game-badge{align-items:center;background:rgba(0,0,0,.3);border:2px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;margin:0 8px 8px 0;padding:6px 12px;transition:all .3s ease}.game-badge:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.role-icon{font-size:14px;margin-right:6px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:20px;opacity:.7}.empty-text{color:#8a8aaa;font-size:18px;font-weight:600;margin-bottom:10px}.empty-subtext{color:#6c6c8b;font-size:14px}.loading-container{padding:40px 20px}.loading-spinner{border:4px solid rgba(74,123,255,.3);border-top-color:#4a7bff;height:40px;margin-bottom:20px;width:40px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.loading-text{color:#8a8aaa;font-size:16px}.section-title{color:#4a7bff;font-size:20px;margin:0 0 20px;padding-bottom:10px;position:relative}.section-title:after{background:#4a7bff;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.transaction-status{border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-left:15px;padding:5px 12px}.transaction-status.processing{animation:pulse 1.5s infinite;background-color:#2196f3}.transaction-status.success{background-color:#4caf50}.transaction-status.partial{background-color:#ff9800}.transaction-status.error{background-color:#f44336}#tx-status-container{background-color:rgba(0,0,0,.2);border-radius:8px;padding:8px 15px;transition:color .3s ease}.stats-panel{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(180deg,hsla(0,62%,95%,.597),rgba(146,206,255,.591))!important;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-top:2rem;max-width:800px;overflow:hidden;padding:1rem;width:100%}.stats-panel.mobile{bottom:160px;left:50%;margin-top:0;position:absolute;transform:translateX(-50%);width:90%}.stats-panel .stats-header{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(180deg,rgba(229,241,248,.383),rgba(100,180,246,.228))!important;color:#000;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:-1rem -1rem 1rem;padding:.5rem;text-align:center;text-transform:uppercase}.stats-panel .stats-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.stats-panel .stat-card{align-items:center;display:flex;flex:1;flex-direction:column;min-width:120px;padding:.5rem;text-align:center}.stats-panel .stat-icon{color:#555;height:36px;margin-bottom:.5rem;width:36px}.stats-panel .stat-name{color:#777;font-size:.9rem;margin-bottom:.25rem}.stats-panel .stat-value{color:#333;font-size:1.5rem;font-style:italic;font-weight:700}body,button,input,select,textarea{font-family:Luckiest Guy,cursive!important;font-weight:400;letter-spacing:.9}#stats,.home-container,.play-button,.profile-section,.stat-name,.stat-value,.stats,.stats-container,.stats-header,.user-profile{font-family:Luckiest Guy,cursive!important;font-weight:400!important;letter-spacing:.9!important}.stat-value{color:#333!important;display:block!important;font-family:Luckiest Guy,cursive!important;font-size:26px!important;font-style:italic!important;font-weight:400!important;text-shadow:1px 1px 0 rgba(0,0,0,.1)!important}.stats-header{letter-spacing:2px!important}.stat-name,.stats-header{line-height:1.2!important}.stat-name{font-size:.8rem!important;letter-spacing:1px!important}@font-face{font-family:Bangers;font-style:normal;font-weight:400;src:url(../fonts/Banger.1083c684.ttf) format("truetype")}.jumpnads-title{color:#fff;font-family:Luckiest Guy,GAMERIA,Arial,sans-serif;font-size:6vw;font-weight:700;-webkit-text-stroke:4px #222;font-style:italic;letter-spacing:2px;line-height:1.1;margin:0 auto;text-align:center;text-shadow:3px 3px 0 #ffd600,0 0 0 #000;width:-moz-fit-content;width:fit-content}@media (max-width:900px){.jumpnads-title{font-size:9vw}}@keyframes loadingBarAnim{0%{margin-left:-60%}to{margin-left:100%}}.loading-bar-inner{animation:loadingBarAnim 1.2s linear infinite}.animated-play-btn{animation:playButtonWobble 4s ease-in-out infinite;background:linear-gradient(180deg,#4cd137,#27ae60);border:none;border-radius:40px;box-shadow:0 6px 24px rgba(44,62,80,.18),0 2px 4px rgba(0,0,0,.12);color:#fff;cursor:pointer;font-family:Luckiest Guy;font-size:2rem;font-style:italic;font-weight:700;letter-spacing:2px;outline:none;padding:16px 48px;position:relative;transition:transform .1s;z-index:2}@keyframes playButtonWobble{0%{transform:translateX(0)}20%{transform:translateX(-10px)}50%{transform:translateX(10px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.animated-play-btn.disabled,.animated-play-btn:disabled{animation:none!important;background:#bbb!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed!important;opacity:.7}.inline-spinner{animation:spin 1s linear infinite;display:inline-block;height:24px;margin-right:10px;vertical-align:middle;width:24px}.jumpnads-logo{display:block;height:auto;margin:0 auto;max-height:6vw;max-width:30vw}.mobile-stat-item .stat-label{display:block!important}.leaderboard-container{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(180deg,hsla(0,2%,45%,.597),rgba(146,206,255,.591))!important;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;font-family:Luckiest Guy,cursive;height:95vh;max-height:none;overflow:hidden;width:380px}.leaderboard-header{background:#00000000;color:#fff;padding:16px 16px 8px}.leaderboard-title{font-size:32px;margin-bottom:0;text-align:center;width:100%}.trophy-icon{color:#fff;font-size:32px;letter-spacing:1.1px}.leaderboard-tabs-container{background:#2647aa00;display:flex;justify-content:center;padding:8px 16px 16px}.leaderboard-tabs{display:flex;gap:8px;justify-content:center}.tab-button{background:#3e3e3e;border:none;border-radius:12px;color:#949494;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:14px;padding:8px 16px;transition:all .2s}.tab-button:hover{background:#3a5ec9}.tab-button.active{background:#ffc107;color:#333}.leaderboard-content{background-position:50%;background-size:cover;flex:1;overflow-y:auto;padding:8px 0}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.leaderboard-item{align-items:center;background:hsla(0,0%,100%,.85);border-radius:12px;display:flex;margin:0 8px;padding:6px 12px;transition:transform .2s}.leaderboard-item:hover{background:hsla(0,0%,100%,.95);transform:scale(1.02)}.leaderboard-item.current-user{background:rgba(255,236,179,.9);border:2px solid #ffc107}.player-rank{color:#333;font-size:16px!important;text-align:center;width:30px}.player-name{color:#333;flex:1;font-size:14px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{background:#fff;border-radius:12px;color:#000;font-size:18px!important;letter-spacing:1.2px;min-width:60px;padding:4px 10px;text-align:center}.loading-spinner{align-items:center;color:#fff;display:flex;font-family:Luckiest Guy,cursive;height:100px;justify-content:center;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.content-with-leaderboard{display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.home-content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.leaderboard-wrapper{align-items:flex-start;background:transparent;box-shadow:-4px 0 16px rgba(0,0,0,.08);display:flex;height:100%;justify-content:flex-end;margin:24px 24px 24px 0;margin-bottom:25px!important;padding-top:0;position:fixed;right:0;top:0;width:320px;z-index:100}.leaderboard-button{align-items:center;background-color:hsla(0,0%,90%,.21);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:fixed;right:18px;top:26px;transition:all .3s ease;width:42px;z-index:999999}.leaderboard-button:hover{background-color:rgba(0,0,0,.9);transform:scale(1.05)}.leaderboard-overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-8}.leaderboard-content{scrollbar-color:#b6ff5c transparent;scrollbar-width:thin}.leaderboard-content::-webkit-scrollbar-track{background:transparent!important}.leaderboard-content::-webkit-scrollbar{background:#e3f2fd;border-radius:8px;width:7px}.leaderboard-content::-webkit-scrollbar-thumb{background:#b6ff5c;border-radius:8px;min-height:40px}.leaderboard-content::-webkit-scrollbar-thumb:hover{background:#a0e04a}.refresh-info{background-color:rgba(0,0,0,.05);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:10px 15px}.refresh-controls{align-items:center;display:flex;gap:10px}.refresh-button{align-items:center;background-color:#3a3a3a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background-color .2s;width:30px}.refresh-button:hover{background-color:#555}.last-updated{color:#666;font-size:12px;font-style:italic}@media (min-width:768px) and (max-width:1100px){.leaderboard-button{display:flex!important;height:48px;position:fixed;right:32px;top:32px;width:48px;z-index:9999}.main-content-wrapper{padding-bottom:280px}.hi-score-label{color:#444;font-size:1rem;font-weight:600;letter-spacing:1px}.hi-score-label,.hi-score-value{margin-bottom:2px;margin-top:2px}.hi-score-value{color:#222;font-size:1.9rem;font-style:italic;text-shadow:0 2px 8px rgba(0,0,0,.08)}.jumpnads-logo{align-items:center;max-height:120px;max-width:80vw}}.loading-value{align-items:center;display:flex;justify-content:center;min-height:26px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}.animating-number{background:linear-gradient(45deg,#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse-glow .6s ease-in-out;background-clip:text}@keyframes pulse-glow{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}.stats-mobile-container{display:flex;flex-direction:column;gap:16px;padding:20px}.stats-grid-mobile{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card-mobile{background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:16px;text-align:center;transition:transform .2s ease}.stat-card-mobile:hover{transform:translateY(-2px)}.stats-container{display:flex;flex-direction:column;gap:16px;padding:20px}.stats-grid{gap:16px}.stat-card{background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 6px 15px rgba(0,0,0,.15);transform:translateY(-2px)}.stat-icon{color:#666;height:24px;margin:0 auto 8px;width:24px}.stat-name{color:#888;margin-bottom:8px}.stat-value{color:#333;font-size:24px}.xp-progress{transition:width 1.5s ease-out}.stats-header{color:#333;font-size:1.5rem;margin-bottom:16px;text-align:center}.jumpnads-logo{margin-bottom:1vh!important;margin-top:8vh!important}@media (min-width:1101px){.game-character{margin-bottom:4rem!important;margin-top:3rem!important}.jumpnads-logo{margin-bottom:2vh!important;margin-top:10vh!important}.logo-container{align-items:center!important;display:flex!important;justify-content:center!important;left:auto!important;margin-bottom:2vh!important;padding-top:2vh!important;position:relative!important;right:auto!important;top:auto!important;width:auto!important;z-index:10!important}}@media (min-width:768px) and (max-width:1100px){.game-character{margin-bottom:3.5rem!important;margin-top:2.5rem!important}.jumpnads-logo{margin-bottom:1.5vh!important;margin-top:8vh!important}.animated-play-btn,.mobile-play-btn{display:block!important;margin:0 auto!important;text-align:center!important}}@media screen and (max-height:600px) and (orientation:landscape){.dashboard-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.dashboard-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:25px;text-align:center}.dashboard-stat-card h3{font-size:1.1em;margin:0 0 15px;opacity:.9}.stat-value{font-size:2.5em;font-weight:700;margin:10px 0}.withdraw-btn{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:12px 20px;transition:all .3s ease}.withdraw-btn:hover{background:hsla(0,0%,100%,.3)}.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}.sales-breakdown{background:#f8f9fa;border-radius:12px;padding:20px}.sales-breakdown h3{color:#333;margin-bottom:20px}.sales-list{display:grid;gap:10px}.sales-item{align-items:center;background:#fff;border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr auto auto;padding:12px}.contract-status{align-items:center;color:#28a745;display:flex;font-size:.9em;gap:8px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.online{animation:pulse 2s infinite;background:#28a745}.loading-indicator{color:#6c757d;font-size:.9em;font-style:italic}.card-pill.contract-pill{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:.7em;font-weight:700}.nav-link.admin-link{background:linear-gradient(135deg,#dc3545,#fd7e14);border-radius:6px;color:#fff!important;overflow:hidden;position:relative}.nav-link.admin-link:before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.nav-link.admin-link:hover:before{left:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes loadingBarAnim{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.contract-info{background:#e9ecef;border-bottom:1px solid #dee2e6;color:#495057}.contract-info h2{border-bottom:1px solid #ced4da;color:#343a40;margin-bottom:15px;margin-top:0;padding-bottom:15px}.info-row{align-items:center;display:flex;font-size:.95em;justify-content:space-between;padding:8px 0}.info-row strong{font-weight:600}.info-row span{background:rgba(0,0,0,.05);border-radius:4px;font-family:monospace;padding:4px 8px}.nfts-grid-container{padding:1rem;width:100%}.nfts-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%}.nft-card-compact{align-items:center;background-color:#fff;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;padding:.75rem;text-align:center}.nft-image-compact{border-radius:5px;height:120px;margin-bottom:.5rem;-o-object-fit:cover;object-fit:cover;width:120px}.nft-name-compact{color:#161616;font-size:.9rem;font-weight:700;margin:0}.equip-btn-compact{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.3rem .6rem;width:100%}.equip-btn-compact.equipped{background-color:#4caf50;cursor:default}.profile-modal .modal-content{max-height:80vh;overflow-y:auto}.character-image,.game-character img{animation:float 3s ease-in-out infinite!important;height:min(20vh,280px)!important;max-width:min(20vh,280px)!important;-o-object-fit:contain!important;object-fit:contain!important;width:auto!important}@media screen and (min-width:768px) and (max-width:1100px){.character-image,.game-character img{height:min(18vh,220px)!important;max-width:min(18vh,220px)!important}}@media screen and (max-height:600px) and (orientation:landscape){.character-image,.game-character img{height:min(28vw,160px)!important;max-width:min(28vw,160px)!important}}@media screen and (max-height:450px) and (orientation:landscape){.character-image,.game-character img{height:min(25vw,120px)!important;max-width:min(25vw,120px)!important}}.homepage-container{height:100%;position:relative;width:100%}.loading-full-page{align-items:center;background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-full-page .loading-spinner{animation:spin 1s linear infinite;border:5px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.loading-full-page p{color:#333;color:#aaa;font-size:18px;font-size:1.2rem;font-weight:700;margin-top:1rem;text-align:center}.nft-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.nft-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.nft-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);justify-content:center;min-height:180px;transform:translateY(-5px)}.nft-image-container{align-items:center;aspect-ratio:1/1;background-color:#f8f9fa;box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;width:100%}.nft-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.xp-bonus-badge{background-color:#4a7bff;border-radius:20px;color:#fff;font-size:12px;font-weight:100;padding:5px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:1}.nft-info{padding:15px;text-align:center}.nft-name{font-size:16px;font-weight:600;margin-bottom:5px}.nft-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.nft-xp-bonus{color:#4a7bff}.nft-button,.nft-xp-bonus{font-size:14px;font-weight:600}.nft-button{background-color:#4a7bff;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s ease}.nft-button:hover{background-color:#3a6bff}.filter-switch{align-items:center;border:2px solid #ffc000;border-radius:30px;display:flex;height:50px;margin:20px auto;overflow:hidden;position:relative;width:400px}.filter-switch input{display:none}.filter-switch label{border:none;border-radius:30px;cursor:pointer;flex:1;font-family:Luckiest Guy,cursive;font-size:18px;font-weight:500;line-height:50px;overflow:hidden;position:relative;text-align:center;transition:all .5s;z-index:1}.filter-switch .background{background-color:#ffc000;border-radius:30px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:left .4s cubic-bezier(.175,.885,.32,1.275);width:calc(49% - 8px)}.filter-switch input[value=assets]:checked~.background{left:calc(50% + 4px)}.filter-switch input:checked+label{color:#212121;font-weight:700}.filter-switch input:not(:checked)+label{color:#7d7d7d}.confirm-dialog,.success-message,.withdraw-dialog{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-top:20px;padding:20px}.confirm-dialog h3,.success-message h3,.withdraw-dialog h3{font-size:18px;margin-bottom:15px;margin-top:0}.available-balance{color:#444;font-weight:500;margin-bottom:15px}.input-group{margin-bottom:20px}.input-group label{color:#555;display:block;font-size:14px;margin-bottom:5px}.input-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.error-message{color:#d9534f;font-size:14px;margin:10px 0}.warning-text{color:#f0ad4e;font-size:13px;margin:10px 0}.address-display{background:#eee;border-radius:4px;font-family:monospace;font-size:14px;margin:10px 0;padding:10px;word-break:break-all}.dialog-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.cancel-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;padding:8px 16px}.action-button,.cancel-button{cursor:pointer;flex:1;font-size:14px}.action-button{background:#5865f2;border:none;border-radius:4px;color:#fff;font-weight:500;padding:10px 18px}.action-button.danger{background:#d9534f}@media screen and (max-height:500px){.animated-play-btn,.mobile-play-btn{font-size:1.2rem!important;margin-bottom:8px!important;margin-top:8px!important;padding:10px 12px!important}}@media screen and (max-height:450px) and (orientation:landscape){.animated-play-btn,.mobile-play-btn{font-size:1.1rem!important;margin-bottom:8px!important;margin-top:8px!important;padding:8px 10px!important;width:85%!important}.main-content-wrapper{padding-bottom:20px!important}}@media screen and (max-height:600px) and (orientation:landscape){.jumpnads-logo{margin-bottom:1vh!important;margin-top:3vh!important}}@media screen and (max-height:500px){.jumpnads-logo{margin-bottom:.5vh!important;margin-top:2vh!important}}.mobile-bottom-wrapper .play-button-container,.play-button-container{align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important;width:100%!important}@media screen and (min-device-width:768px) and (max-device-width:1024px),screen and (min-width:768px) and (max-width:1024px){.home-container>:not(.tablet-overlay){display:none!important}.home-container:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.home-container:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:3px solid #667eea;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);color:#333;content:"🎮 JUMPNADS 🎮\A\A📱 JumpNads is suitable only for\A Desktop and Mobile devices\A as of now\A\A🔜 Coming Soon for Tablets!";display:block;font-family:Luckiest Guy,cursive;font-size:1.4rem;left:50%;line-height:1.6;max-width:90%;padding:40px 30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:pre-line;z-index:9999}}@media screen and (device-width:1024px) and (device-height:768px),screen and (device-width:1112px) and (device-height:834px),screen and (device-width:1180px) and (device-height:820px),screen and (device-width:768px) and (device-height:1024px),screen and (device-width:820px) and (device-height:1180px),screen and (device-width:834px) and (device-height:1112px){.home-container>:not(.tablet-overlay){display:none!important}.home-container:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.home-container:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:3px solid #667eea;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);color:#333;content:"🎮 JUMPNADS 🎮\A\A📱 JumpNads is suitable only for\A Desktop and Mobile devices\A as of now\A\A🔜 Coming Soon for iPads!";display:block;font-family:Luckiest Guy,cursive;font-size:1.6rem;left:50%;line-height:1.6;max-width:80%;padding:50px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:pre-line;z-index:9999}}@media (max-width:1100px){.profile-overlay{padding:15px}.profile-modal{max-height:85vh;max-width:500px;width:90%}.profile-header{padding:20px}.profile-avatar{height:80px;width:80px}.profile-username{font-size:1.3rem}.profile-tabs button{font-size:.9rem;padding:10px 18px}.leaderboard-container{height:90vh;max-width:400px;width:90%}.leaderboard-title,.trophy-icon{font-size:28px}.tab-button{font-size:13px;padding:6px 14px}.leaderboard-item{margin:0 6px;padding:6px 12px}.player-rank{font-size:14px!important;width:30px}.player-name{font-size:12px;margin-left:6px}.player-score{font-size:14px!important;min-width:45px;padding:3px 8px}}@media screen and (max-height:500px) and (orientation:landscape){.profile-modal{max-height:90vh;overflow-y:auto}.profile-header{padding:10px}.profile-avatar{height:50px;width:50px}.leaderboard-container{height:85vh;max-height:400px}.leaderboard-header{padding:8px}.leaderboard-title{font-size:18px}}.level-up-pill{align-items:center;background:linear-gradient(135deg,gold,gold,gold);border:3px solid gold;border-radius:50px;box-shadow:0 8px 32px rgba(255,215,0,.4),0 0 20px rgba(255,215,0,.6);display:flex;flex-direction:column;font-family:Luckiest Guy,GAMERIA,cursive;left:50%;min-width:280px;opacity:0;padding:12px 20px;position:fixed;text-align:center;top:20px;transform:translateX(-50%) translateY(-100px);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:10000}.level-up-pill.enter{opacity:1;transform:translateX(-50%) translateY(0)}.level-up-pill.celebrate{animation:levelUpPulse .6s ease-in-out infinite alternate;opacity:1;transform:translateX(-50%) translateY(0) scale(1.05)}.level-up-pill.exit{opacity:0;transform:translateX(-50%) translateY(-80px) scale(.9)}.level-up-pill-content{align-items:center;display:flex;gap:12px;margin-bottom:4px}.level-up-crown{animation:crownBounce 1s ease-in-out infinite;font-size:28px}.level-up-text{align-items:center;display:flex;flex-direction:column}.level-up-title{color:#000;font-size:18px;font-weight:700;letter-spacing:2px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.level-up-level{color:#4169e1;font-size:24px;font-weight:700;letter-spacing:1px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.level-up-sparkles{display:flex;flex-direction:column;gap:4px}.sparkle{animation:sparkleFloat 1.2s ease-in-out infinite;font-size:20px}.sparkle:nth-child(2){animation-delay:.6s}.level-up-subtitle{color:#000;font-size:12px;font-weight:600;letter-spacing:1px;opacity:.8}@keyframes levelUpPulse{0%{transform:translateX(-50%) translateY(0) scale(1.05)}to{transform:translateX(-50%) translateY(0) scale(1.1)}}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(180deg)}}#gameCanvas{position:relative;z-index:1}.admin-panel{background:#f4f7fc;border-radius:15px;bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;left:340px;overflow-y:auto;position:fixed;right:20px;top:20px}.admin-header{margin-bottom:30px;padding:20px 30px;text-align:center}.admin-header h1{background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:2.5em;margin-bottom:10px;-webkit-text-fill-color:transparent}.admin-header p{color:#666;font-size:1.1em}.admin-denied,.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.admin-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.admin-denied h1{color:#e74c3c;margin-bottom:20px}.contract-setup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:30px;padding:20px}.contract-input{display:flex;gap:10px;margin-top:15px}.contract-address-input{border:1px solid #ccc;border-radius:8px;flex-grow:1;font-size:1rem;padding:12px}.set-contract-btn{background:linear-gradient(135deg,#5865f2,#7d26c9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease}.set-contract-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:.9;transform:translateY(-2px)}.set-contract-btn:disabled{background:#aaa;cursor:not-allowed}.owner-actions{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.owner-actions h2{color:#856404}.owner-info{margin-bottom:20px}.owner-address{background:rgba(0,0,0,.05);border-radius:4px;font-family:monospace;margin-left:10px;padding:4px 8px}.transfer-ownership h3{color:#664d03;margin-top:0}.transfer-ownership .warning{color:#dc3545;font-size:.9em;font-weight:700}.transfer-ownership input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.transfer-ownership button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.transfer-ownership button:disabled{background:#aaa}.admin-section{background:#fff;padding:30px}.admin-section h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:25px;padding-bottom:10px}.create-item-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-weight:600}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1em;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.image-upload{padding:8px!important}.image-preview{margin-top:10px;text-align:center}.image-preview img{border-radius:8px;margin-bottom:10px;max-height:100px;max-width:100px}.image-preview p{color:#666;font-family:monospace;font-size:.9em}.file-size{color:#999!important;font-size:.8em!important;margin-top:5px}.upload-progress{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;margin-top:10px;padding:10px;text-align:center}.upload-progress p{color:#1976d2;font-size:.9em;font-weight:600;margin:0}.create-item-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px 30px;transition:transform .2s ease}.create-item-btn:hover{transform:translateY(-2px)}.create-item-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px}.items-list{display:grid;gap:20px}.admin-item-card{align-items:center;border:2px solid #f0f0f0;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:border-color .3s ease}.admin-item-card:hover{border-color:#667eea}.item-info{align-items:center;display:flex;gap:20px}.item-image{border-radius:8px;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.item-details h3{color:#333;margin:0 0 10px}.item-details p{color:#666;font-size:.9em;margin:5px 0}.item-actions{align-items:center;display:flex;gap:15px}.status-badge{border-radius:20px;font-size:.8em;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.toggle-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px}.toggle-btn.activate{background:#28a745;color:#fff}.toggle-btn.deactivate{background:#dc3545;color:#fff}#root,.game-container,.home-container,body,html{font-family:Luckiest Guy,cursive!important;font-weight:400;height:100%;margin:0;overflow:hidden;padding:0;width:100%}}.quest-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.quest-modal{background:#fff;border:2px solid #e0e0e0;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:800px;overflow:hidden;width:100%}.quest-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.quest-modal-header h2{color:#333;font-family:Luckiest Guy,cursive;font-size:24px;font-weight:400;letter-spacing:1px;margin:0}.quest-close-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:40px;justify-content:center;padding:5px;transition:background .2s;width:40px}.quest-close-btn:hover{background:#e5e5e5}.quest-tabs{background:#f8f9fa;display:flex;overflow-x:hidden}.quest-tab{background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;flex:1;font-family:Luckiest Guy,cursive;font-size:14px;font-weight:400;min-width:120px;padding:15px 10px;transition:all .2s;white-space:nowrap}.quest-tab.active,.quest-tab:hover{background:#f0f0f0;color:#333}.quest-tab.active{border-bottom-color:#4caf50}.social-quest-section{padding:0}.social-tabs{background:#f0f0f0;border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px}.social-tab{background:none;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;flex:1;font-family:Luckiest Guy,cursive;font-size:14px;font-weight:400;padding:12px 20px;transition:all .2s}.social-tab.active,.social-tab:hover{background:#e5e5e5;color:#333}.social-tab.active{border-bottom-color:#ff6b35}.quest-content{color:#333;max-height:60vh;overflow-y:auto;padding:20px}.quest-loading{color:#666;font-family:Luckiest Guy,cursive;font-size:18px;font-weight:400;padding:40px;text-align:center}.quest-section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #4caf50;border-radius:8px;margin:25px 0 15px;padding:10px 15px}.quest-section-header h4{color:#333;font-family:Luckiest Guy,cursive;font-size:18px;font-weight:400;letter-spacing:.5px;margin:0}.quest-section-header:first-child{margin-top:0}.daily-claim-section{text-align:center}.daily-claim-header h3{color:#333;font-family:Luckiest Guy,cursive;font-size:22px;font-weight:400;margin:0 0 10px}.daily-claim-header p{color:#666;font-weight:400;margin:0 0 20px}.streak-info{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-around;margin:20px 0 30px;padding:15px}.streak-current,.streak-timer{text-align:center}.streak-label,.timer-label{color:#666;display:block;font-size:14px;font-weight:400;margin-bottom:5px}.streak-value,.timer-value{color:#4caf50;display:block;font-family:Luckiest Guy,cursive;font-size:18px;font-weight:400}.daily-rewards-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:20px 0}.reward-day{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;padding:10px;position:relative;text-align:center;transition:all .3s}.reward-day.current{background:rgba(76,175,80,.1);border-color:#4caf50;box-shadow:0 0 10px rgba(76,175,80,.2)}.reward-day.completed{background:rgba(34,197,94,.1);border-color:#22c55e}.reward-day.bonus{background:rgba(255,152,0,.1);border-color:#ff9800}.reward-day-number{color:#666;font-size:12px;font-weight:400;margin-bottom:5px}.reward-xp{color:#4caf50;font-family:Luckiest Guy,cursive;font-size:14px;font-weight:400}.reward-bonus{color:#ff9800;font-size:10px;font-weight:500;margin-top:2px}.reward-claimed{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.claim-section{margin-top:30px}.claim-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(76,175,80,.3);color:#fff;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:16px;font-weight:400;padding:15px 30px;transition:all .3s}.claim-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(76,175,80,.4);transform:translateY(-2px)}.claim-btn.unavailable{background:#ccc;box-shadow:none;color:#666;cursor:not-allowed}.claim-warning{background:rgba(255,152,0,.1);border:1px solid #ff9800;border-radius:8px;color:#ff9800;font-size:14px;font-weight:400;margin-top:15px;padding:10px}.quest-list h3{color:#333;font-family:Luckiest Guy,cursive;font-size:20px;font-weight:400;margin:0 0 20px;text-align:center}.quest-item{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;margin-bottom:15px;padding:15px;transition:all .3s}.quest-item:hover{background:#f0f0f0}.quest-item.completed{background:rgba(34,197,94,.1);border-color:#22c55e}.quest-info{flex:1}.quest-info h4{color:#333;font-family:Luckiest Guy,cursive;font-size:16px;font-weight:400;margin:0 0 5px}.quest-info p{color:#666;margin:0 0 8px}.quest-info p,.quest-reward{font-size:14px;font-weight:400}.quest-reward{color:#4caf50;font-family:Luckiest Guy,cursive}.quest-progress{flex:0 0 150px;text-align:center}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s}.progress-text{color:#666;font-size:12px;font-weight:400}.quest-completed-text{color:#22c55e;font-family:Luckiest Guy,cursive;font-size:14px;font-weight:400;margin-top:5px}.quest-action-btn,.quest-claim-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:14px;letter-spacing:.8px;padding:8px 16px;transition:all .3s;white-space:nowrap}.quest-action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.quest-action-btn:hover,.quest-claim-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.submission-form{display:flex;flex-direction:column;gap:8px;width:100%}.submission-form input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:8px}.submission-form div{display:flex;gap:8px}@media (max-width:768px){.quest-modal{margin:10px;max-width:95vw}.quest-modal-header h2{font-size:20px}.quest-tab{font-size:12px;padding:12px 8px}.social-tab{font-size:12px;padding:10px 15px}.quest-section-header h4{font-size:16px}.quest-item{align-items:stretch;flex-direction:column;gap:10px}.quest-progress{flex:1}.daily-rewards-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.reward-day{padding:8px}.streak-info{flex-direction:column;gap:15px}}.transaction-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.transaction-loading-content{padding:40px;text-align:center}.transaction-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;height:60px;margin:0 auto 20px;width:60px}.transaction-status{color:#333;font-family:Luckiest Guy,cursive;font-size:18px;font-weight:400;margin-bottom:10px}.transaction-subtitle{color:#666;font-size:14px;font-weight:400}.quest-action-btn:disabled,.quest-claim-btn:disabled{cursor:not-allowed;opacity:.6;position:relative}.quest-action-btn.processing,.quest-claim-btn.processing{background:#ccc!important;color:#666!important}.quest-claim-btn.processing:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#666;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.quest-content::-webkit-scrollbar{width:8px}.quest-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.quest-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.quest-content::-webkit-scrollbar-thumb:hover{background:#aaa}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--green-gradient:linear-gradient(135deg,#27ae60,#219150);--red-gradient:linear-gradient(135deg,#e74c3c,#c0392b);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--text-white:#fff;--text-gold:gold;--shadow-light:0 4px 15px rgba(0,0,0,.1);--shadow-medium:0 8px 32px rgba(0,0,0,.15);--border-radius-large:clamp(15px,4vw,25px);--border-radius-medium:clamp(10px,3vw,20px);--border-radius-small:clamp(8px,2vw,15px)}.mobile-homepage-container{align-items:center!important;justify-content:flex-start!important;min-height:100svh!important;min-height:100dvh!important;overflow:hidden!important}.main-content-wrapper,.mobile-homepage-container{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;padding:clamp(.5rem,2vw,1.5rem)!important;position:relative!important}.main-content-wrapper{height:100svh!important;height:100dvh!important;justify-content:space-between!important;z-index:2!important}.mobile-logo-container{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:2vh!important;padding-top:clamp(1rem,3vh,2rem)!important;z-index:3!important}.mobile-jumpnads-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important;height:auto!important;margin-bottom:0!important;margin-top:0!important;max-width:100%!important;-o-object-fit:contain!important;object-fit:contain!important;width:clamp(200px,45vw,280px)!important}.mobile-game-character{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:3vh!important;margin-top:2vh!important}.mobile-character-image{animation:characterJump 2s ease-in-out infinite!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;width:clamp(100px,25vw,150px)!important}.jumpnads-logo-mobile{height:auto!important;max-height:none!important;max-width:100%!important;min-width:150px!important;width:clamp(200px,45vw,280px)!important}.game-character{align-items:center!important;bottom:clamp(180px,25vh,220px)!important;display:flex!important;justify-content:center!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;z-index:4!important}.game-character img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;height:auto!important;max-width:100%!important;width:clamp(80px,20vw,120px)!important}.mobile-bottom-wrapper{align-items:center!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:clamp(.5rem,2vh,1rem)!important;justify-content:center!important;left:0!important;min-height:60vh!important;padding:clamp(.5rem,2vw,1.5rem)!important;position:absolute!important;right:0!important;z-index:2!important}.mobile-stats-glass{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:clamp(.4rem,1.2vh,.6rem);margin-bottom:clamp(.75rem,3vh,1.5rem);max-width:clamp(240px,75vw,300px);padding:clamp(.6rem,2vw,1rem);width:100%}.mobile-hi-score{flex-direction:column;gap:clamp(.15rem,.6vw,.3rem);margin-bottom:clamp(.3rem,1vh,.5rem);padding:clamp(.3rem,1vw,.5rem);text-align:center}.mobile-hi-score,.mobile-hi-score .mobile-stat-icon{align-items:center;display:flex;justify-content:center}.mobile-hi-score .mobile-stat-icon{margin-bottom:clamp(.25rem,1vh,.5rem)}.mobile-hi-score .mobile-stat-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:clamp(24px,6vw,32px);width:clamp(24px,6vw,32px)}.mobile-hi-score-label{color:#333;font-size:clamp(.7rem,2.2vw,.9rem);font-weight:200;letter-spacing:.5px;margin:0 0 clamp(.2rem,.8vh,.4rem);text-transform:uppercase}.mobile-hi-score-value{color:#000!important;font-size:clamp(1.1rem,4vw,1.4rem)!important;margin:0!important;text-shadow:none!important}.mobile-stats-grid{display:grid;gap:clamp(.3rem,1.2vw,.6rem);grid-template-columns:repeat(2,1fr);margin-top:clamp(.3rem,1vh,.5rem)}.mobile-stat-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#333;display:flex;flex-direction:column;gap:clamp(.15rem,.6vw,.3rem);padding:clamp(.4rem,1.5vw,.75rem);text-align:center;transition:all .3s ease}.mobile-stat-item:hover{background:#e9ecef;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.mobile-stat-item .mobile-stat-icon{align-items:center;display:flex;height:clamp(20px,5vw,28px);justify-content:center;width:clamp(20px,5vw,28px)}.mobile-stat-item .mobile-stat-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.mobile-stat-item .mobile-stat-label{color:#666;font-size:clamp(.6rem,2vw,.8rem);font-weight:200;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.mobile-stat-item .mobile-stat-value{color:#333!important;font-size:clamp(1.1rem,4vw,1.4rem)!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.mobile-game-mode-buttons{display:flex;flex-direction:row;gap:clamp(.5rem,2vw,1rem);justify-content:center;margin-bottom:clamp(1rem,4vh,2rem);margin-top:clamp(.25rem,1vh,.5rem);width:100%}.mobile-play-button{background:var(--primary-gradient);border:none;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);color:var(--text-white);cursor:pointer;font-family:Luckiest Guy,Bangers,sans-serif;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;letter-spacing:clamp(.5px,.2vw,1px);overflow:hidden;padding:clamp(.8rem,3vh,1.2rem) clamp(1.5rem,5vw,2rem);position:relative;text-transform:uppercase;transition:all .3s ease}.mobile-play-button:hover:not(:disabled){box-shadow:0 8px 25px rgba(102,126,234,.4);transform:translateY(-3px)}.mobile-play-button:active:not(:disabled){box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translateY(-1px)}.mobile-game-mode-buttons .mobile-play-button:first-child{background:linear-gradient(135deg,#28a745,#20c997);flex:1;font-size:clamp(1rem,3.5vw,1.2rem);max-width:clamp(120px,40vw,160px);padding:clamp(1rem,3.5vh,1.3rem) clamp(2rem,6vw,2.5rem)}.mobile-game-mode-buttons .mobile-multiplayer-btn{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed;flex:1;max-width:clamp(120px,40vw,160px);opacity:.7;position:relative}.mobile-coming-soon-badge{animation:pulse 2s infinite;background:var(--text-gold);border-radius:clamp(8px,2vw,12px);box-shadow:0 2px 6px rgba(0,0,0,.3);color:#333;font-family:Luckiest Guy,Bangers,sans-serif;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:700;letter-spacing:.3px;padding:clamp(2px,.5vw,4px) clamp(4px,1vw,6px);position:absolute;right:clamp(-6px,-1.5vw,-8px);text-transform:uppercase;top:clamp(-6px,-1.5vw,-8px)}.mobile-mint-character{background:var(--red-gradient);box-shadow:0 4px 15px rgba(231,76,60,.4);margin-bottom:clamp(1rem,3vh,2rem)}.mobile-mint-character:hover:not(:disabled){box-shadow:0 8px 25px rgba(231,76,60,.6)}.mobile-play-button.disabled{box-shadow:0 2px 8px rgba(0,0,0,.2)!important;cursor:not-allowed;opacity:.6;transform:none!important}.mobile-balance-low-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.8);border-radius:var(--border-radius-small);color:#333;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;margin-top:clamp(.5rem,2vh,1rem);padding:clamp(.5rem,2vw,1rem);text-align:center;text-shadow:none}.mobile-bottom-wrapper:after{content:"";height:clamp(20px,4vh,32px);min-height:20px;width:100%}@media (max-width:480px){.mobile-stats-glass{padding:clamp(.5rem,2.5vw,1rem)}.mobile-stat-item{padding:clamp(.4rem,1.5vw,.8rem)}.game-character{bottom:clamp(150px,22vh,180px)}}@media (max-width:375px){.mobile-bottom-wrapper{min-height:55vh;padding:clamp(.3rem,1vw,.6rem)}.mobile-stats-glass{gap:clamp(.25rem,.8vh,.4rem);max-width:clamp(200px,65vw,240px);padding:clamp(.25rem,1.2vw,.5rem)}.game-character{bottom:clamp(120px,18vh,150px)}.game-character img{width:clamp(65px,16vw,85px)}.jumpnads-logo{width:clamp(200px,45vw,280px)!important}}@media (max-width:320px){.mobile-bottom-wrapper{padding:clamp(.3rem,1vw,.6rem)}.mobile-stats-glass{padding:clamp(.3rem,1.5vw,.6rem)}.game-character{bottom:clamp(110px,18vh,140px)}.game-character img{width:clamp(60px,16vw,80px)}}@media (max-height:600px){.game-character{bottom:clamp(120px,18vh,150px)}.game-character img{width:clamp(60px,15vw,80px)}.mobile-stats-glass{padding:clamp(.4rem,2vw,.8rem)}}@media (max-height:500px){.game-character{bottom:clamp(100px,15vh,120px)}.game-character img{width:clamp(50px,12vw,70px)}.mobile-stats-glass{padding:clamp(.3rem,1.5vw,.6rem)}.mobile-game-mode-buttons .play-button,.mobile-play-btn{font-size:clamp(.8rem,2.5vw,1rem);padding:clamp(.6rem,2.5vh,.9rem) clamp(1.2rem,4vw,1.8rem)}}@media screen and (orientation:landscape) and (max-height:500px){.game-character{bottom:clamp(80px,12vh,100px)}.game-character img{width:clamp(40px,10vw,60px)}.mobile-stats-glass{padding:clamp(.2rem,1vw,.4rem)}.mobile-game-mode-buttons .play-button,.mobile-play-btn{font-size:clamp(.7rem,2vw,.9rem);padding:clamp(.4rem,2vh,.6rem) clamp(1rem,3vw,1.5rem)}.mobile-bottom-wrapper{padding:clamp(.2rem,1vw,.4rem)}}@media (min-width:500px) and (max-width:768px){.mobile-stats-glass{padding:clamp(1rem,3vw,1.5rem)}.game-character{bottom:clamp(200px,28vh,240px)}.game-character img{width:clamp(100px,22vw,130px)}.mobile-game-mode-buttons .play-button,.mobile-play-btn{font-size:clamp(1rem,3.5vw,1.2rem);padding:clamp(1rem,3.5vh,1.3rem) clamp(2rem,6vw,2.5rem)}.jumpnads-logo-mobile{width:clamp(200px,45vw,280px)!important}}@media (min-width:769px) and (max-width:1024px){.mobile-stats-glass{padding:clamp(1.2rem,3.5vw,1.8rem)}.game-character{bottom:clamp(220px,30vh,260px)}.game-character img{width:clamp(110px,24vw,140px)}.mobile-game-mode-buttons .play-button,.mobile-play-btn{font-size:clamp(1.1rem,4vw,1.3rem);padding:clamp(1.1rem,4vh,1.4rem) clamp(2.2rem,7vw,2.8rem)}.jumpnads-logo-mobile{width:clamp(200px,45vw,280px)!important}}@media (max-width:767px){.jumpnads-logo-mobile{z-index:3!important}.game-character{z-index:4!important}.mobile-stats-glass{z-index:2!important}.mobile-game-mode-buttons .play-button,.mobile-play-btn{z-index:1!important}.leaderboard-wrapper,.stats-panel{display:none!important}.main-content-wrapper{display:flex!important;flex-direction:column!important;justify-content:space-between!important}.content-with-leaderboard,.leaderboard-wrapper,.stats-panel{display:none!important}.home-content{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important}.home-container{background:linear-gradient(180deg,#87ceeb,#98fb98)!important;min-height:100svh!important;min-height:100dvh!important}.main-content-wrapper{height:100svh!important;height:100dvh!important;padding:clamp(.5rem,2vw,1.5rem)!important}.mobile-bottom-wrapper{bottom:0!important;left:0!important;padding:clamp(.5rem,2vw,1.5rem)!important;position:absolute!important;right:0!important}}.home-container,.main-content-wrapper{isolation:isolate!important}@media (max-width:1100px){.home-container{background:linear-gradient(180deg,#87ceeb,#98fb98)!important;min-height:100svh!important;min-height:100dvh!important}.main-content-wrapper{display:flex!important;flex-direction:column!important;height:100svh!important;height:100dvh!important;justify-content:space-between!important;padding:clamp(.5rem,2vw,1.5rem)!important}.mobile-bottom-wrapper{bottom:0!important;left:0!important;padding:clamp(.5rem,2vw,1.5rem)!important;position:absolute!important;right:0!important}.content-with-leaderboard,.leaderboard-wrapper,.stats-panel{display:none!important}}*{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.mobile-game-mode-buttons .play-button:focus,.mobile-play-btn:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}@media (prefers-contrast:high){.mobile-stats-glass{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.4)}.mobile-stat-item{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.coming-soon-badge{animation:none}}@media (max-width:767px){.leaderboard-container{border-radius:0!important;height:100vh!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.leaderboard-header{padding:12px 16px 8px!important}.leaderboard-title{font-size:clamp(24px,6vw,32px)!important}.leaderboard-tabs-container{padding:8px 12px 12px!important}.tab-button{font-size:clamp(12px,3vw,14px)!important;padding:6px 12px!important}.leaderboard-content{padding:8px 4px!important}.leaderboard-item{align-items:center!important;border-radius:8px!important;display:flex!important;justify-content:space-between!important;margin:0 4px!important;padding:8px!important}.player-rank{flex-shrink:0!important;min-width:24px!important}.player-name,.player-rank{font-size:clamp(12px,3vw,14px)!important}.player-name{flex:1!important;margin:0 8px!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.player-score{flex-shrink:0!important;font-size:clamp(12px,3vw,14px)!important;font-weight:700!important;margin-right:8px!important;min-width:50px!important;text-align:right!important}.leaderboard-top3{margin-bottom:8px!important;padding:8px 12px!important}.leaderboard-top3 .leaderboard-item{margin:0 2px!important;padding:6px 8px!important}.leaderboard-top3 .player-rank{font-size:clamp(10px,2.5vw,12px)!important;min-width:20px!important}.leaderboard-top3 .player-name{font-size:clamp(10px,2.5vw,12px)!important;max-width:80px!important}.leaderboard-top3 .player-score{font-size:clamp(10px,2.5vw,12px)!important;min-width:40px!important}.leaderboard-list .leaderboard-item{margin:0 2px 2px!important;padding:4px 6px!important}.leaderboard-list .player-rank{font-size:clamp(10px,2.5vw,12px)!important;min-width:18px!important}.leaderboard-list .player-name{font-size:clamp(10px,2.5vw,12px)!important;max-width:70px!important}.leaderboard-list .player-score{font-size:clamp(10px,2.5vw,12px)!important;min-width:35px!important}.leaderboard-overlay{z-index:1!important}#mobile-leaderboard{z-index:9999!important}div[style*="position: fixed"][style*=z-index].leaderboard-overlay{z-index:1!important}}@media (max-width:375px){.leaderboard-container{width:100%!important}.player-name{max-width:80px!important}.player-score{min-width:40px!important}.leaderboard-top3 .player-name{max-width:60px!important}.leaderboard-list .player-name{max-width:50px!important}.leaderboard-top3 .player-score{min-width:30px!important}.leaderboard-list .player-score{min-width:25px!important}}.desktop-homepage-container{align-items:center;display:flex;flex-direction:column;gap:2vh;justify-content:flex-start;min-height:100vh;padding-top:4vh;position:relative;width:100%}.desktop-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:3vh;z-index:10}.desktop-jumpnads-logo{height:auto;margin-bottom:3vh;margin-top:3vh;-o-object-fit:contain;object-fit:contain;width:clamp(250px,30vw,400px)}.desktop-game-character{align-items:center;display:flex;justify-content:center;margin-top:4vh}.desktop-character-image{animation:characterJump 2s ease-in-out infinite;height:auto;-o-object-fit:contain;object-fit:contain;width:clamp(120px,15vw,180px)}@keyframes characterJump{0%{transform:translateY(0)}40%{transform:translateY(-20px)}to{transform:translateY(0)}}.desktop-game-buttons{align-items:center;display:flex;flex-direction:column;gap:1vh;margin-bottom:4vh;margin-top:2vh}.desktop-game-buttons .game-mode-buttons{display:flex;gap:15px;justify-content:center}.desktop-game-buttons .play-button{background:linear-gradient(180deg,#6deb5a,#49aa33);border:none;border-radius:50px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;padding:1rem 2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-transform:uppercase;transition:transform .2s,box-shadow .2s}.desktop-game-buttons .play-button:hover{box-shadow:0 6px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.desktop-game-buttons .play-button:active{border-bottom-width:1px;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(1px)}.desktop-game-buttons .play-button.disabled{cursor:not-allowed;opacity:.6;transform:none}.desktop-game-buttons .multiplayer-btn{background:linear-gradient(45deg,#95a5a6,#7f8c8d)!important;position:relative}.desktop-game-buttons .coming-soon-badge{background:#f39c12;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.desktop-balance-low-message{color:#e74c3c;font-size:.9rem;margin-top:1vh;text-align:center}.desktop-stats-panel{background:linear-gradient(180deg,hsla(0,62%,95%,.597),rgba(146,206,255,.591))!important;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-top:2rem;max-width:800px;overflow:hidden;padding:1rem;width:100%}.desktop-stats-header,.desktop-stats-panel{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.desktop-stats-header{background:linear-gradient(180deg,rgba(229,241,248,.383),rgba(100,180,246,.228))!important;color:#000;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:-1rem -1rem 1rem;padding:.5rem;text-align:center;text-transform:uppercase}.desktop-stats-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.desktop-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;margin:0 .25rem;min-width:120px;padding:.5rem;text-align:center}.desktop-stat-icon{color:#555;height:36px;margin-bottom:.5rem;width:36px}.desktop-stat-name{color:#777;font-size:.9rem;margin-bottom:.25rem}.desktop-stat-value{color:#333;font-size:1.5rem;font-style:italic;font-weight:700}.desktop-leaderboard-wrapper{align-items:flex-start;background:transparent;box-shadow:-4px 0 16px rgba(0,0,0,.08);display:flex;height:100%;justify-content:flex-end;margin:24px 24px 24px 0;margin-bottom:25px!important;padding-top:0;position:fixed;right:0;top:0;width:320px;z-index:100}@media (max-width:1200px){.desktop-leaderboard-wrapper{width:280px}}@media (max-width:768px){.desktop-homepage-container{display:none!important}}.multiplayer-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.multiplayer-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:2px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:80vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;opacity:.7;position:absolute;right:20px;top:20px;transition:opacity .3s}.close-button:hover{opacity:1}.create-room h2,.join-room h2,.mode-select h2,.waiting-room h2{color:#fff;font-size:28px;letter-spacing:2px;margin-bottom:30px;text-align:center;text-transform:uppercase}.button-group{display:flex;gap:20px;justify-content:center}.mode-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;gap:10px;min-width:150px;padding:20px 40px;transition:all .3s}.mode-button:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);transform:translateY(-5px)}.mode-button .icon{font-size:40px}.create-room p,.join-room p{color:#aaa;margin-bottom:30px;text-align:center}.create-room-button,.join-room-button,.start-game-button{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:15px 40px;text-transform:uppercase;transition:all .3s;width:100%}.create-room-button:hover,.join-room-button:hover,.start-game-button:hover:not(:disabled){box-shadow:0 10px 30px rgba(245,87,108,.4);transform:scale(1.05)}.start-game-button:disabled{cursor:not-allowed;opacity:.5}.join-room input{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;font-size:16px;margin-bottom:20px;padding:15px;transition:all .3s;width:100%}.join-room input:focus{background:hsla(0,0%,100%,.15);border-color:#667eea;outline:none}.join-room input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.join-room input::placeholder{color:hsla(0,0%,100%,.5)}.back-button{background:none;border:2px solid hsla(0,0%,100%,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px 30px;transition:all .3s;width:100%}.back-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}.error-message{color:#ff6b6b;font-size:14px;margin:10px 0;text-align:center}.room-info{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;gap:15px;justify-content:center;margin-bottom:20px;padding:15px}.room-id{color:#667eea;font-size:20px;font-weight:700;letter-spacing:2px}.copy-button{background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 20px;transition:all .3s}.copy-button:hover{background:hsla(0,0%,100%,.3)}.player-count{color:#aaa;font-size:16px;margin-bottom:20px;text-align:center}.players-list{margin-bottom:30px;max-height:300px;overflow-y:auto}.player-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s}.player-item:hover{background:hsla(0,0%,100%,.1)}.player-avatar{border-radius:50%;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.player-info{display:flex;flex:1;flex-direction:column;gap:5px}.player-level{color:#667eea}.player-discord{color:#7289da;font-size:12px}.host-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:5px 15px;text-transform:uppercase}.waiting-message{animation:pulse 2s infinite;color:#aaa;font-size:16px;text-align:center}@media (max-width:600px){.multiplayer-modal{padding:20px;width:95%}.button-group{flex-direction:column}.mode-button{width:100%}}.multiplayer-scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,30,46,.95),rgba(42,42,62,.95));border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:350px;min-width:280px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.multiplayer-scoreboard.collapsed{min-width:auto}.scoreboard-header{align-items:center;background:hsla(0,0%,100%,.05);border-radius:15px 15px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scoreboard-header h3{color:#fff;font-size:18px;letter-spacing:1px;margin:0;text-transform:uppercase}.toggle-icon{color:#667eea;font-size:16px;transition:transform .3s}.scoreboard-content{overflow:hidden}.players-scores{max-height:400px;overflow-y:auto;padding:15px}.players-scores::-webkit-scrollbar{width:6px}.players-scores::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.players-scores::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:3px}.players-scores::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.7)}.no-players{color:#aaa;margin:0;padding:20px;text-align:center}.player-score-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:10px;transition:all .3s}.player-score-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(-5px)}.player-score-item.dead{opacity:.6}.player-rank{color:#667eea;font-size:14px;font-weight:700;min-width:30px}.player-mini-avatar{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;height:35px;-o-object-fit:cover;object-fit:cover;width:35px}.player-score-info{display:flex;flex:1;flex-direction:column;gap:2px}.player-score-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score-value{color:#f5576c;font-size:13px;font-weight:700}.dead-indicator{animation:fadeIn .5s;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.more-players{border-top:1px solid hsla(0,0%,100%,.1);color:#aaa;font-size:12px;margin:10px 0 5px;padding-top:10px;text-align:center}@media (max-width:768px){.multiplayer-scoreboard{max-width:300px;min-width:250px;right:10px;top:10px}.scoreboard-header h3{font-size:16px}.player-mini-avatar{height:30px;width:30px}}.multiplayer-end-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.multiplayer-end-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:2px solid hsla(0,0%,100%,.1);border-radius:25px;box-shadow:0 30px 80px rgba(0,0,0,.6);max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;width:90%}.final-results h2,.waiting-section h2{color:#fff;font-size:36px;letter-spacing:3px;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(102,126,234,.5);text-transform:uppercase}.your-rank{color:#fff;font-size:24px;margin-bottom:30px;text-align:center}.rank-number{font-size:32px;margin-left:10px}.waiting-info{margin-bottom:40px;text-align:center}.waiting-info p{color:#aaa;font-size:18px;margin-bottom:10px}.alive-count{color:#f5576c!important;font-weight:700}.loading-dots{display:flex;gap:10px;justify-content:center;margin-top:20px}.loading-dots span{animation:pulse 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.live-leaderboard h3{color:#fff;font-size:20px;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.final-leaderboard{margin-bottom:40px}.final-leaderboard-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:15px;display:flex;gap:20px;margin-bottom:15px;padding:20px;transition:all .3s}.final-leaderboard-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(-5px)}.final-leaderboard-item.current-player{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border:2px solid rgba(102,126,234,.5)}.rank-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;min-width:60px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.final-leaderboard-item .player-avatar{border:3px solid hsla(0,0%,100%,.2);border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.player-details{display:flex;flex:1;flex-direction:column;gap:5px}.player-level{color:#aaa;font-size:14px}.score-section{text-align:right}.final-score{color:#f5576c;display:block;font-size:28px;font-weight:700}.score-label{color:#aaa;font-size:14px}.action-buttons{gap:20px;justify-content:center}.exit-button,.play-again-button{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s}.play-again-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.play-again-button:hover{box-shadow:0 10px 30px rgba(245,87,108,.4);transform:scale(1.05)}.exit-button{background:none;border:2px solid hsla(0,0%,100%,.3);color:#fff}.exit-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}@media (max-width:600px){.multiplayer-end-modal{padding:20px;width:95%}.action-buttons{flex-direction:column}.exit-button,.play-again-button{width:100%}}.mobile-whitelist-container{background:linear-gradient(135deg,#00d4ff,#5865f2);bottom:0;box-sizing:border-box;color:#333;font-family:Luckiest Guy,cursive!important;left:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mobile-title{color:#fff;font-size:2rem;font-weight:900;margin:0;position:relative}.mobile-help-button{background:gold;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;width:40px}.mobile-banner,.mobile-help-button{align-items:center;display:flex;justify-content:center}.mobile-banner{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px;height:120px;margin-bottom:20px;overflow:hidden}.mobile-banner-image{border-radius:16px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body:has(.whitelist-container){height:auto!important;margin:0!important;overflow:auto!important;padding:0!important}.app:has(.whitelist-container){height:auto!important;margin:0!important;overflow:auto!important;padding:0!important}@media (max-width:768px){body:has(.whitelist-container){margin:0!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}.app:has(.whitelist-container){margin:0!important;padding:0!important;width:100vw!important}.whitelist-container{bottom:0;box-sizing:border-box;height:100vh;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:15px;position:fixed;right:0;top:0;width:100vw}.whitelist-header{flex-direction:column;gap:15px;text-align:center}.whitelist-title{font-size:1.8rem}.how-it-works-btn{font-size:.9rem;padding:10px 20px}.invite-input-row{flex-direction:column;gap:10px}.copy-button,.share-button{width:100%}.stats-row{flex-direction:column;gap:10px}.leaderboard-item{padding:12px}.leaderboard-item .username{font-size:.9rem}.leaderboard-item .user-role{font-size:.8rem}.mobile-header{justify-content:center!important;text-align:center!important}.mobile-title{flex:1 1 0%;margin-left:0!important;margin-right:0!important;text-align:center!important}.mobile-help-button{margin-left:8px}}@media (max-width:480px){.whitelist-container{border-radius:0;bottom:0;box-sizing:border-box;height:100vh;left:0;margin:0;padding:10px;position:fixed;right:0;top:0;width:100vw}.main-grid{gap:15px}.banner-image{height:150px}.invite-card,.leaderboard-card{padding:15px}.right-column{margin-top:0}}@media (max-width:375px){.whitelist-container{border-radius:0;bottom:0;box-sizing:border-box;height:100vh;left:0;margin:0;padding:8px;position:fixed;right:0;top:0;width:100vw}.whitelist-header{margin-bottom:15px;padding:0}.main-grid{gap:10px}}.whitelist-container{animation:none!important;background:rgba(27,179,255,.904) radial-gradient(hsla(0,0%,100%,.712) 10%,transparent 0);background-size:15px 15px;border-radius:15px;bottom:20px;box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Luckiest Guy,cursive!important;left:320px;overflow-x:hidden;overflow-y:auto;padding:20px 40px;position:fixed;right:20px;top:20px;transform:none!important;z-index:1}.whitelist-container *{animation-name:none}.whitelist-container .spinner-icon{animation:spinnerRotate 1s linear infinite!important}.whitelist-container .refresh-btn.refreshing{animation:whitelistRefreshSpin 1s linear infinite!important}.whitelist-container .milestone-dot.active .dot-circle{animation:pulse 2s infinite!important}.whitelist-container .role-badge.active{animation:badgePulse 2s infinite!important}.whitelist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;z-index:10}.whitelist-title{color:#fff;font-size:2.5rem;letter-spacing:2px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.how-it-works-btn,.whitelist-title{font-weight:700;text-transform:uppercase}.how-it-works-btn{background:#ff0;border:none;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1rem;letter-spacing:1px;padding:12px 24px;transition:all .3s ease}.how-it-works-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.main-grid{display:grid;flex:1;gap:20px;grid-template-columns:1fr 400px;min-height:0;overflow:visible}.left-column{display:flex;flex-direction:column;gap:20px;min-height:0}.banner-image{border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);height:200px;overflow:hidden}.banner-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.invite-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:20px}.invite-card h3{color:#5865f2;font-size:1.2rem;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.invite-input-row{display:flex;gap:10px;margin-bottom:15px}.invite-input{background:#fff;border:2px solid #ddd;border-radius:10px;color:#333;flex:1;padding:12px}.copy-button,.invite-input,.share-button{font-family:Luckiest Guy,cursive;font-size:.9rem}.copy-button,.share-button{background:#4ecdc4;border:none;border-radius:10px;color:#fff;cursor:pointer;letter-spacing:1px;min-width:80px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.copy-button.copied{background:#4caf50}.share-button{background:#1da1f2}.copy-button:hover,.share-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.stats-row{display:flex;gap:15px}.stat-pill{background:#7c4dff;border-radius:10px;color:#fff;display:flex;flex:1;flex-direction:column;padding:15px;text-align:center}.stat-label{font-size:.8rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.stat-value{font-size:1.5rem;font-weight:700}.invite-card .stats-row{gap:20px;margin-top:15px;width:100%}.invite-card .stat-pill{align-items:center;background:transparent;border-radius:0;color:inherit;display:flex;flex-direction:row;gap:15px;padding:0;text-align:left;width:100%}.invite-card .stat-label{color:#fff;flex:1;font-size:1rem;letter-spacing:1px;margin-bottom:0;padding:15px 25px;text-transform:uppercase;white-space:nowrap}.invite-card .stat-label,.invite-card .stat-value{align-items:center;background:#333;border:3px solid #333;border-radius:50px;display:flex;font-weight:700;min-height:25px}.invite-card .stat-value{color:#fff!important;font-size:1.2rem;justify-content:center;min-width:70px;padding:15px 20px;text-align:center}.achievements-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);flex:1;min-height:200px;padding:30px}.achievements-card h3{color:#9c27b0;font-size:1.2rem;letter-spacing:1px;margin:0 0 30px;text-align:center;text-transform:uppercase}.milestone-progress{height:120px;justify-content:space-between;padding:20px}.milestone-progress,.progress-line-container{display:flex;flex-direction:column;position:relative}.progress-line-container{height:60px;justify-content:center}.progress-line{background:#e0e0e0;border-radius:2px;height:4px;margin:15px 0;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#64efe2,#0098f0);border-radius:2px;height:100%;transition:width .5s ease}.milestone-dots{height:100%;left:0;right:0;top:0}.milestone-dot,.milestone-dots{align-items:center;display:flex;position:absolute}.milestone-dot{flex-direction:column;gap:8px;transform:translateX(-50%)}.dot-circle{background:#e0e0e0;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);height:12px;transition:all .3s ease;width:12px}.milestone-dot.unlocked .dot-circle{background:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.4)}.milestone-dot.active .dot-circle{animation:pulse 2s infinite;background:#ff9800}.milestone-label{color:#666;font-size:.65rem;margin-top:8px;text-align:center;white-space:nowrap}.invite-count{letter-spacing:.5px;text-transform:uppercase}.role-badges{height:35px;margin-top:15px;position:relative}.role-badge,.role-badges{align-items:center;display:flex}.role-badge{background:#333;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#fff;font-size:.7rem;font-weight:700;gap:8px;height:28px;letter-spacing:.9px;min-width:80px;padding:6px 12px 6px 6px;position:absolute;text-align:left;text-transform:uppercase;transform:translateX(-50%);transition:all .3s ease}.role-circle{background:#666;border-radius:50%;flex-shrink:0;height:16px;transition:all .3s ease;width:16px}.role-badge.unlocked{background:#333;box-shadow:0 0 12px hsla(0,0%,100%,.3);transform:translateX(-50%) scale(1.02)}.role-badge.active{animation:badgePulse 2s infinite;box-shadow:0 0 15px hsla(0,0%,100%,.5)}.role-badge.unlocked .role-circle{box-shadow:0 0 8px hsla(0,0%,100%,.4)}.role-name{flex:1;font-size:.7rem;font-weight:700;line-height:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes badgePulse{0%,to{box-shadow:0 0 12px hsla(0,0%,100%,.3);transform:translateX(-50%) scale(1.02)}50%{box-shadow:0 0 18px hsla(0,0%,100%,.6);transform:translateX(-50%) scale(1.05)}}.right-column{height:100%}.leaderboard-card{background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.15);margin-bottom:20px;overflow:hidden}.leaderboard-header{background:linear-gradient(135deg,#5865f2,#4752c4);padding:20px;text-align:center}.leaderboard-title{color:#fff;font-family:Luckiest Guy,cursive;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.leaderboard-list{padding:20px}.leaderboard-row{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;margin-bottom:5px;padding:6px;transition:transform .2s ease}.leaderboard-row:hover{transform:translateY(-2px)}.leaderboard-row.current-user{background:rgba(88,101,242,.1);border:2px solid #5865f2}.rank-pill{background:#333;border-radius:12px;color:#fff;font-size:1.2rem;letter-spacing:1px!important;margin-right:12px;padding:4px 12px}.avatar-circle{border:2px solid #eee;border-radius:50%;height:40px;margin-right:12px;overflow:hidden;width:40px}.avatar-circle img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.username-text{color:#333;flex:1;font-size:1rem;font-weight:200}.invite-count-pill{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:12px;color:#fff;font-size:1rem;padding:6px 16px}.desktop-top3-section{align-items:flex-end;display:grid;gap:10px;grid-template-columns:1fr 1.2fr 1fr;justify-content:center;margin-bottom:20px;padding:20px}.top-player{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:15px;position:relative;transition:transform .2s ease}.top-player:hover{transform:translateY(-3px)}.first-place{grid-column:2;margin-bottom:-15px;padding:20px;transform:scale(1.1);z-index:3}.second-place{grid-column:1;margin-bottom:-5px;z-index:2}.third-place{grid-column:3;z-index:1}.podium-rank{background:gold;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#333;font-size:.9rem;font-weight:700;left:50%;padding:4px 12px;position:absolute;top:-15px;transform:translateX(-50%)}.podium-avatar{border:3px solid gold;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);height:60px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;width:60px}.first-place .podium-avatar{border:4px solid gold;height:80px;width:80px}.podium-name{color:#333;font-size:1rem;font-weight:700;margin-bottom:5px;text-align:center}.podium-count{color:#5865f2;font-size:1.2rem;font-weight:700}.first-place .podium-count{font-size:1.4rem}.champion-glow{animation:glowPulse 2s infinite;border-radius:16px;bottom:0;box-shadow:0 0 20px rgba(255,215,0,.3);left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.mobile-leaderboard-card{background:hsla(0,0%,100%,.95);box-shadow:0 4px 16px rgba(0,0,0,.15);transition:transform .2s ease}.mobile-leaderboard-card:hover{transform:translateY(-2px)}.leaderboard-card-header{gap:15px;justify-content:center}.leaderboard-card-title{color:#333;margin:0;text-transform:uppercase}.trophy-left,.trophy-right{animation:trophyFloat 2s ease-in-out infinite;font-size:1.8rem}.trophy-right{animation-delay:1s}.leaderboard-modal-overlay{animation:modalFadeIn .3s ease;background:rgba(0,0,0,.7)}.leaderboard-modal-content{background:#fff;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.leaderboard-modal-header{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:20px 20px 0 0;position:sticky;top:0;z-index:1}.leaderboard-modal-header h2{color:#fff;font-weight:700}.modal-close-btn{background:none;color:#fff;font-size:1.8rem;height:36px;padding:0;transition:background .2s ease;width:36px}.modal-close-btn:hover{background:hsla(0,0%,100%,.2)}.leaderboard-modal-body{gap:15px}.modal-leaderboard-item{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);gap:15px;padding:15px}.modal-leaderboard-item.current-user{background:rgba(88,101,242,.1);border:2px solid #5865f2}.modal-leaderboard-item.top-three{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,215,0,.05));border:2px solid gold}.rank-number{background:#333;font-size:1rem;height:36px;width:36px}.rank-1{background:linear-gradient(135deg,gold,#ffb300);color:#333}.rank-2{background:linear-gradient(135deg,silver,#a0a0a0)}.rank-3{background:linear-gradient(135deg,#cd7f32,#a05a20)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.loading-spinner-wrapper{height:40px;margin-bottom:16px;width:40px}.spinner-icon{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:100%;width:100%}.loading-text-wrapper{text-align:center}.loading-text-wrapper span{color:#fff;display:inline-block;font-family:Luckiest Guy,cursive;font-size:1.2rem}@keyframes spin{to{transform:rotate(1turn)}}.auth-required{color:#333;padding:40px 20px;text-align:center}.auth-required h2{margin-bottom:10px}@keyframes activePulse{0%,to{box-shadow:0 0 0 0 rgba(255,215,0,.7);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(255,215,0,0);transform:scale(1.05)}}@keyframes progressFill{0%{width:0}to{width:100%}}@media (max-width:1100px){.whitelist-container{background-clip:border-box!important;border-radius:0!important;bottom:0!important;box-sizing:border-box!important;height:100vh!important;left:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 20px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.main-grid{grid-template-columns:1fr;height:auto}.right-column{order:-1}.whitelist-title{font-size:2rem}}@media (max-width:768px){.achievements-card{min-height:160px;padding:20px}.milestone-progress{height:100px;padding:15px}.role-badge{font-size:.6rem;gap:6px;height:24px;min-width:65px;padding:4px 8px 4px 4px}.role-circle{height:14px;width:14px}.role-name{font-size:.6rem}.milestone-label{font-size:.55rem}.dot-circle{height:10px;width:10px}}@media (max-width:480px){.achievements-card{min-height:140px;padding:15px}.milestone-progress{height:80px;padding:10px}.role-badge{font-size:.55rem;gap:4px;height:20px;min-width:55px;padding:3px 6px 3px 3px}.role-circle{height:12px;width:12px}.role-name{font-size:.55rem}.milestone-label{font-size:.5rem}.invite-count{display:none}.dot-circle{height:8px;width:8px}}.modal-overlay{animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7);padding:20px}.modal-content{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#5865f2,#00d4ff);color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{font-family:Luckiest Guy,cursive;font-size:1.8rem;letter-spacing:1px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background .3s ease;width:40px}.modal-close:hover{background:hsla(0,0%,100%,.2)}.modal-body{flex:1;overflow-y:auto;padding:30px}.guide-section{margin-bottom:30px}.guide-section:last-child{margin-bottom:0}.guide-section h3{color:#5865f2;font-family:Luckiest Guy,cursive;font-size:1.4rem;letter-spacing:1px;margin:0 0 15px}.guide-steps{display:flex;flex-direction:column;gap:15px}.guide-step{align-items:flex-start;background:rgba(88,101,242,.05);border-left:4px solid #5865f2;border-radius:12px;display:flex;gap:15px;padding:15px}.step-number{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:30px;justify-content:center;width:30px}.step-content h4,.step-number{font-family:Luckiest Guy,cursive}.step-content h4{color:#333;font-size:1.1rem;margin:0 0 5px}.step-content p{color:#666;font-size:.95rem;line-height:1.4;margin:0}.roles-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.role-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:12px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.role-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.role-color{border-radius:50%;flex-shrink:0;height:20px;width:20px}.role-info{flex:1}.role-info .role-name{color:#333;font-family:Luckiest Guy,cursive;font-size:1rem;margin:0 0 3px}.role-info .role-requirement{color:#666;font-size:.85rem}.xp-intro{color:#666;font-size:.95rem;line-height:1.4;margin:0 0 15px}.xp-tiers{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.xp-tier{align-items:center;background:linear-gradient(90deg,rgba(0,212,255,.1),rgba(88,101,242,.1));border-left:3px solid #00d4ff;border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr auto 1fr;padding:12px 15px}.tier-range{color:#5865f2;font-size:.95rem}.tier-range,.tier-xp{font-family:Luckiest Guy,cursive}.tier-xp{background:#5865f2;border-radius:20px;color:#fff;font-size:.9rem;padding:6px 12px;text-align:center}.tier-desc{color:#666;font-size:.85rem;text-align:right}.xp-other-sources{background:rgba(76,175,80,.05);border-left:4px solid #4caf50;border-radius:12px;padding:15px}.xp-other-sources h4{color:#4caf50;font-family:Luckiest Guy,cursive;font-size:1.1rem;margin:0 0 10px}.xp-sources-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.xp-source{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:8px 12px}.source-name{color:#666;font-size:.85rem}.source-value{color:#4caf50;font-family:Luckiest Guy,cursive;font-size:.9rem}.tips-list{display:flex;flex-direction:column;gap:10px}.tip-item{align-items:center;background:rgba(255,193,7,.1);border-left:3px solid #ffc107;border-radius:8px;display:flex;gap:12px;padding:12px 15px}.tip-icon{flex-shrink:0;font-size:1.2rem}.tip-item span:last-child{color:#666;font-size:.9rem;line-height:1.4}.modal-footer{background:rgba(88,101,242,.05);border-top:1px solid rgba(88,101,242,.1);padding:20px 30px}.modal-action-btn{background:linear-gradient(135deg,#5865f2,#00d4ff);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(88,101,242,.3);color:#fff;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.1rem;letter-spacing:1px;padding:15px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.modal-action-btn:hover{box-shadow:0 6px 20px rgba(88,101,242,.4);transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.5rem}.modal-body{padding:20px}.guide-steps{gap:12px}.guide-step{padding:12px}.roles-grid,.xp-tier{grid-template-columns:1fr}.xp-tier{gap:8px}.tier-desc,.xp-tier{text-align:center}.xp-sources-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-header h2{font-size:1.3rem}.guide-section h3{font-size:1.2rem}.modal-body{padding:15px}.guide-section{margin-bottom:20px}}#root,.app,body,html{background:none!important;box-sizing:border-box!important;height:100vh!important;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;width:100vw!important}.mobile-leaderboard-card{background:linear-gradient(135deg,gold,#ffc107);border:2px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 6px 20px rgba(255,193,7,.3);cursor:pointer;margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.mobile-leaderboard-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.mobile-leaderboard-card:hover:before{left:100%}.mobile-leaderboard-card:hover{box-shadow:0 8px 25px rgba(255,193,7,.4);transform:translateY(-3px)}.mobile-leaderboard-card:active{transform:translateY(-1px)}.leaderboard-card-header{align-items:center;display:flex;justify-content:space-between;position:relative}.trophy-left,.trophy-right{animation:trophyFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.trophy-right{animation-delay:1.5s}.leaderboard-card-title{color:#000;flex:1;font-family:Luckiest Guy,cursive;font-size:1.6rem;font-weight:700;letter-spacing:2px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.leaderboard-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.leaderboard-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:2px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:80vh;max-width:480px;width:100%}.leaderboard-modal-header{align-items:center;background:linear-gradient(135deg,gold,#ffc107);border-bottom:2px solid hsla(0,0%,100%,.3);border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:20px}.leaderboard-modal-header h2{color:#000;font-family:Luckiest Guy,cursive;font-size:1.4rem;letter-spacing:1px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-close-btn{align-items:center;background:rgba(0,0,0,.1);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:35px;justify-content:center;transition:all .3s ease;width:35px}.modal-close-btn:hover{background:rgba(0,0,0,.2);transform:scale(1.1)}.leaderboard-modal-body{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.leaderboard-modal-body::-webkit-scrollbar{width:6px}.leaderboard-modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.leaderboard-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#ffc107);border-radius:3px}.modal-leaderboard-item{align-items:center;background:#fff;border-radius:10px;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;overflow:visible;padding:8px 10px}.modal-leaderboard-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-leaderboard-item:hover:before{left:100%}.modal-leaderboard-item:hover{background:hsla(0,0%,100%,.95);box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.modal-leaderboard-item.current-user{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #f57c00;box-shadow:0 4px 20px rgba(255,215,0,.3)}.modal-leaderboard-item.top-three{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(255,193,7,.1));border:2px solid rgba(76,175,80,.3)}.modal-leaderboard-item.top-three .rank-number.rank-1{animation:goldPulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb300);color:#000;font-size:1.2rem}.modal-leaderboard-item.top-three .rank-number.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#000}.modal-leaderboard-item.top-three .rank-number.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.rank-number{align-items:center;background:linear-gradient(135deg,#333,#555);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.mobile-avatar,.user-avatar{background:#fff;border:2px solid gold;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12);height:44px;margin-right:10px;-o-object-fit:cover;object-fit:cover;width:44px}.user-info{flex:1;min-width:0}.username{color:#333;font-size:1rem;font-weight:700;margin-bottom:2px;word-break:break-word}.champion-badge{color:#ff6b35;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.invite-count{background:#f3f3f3;border-radius:10px;color:#5865f2;flex-shrink:0;font-size:1rem;font-weight:700;margin-left:auto;min-width:32px;padding:4px 12px;text-align:center;z-index:2}.invite-count.champion-count{animation:champPulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb300);color:#000}@keyframes goldPulse{0%,to{box-shadow:0 2px 8px rgba(255,215,0,.3);transform:scale(1)}50%{box-shadow:0 4px 16px rgba(255,215,0,.6);transform:scale(1.05)}}@keyframes champPulse{0%,to{box-shadow:0 2px 8px rgba(255,215,0,.3);transform:scale(1)}50%{box-shadow:0 4px 12px rgba(255,215,0,.5);transform:scale(1.02)}}.empty-leaderboard{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.6}.empty-text{color:#666;font-size:1.1rem;font-weight:700;margin-bottom:5px}.empty-subtext{color:#999;font-size:.9rem}@keyframes trophyFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}@media (min-width:769px){.mobile-whitelist-container{display:none!important}}@media (max-width:768px){.whitelist-container{display:none!important}.mobile-whitelist-container{display:block!important}}@media (max-width:768px){body:has(.mobile-whitelist-container){margin:0!important;overflow:hidden!important;padding:0!important}.app:has(.mobile-whitelist-container){margin:0!important;overflow:hidden!important;padding:0!important}}@media (max-width:768px){.whitelist-container{display:none!important}}.mobile-invite-section{background:hsla(0,0%,100%,.9);border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:20px;padding:20px}.section-title{color:#5865f2;font-size:1rem;font-weight:700;margin:0 0 15px}.invite-input-container{margin-bottom:15px}.mobile-invite-input{background:#f8f9fa;border:2px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-family:Luckiest Guy,cursive;font-size:.8rem;padding:12px;width:100%}.mobile-button-row{display:flex;gap:10px}.mobile-copy-btn,.mobile-share-btn{border:none;border-radius:25px;cursor:pointer;flex:1;font-family:Luckiest Guy,cursive;font-size:.9rem;font-weight:700;padding:12px;transition:all .3s ease}.mobile-copy-btn{background:#4caf50;color:#fff}.mobile-copy-btn.copied{background:#2196f3}.mobile-share-btn{background:#00acee;color:#fff}.mobile-copy-btn:hover,.mobile-share-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.mobile-achievements-section{background:hsla(0,0%,100%,.9);border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:20px;padding:20px}@media (max-width:480px){.mobile-banner{height:100px;margin-bottom:15px}.mobile-leaderboard-card{margin-bottom:15px;padding:16px}.leaderboard-card-title{font-size:1.4rem;letter-spacing:1px}.trophy-left,.trophy-right{font-size:1.6rem}.leaderboard-modal-content{margin:10px;max-width:95vw}.leaderboard-modal-header{padding:15px}.leaderboard-modal-header h2{font-size:1.2rem}.modal-close-btn{font-size:1.3rem;height:30px;width:30px}.leaderboard-modal-body{gap:10px;padding:15px}.modal-leaderboard-item{gap:12px;padding:12px}.user-avatar{height:38px;width:38px}.rank-number{font-size:.8rem;height:30px;width:30px}.username{font-size:.9rem}.invite-count{font-size:.8rem;padding:5px 10px}}@media (max-width:375px){.mobile-banner{height:80px;margin-bottom:12px}.mobile-leaderboard-card{margin-bottom:12px;padding:14px}.leaderboard-card-title{font-size:1.2rem;letter-spacing:.5px}.trophy-left,.trophy-right{font-size:1.4rem}.leaderboard-modal-header h2{font-size:1.1rem}.modal-leaderboard-item{gap:10px;padding:10px}}@media (max-width:320px){.mobile-banner{height:70px}.leaderboard-card-title{font-size:1.1rem}.trophy-left,.trophy-right{font-size:1.2rem}.leaderboard-modal-content{margin:5px;max-width:98vw}}.mobile-top3-section{align-items:flex-end;display:grid;gap:8px;grid-template-columns:1fr 1.2fr 1fr;justify-content:center;margin-bottom:20px;padding:15px}.mobile-top-player{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:12px;position:relative;transition:transform .2s ease}.mobile-top-player.first-place{grid-column:2;margin-bottom:-10px;padding:15px;transform:scale(1.1);z-index:3}.mobile-top-player.second-place{grid-column:1;margin-bottom:-5px;z-index:2}.mobile-top-player.third-place{grid-column:3;z-index:1}.mobile-rank{background:#333;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;font-size:1.2rem!important;font-weight:700;left:50%;letter-spacing:1.5px!important;padding:3px 8px;position:absolute;top:-10px;transform:translateX(-50%)}.first-place .mobile-rank{background:linear-gradient(135deg,gold,#ffb300);color:#333}.mobile-avatar{border:2px solid gold;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);height:48px;margin-bottom:8px;-o-object-fit:cover;object-fit:cover;width:48px}.first-place .mobile-avatar{border:3px solid gold;height:60px;width:60px}.mobile-name{color:#333;font-size:.9rem;font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-count{color:#5865f2;font-size:1rem;font-weight:700}.first-place .mobile-count{font-size:1.2rem}.mobile-champion-glow{animation:glowPulse 2s infinite;border-radius:12px;bottom:0;box-shadow:0 0 15px rgba(255,215,0,.3);left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-leaderboard-item{gap:10px;padding:12px}@media (max-width:375px){.mobile-top3-section{gap:6px;padding:10px}.mobile-top-player{padding:10px}.mobile-top-player.first-place{padding:12px}.mobile-avatar{height:40px;width:40px}.first-place .mobile-avatar{height:50px;width:50px}.mobile-name{font-size:.8rem}.mobile-count{font-size:.9rem}.first-place .mobile-count{font-size:1.1rem}}.admin-tabs{border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.admin-tab{background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.admin-tab.active{background:rgba(103,62,92,.1);border-bottom-color:#673e5c;color:#673e5c}.admin-tab:hover{background:rgba(103,62,92,.05);color:#673e5c}.period-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.period-filter button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.period-filter button.active,.period-filter button:hover{background:#673e5c;border-color:#673e5c;color:#fff}.stats-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.recent-activity{background:#fff;border:1px solid #eee;border-radius:8px;margin-top:20px;padding:20px}.activity-list{max-height:300px;overflow-y:auto}.activity-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:10px 0}.activity-item:last-child{border-bottom:none}.activity-type{color:#673e5c;font-weight:700;min-width:60px}.activity-description{flex:1;margin:0 15px}.activity-time{color:#999;font-size:12px}.user-search{display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:16px;padding:10px}.search-btn{background:#673e5c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.search-btn:hover{background:#5a3351}.user-profile{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.profile-info{display:grid;gap:10px}.profile-row{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.profile-row:last-child{border-bottom:none}.users-table{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px}.table-responsive{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{background:#f8f9fa;color:#666;font-weight:700}.view-btn{background:#673e5c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.view-btn:hover{background:#5a3351}.revive-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.withdrawal-section{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.withdrawal-form{display:grid;gap:15px}.withdrawal-section .form-group{display:flex;flex-direction:column;gap:5px}.withdrawal-section .form-group label{color:#666;font-weight:700}.withdrawal-section .form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px}.transaction-history{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px}.transactions-list{max-height:300px;overflow-y:auto}.transaction-item{border-bottom:1px solid #f5f5f5;padding:10px 0}.transaction-item:last-child{border-bottom:none}.tx-info{align-items:center;display:flex;justify-content:space-between}.tx-hash a{color:#673e5c;font-family:monospace;text-decoration:none}.tx-hash a:hover{text-decoration:underline}.tx-amount{color:#333;font-weight:700}.tx-time{color:#999;font-size:12px}.manage-items-section{border-top:2px solid #eee;margin-top:40px;padding-top:30px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.edit-form .form-group{margin-bottom:15px}.edit-form .disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.edit-form small{color:#666;display:block;font-size:12px;margin-top:4px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.save-btn{background:#673e5c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.save-btn:hover{background:#5a3351}.cancel-btn{background:#ccc;border:none;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px}.cancel-btn:hover{background:#bbb}.edit-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-right:5px;padding:4px 8px}.edit-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.delete-btn:hover{background:#c82333}.action-buttons{display:flex;flex-wrap:wrap;gap:5px}@media (max-width:768px){.admin-tabs{flex-direction:column;gap:5px}.admin-tab{padding:10px 16px;text-align:center}.revive-stats,.stats-grid{grid-template-columns:1fr}.user-search{flex-direction:column}.activity-item,.tx-info{align-items:flex-start;flex-direction:column;gap:5px}.users-table{font-size:14px}.table-responsive{font-size:12px}.period-filter{justify-content:center}.edit-modal{margin:20px;max-height:calc(100vh - 40px)}}.api-loading-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;right:0;top:0}.api-error-toast,.api-loading-overlay{color:#fff;position:fixed;z-index:2000}.api-error-toast{background:#dc3545;border-radius:8px;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:16px;left:50%;padding:12px 24px;transform:translateX(-50%)}.contract-info-section{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:30px;padding:20px}.contract-info-section h3{color:#673e5c;font-size:18px;margin-bottom:15px}.contract-details{display:grid;gap:12px}.contract-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:10px 0}.contract-row:last-child{border-bottom:none}.contract-label{color:#333;font-weight:600}.contract-value{background:#f8f9fa;border-radius:4px;color:#666;font-family:monospace;font-size:14px;padding:4px 8px}.main-stats-header{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-header-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-header-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-header-card h4{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-header-card .stat-value{color:#333;font-size:24px;font-weight:700}.stats-breakdown{background:#fff;border:1px solid #eee;border-radius:8px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px;padding:30px;text-align:center}.period-column{align-items:center;display:flex;flex-direction:column;gap:15px}.period-column h3{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.period-value{color:#333;font-size:36px;font-weight:700;line-height:1}.wallet-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.wallet-status h4{color:#495057;font-size:16px;margin:0 0 10px}.wallet-connected,.wallet-disconnected{align-items:center;display:flex;gap:10px}.wallet-connected{color:#28a745}.wallet-disconnected{color:#dc3545}.status-indicator{font-size:14px}.wallet-connected small,.wallet-disconnected small{color:#6c757d;display:block;font-size:12px;margin-left:24px;margin-top:5px}.withdrawal-section .form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.withdraw-btn{background:#673e5c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.withdraw-btn:hover:not(:disabled){background:#5a3351;transform:translateY(-2px)}.withdraw-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.withdrawal-note{color:#6c757d;font-size:14px;line-height:1.4;margin:10px 0 0}.refresh-btn{background:#673e5c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px;transition:background .3s ease}.refresh-btn:hover:not(:disabled){background:#5a3351}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.no-transactions{color:#6c757d;padding:40px 20px;text-align:center}.no-transactions p{font-size:16px;margin:0 0 10px}.no-transactions small{color:#adb5bd;font-size:14px}.transactions-table{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-weight:700}.table-header,.transaction-row{display:grid;font-size:14px;gap:10px;grid-template-columns:2fr 1.5fr 1fr 1.5fr 1fr;padding:12px 15px}.transaction-row{align-items:center;border-bottom:1px solid #f1f3f4}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{background:#f8f9fa}.transaction-row .tx-time{color:#495057;font-size:12px}.transaction-row .tx-player{color:#6c757d;font-family:monospace;font-size:13px}.transaction-row .tx-amount{color:#28a745;font-weight:700}.transaction-row .tx-hash a{color:#673e5c;font-family:monospace;font-size:12px;text-decoration:none}.transaction-row .tx-hash a:hover{text-decoration:underline}.tx-status{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;text-align:center}.tx-status.success{background:#d4edda;color:#155724}