.game-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center;padding:.25rem;aspect-ratio:1;background:var(--panel-bg);border-radius:1rem;box-shadow:0 0 30px rgba(123,220,181,.3);border:2px solid var(--accent-color);backdrop-filter:blur(10px)}.game-info{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem 1.5rem;background:var(--white);border-radius:.5rem;font-size:.9rem;color:var(--text-dark);text-align:center;border:1px solid var(--accent-color);box-shadow:0 0 20px rgba(123,220,181,.2);width:100%}.game-info>div{display:flex;flex-direction:column;gap:.5rem;padding:.25rem;min-width:100px}.game-info>div:before{content:attr(data-label);font-size:.8rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px}.game-board{width:min(100%,calc(100vh - 10rem));height:min(100%,calc(100vh - 10rem));object-fit:contain;cursor:pointer;border:2px solid var(--accent-color);box-shadow:0 0 20px rgba(123,220,181,.3);background:var(--primary-bg);display:block;touch-action:none}.game-board,.game-board-container{border-radius:1rem;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.game-board-container{grid-area:game;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--panel-bg);border:2px solid var(--accent-color);box-shadow:0 0 30px rgba(123,220,181,.3);backdrop-filter:blur(10px);padding:0;overflow:hidden}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-bg);padding:4rem;border-radius:2rem;text-align:center;color:var(--text-dark);border:3px solid var(--accent-color);box-shadow:0 0 80px rgba(123,220,181,.4);backdrop-filter:blur(15px);min-width:400px}.game-over h2{font-size:3rem;color:var(--accent-color);margin-bottom:2rem;text-shadow:0 0 20px rgba(255,105,0,.5)}.game-over p{font-size:1.5rem;margin:1rem 0;color:var(--text-dark)}.game-over button{margin-top:2rem;padding:1rem 3rem;font-size:1.4rem;background:var(--accent-color);border:none;border-radius:8px;color:var(--white);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 30px rgba(123,220,181,.3)}.game-over button:hover{background:rgba(255,105,0,.9);transform:scale(1.05);box-shadow:0 0 40px rgba(123,220,181,.4)}@media (max-width:768px){canvas.game-board{width:100%!important;height:auto!important}}.player-profile{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto;background:var(--panel-bg);border:2px solid var(--accent-color);border-radius:16px;padding:1rem;box-shadow:0 0 30px rgba(123,220,181,.3)}.player-profile h2{font-size:1.5rem;color:var(--accent-color);margin-bottom:1rem;text-align:center;text-shadow:0 0 20px rgba(255,105,0,.5)}.profile-setup-container{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}.avatar-preview{width:120px;height:120px;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid var(--accent-color);box-shadow:0 0 20px rgba(123,220,181,.3)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.wallet-info-box{background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:1rem;padding:clamp(1rem,3vw,1.5rem);margin:1rem 0;text-align:left}.wallet-info-box h3{display:flex;align-items:center;gap:.5rem;color:var(--accent-color);font-size:clamp(1rem,3vw,1.2rem);margin-bottom:.75rem}.wallet-info-box p{color:var(--text-dark);font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5;margin-bottom:1rem}.wallet-info-box ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.wallet-info-box li{display:flex;align-items:center;gap:.5rem;color:var(--text-dark);font-size:clamp(.8rem,2.5vw,.9rem);background:rgba(123,220,181,.1);padding:.75rem;border-radius:.75rem;word-break:break-word;border:1px solid var(--accent-color)}.input-container{display:flex;flex-direction:column;gap:.75rem;width:90%;max-width:300px;margin:0 auto}.input-container input{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--accent-color);background:var(--panel-bg);color:var(--text-dark);font-size:.9rem;transition:all .3s ease}.input-container input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px rgba(255,105,0,.3)}.wallet-info{background:var(--panel-bg);border-radius:.5rem;padding:clamp(.75rem,2vw,1rem);margin:1rem 0;border:1px solid var(--accent-color)}.wallet-info h3{color:var(--accent-color);margin-bottom:.5rem;font-size:clamp(1rem,3vw,1.2rem)}.show-details-btn{background:var(--panel-bg);border:1px solid var(--accent-color);color:var(--text-dark);padding:.5rem 1rem;border-radius:.25rem;margin:.5rem 0;cursor:pointer;transition:all .2s;width:100%}.show-details-btn:hover{background:var(--accent-color);color:var(--white)}.wallet-details{margin-top:1rem;padding:clamp(.75rem,2vw,1rem);background:var(--panel-bg);border-radius:.25rem}.detail-item{margin-bottom:1rem}.detail-item label{display:block;color:var(--accent-color);margin-bottom:.25rem;font-size:clamp(.8rem,2.5vw,.9rem)}.detail-item input,.detail-item textarea{width:100%;background:var(--white);border:1px solid var(--accent-color);color:var(--text-dark);padding:.5rem;border-radius:.25rem;font-family:monospace;font-size:clamp(.75rem,2vw,.8rem)}.detail-item textarea{height:60px;resize:none}.warning{color:var(--accent-color);font-size:clamp(.8rem,2.5vw,.9rem);margin-top:1rem;text-align:center}.wallet-address{background:var(--panel-bg);padding:.5rem;border-radius:.25rem;margin:.5rem 0;border:1px solid var(--accent-color)}.wallet-address label{color:var(--accent-color);font-size:.9rem;margin-bottom:.25rem;display:block}.secret-value{position:relative}.secret-value input,.secret-value textarea{width:100%;background:var(--panel-bg);border:1px solid var(--accent-color);color:var(--text-dark);padding:.5rem;border-radius:.25rem;font-family:monospace;font-size:.8rem;cursor:pointer}.secret-value textarea{height:60px;resize:none}.secret-value:after{content:"👁️ Click to reveal";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-dark);background:var(--panel-bg);padding:.2rem .4rem;border-radius:.25rem}.username-warning{background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:12px;padding:1rem;text-align:center;animation:fadeIn .3s ease;margin:.5rem 0}.warning-icon{font-size:1.5rem}.username-warning h3,.warning-icon{margin-bottom:.75rem;color:var(--accent-color)}.username-warning h3{font-size:1.1rem}.username-warning p{color:var(--text-dark);margin-bottom:.75rem;font-size:.9rem;line-height:1.4}.warning-details{background:rgba(255,105,0,.1);border:1px solid var(--accent-color);border-radius:8px;padding:.75rem;margin:.75rem 0;font-size:.85rem;color:var(--text-dark)}.username-warning ul{list-style:none;padding:0;margin:1rem 0;text-align:left}.username-warning li{margin:.5rem 0;padding-left:1.5rem;position:relative;color:var(--text-dark);font-size:.9rem;list-style-type:none}.username-warning li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-size:1rem;line-height:1;top:50%;transform:translateY(-50%)}.warning-acknowledge-btn{background:var(--accent-color);color:var(--white);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;max-width:300px;margin:0 auto}.warning-acknowledge-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(123,220,181,.3);background:rgba(255,105,0,.9)}.username-reminder{background:rgba(123,220,181,.1);border:1px solid var(--accent-color);border-radius:.5rem;padding:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.reminder-icon{font-size:1.2rem;color:var(--accent-color)}.username-reminder p{color:var(--text-dark);font-size:.9rem;margin:0}@media (max-width:480px){.player-profile{max-width:92%;padding:.75rem;gap:.75rem;margin:.5rem auto}.username-warning{padding:.75rem;border-radius:10px}.warning-icon{font-size:1.25rem;margin-bottom:.5rem}.username-warning h3{font-size:1rem;margin-bottom:.5rem}.username-warning p{font-size:.85rem;margin-bottom:.5rem}.warning-details{padding:.5rem;font-size:.8rem;margin:.5rem 0}.avatar-preview{width:100px;height:100px}.input-container{width:85%;max-width:250px}.input-container input,.username-reminder{padding:.6rem;font-size:.85rem}.reminder-icon{font-size:1rem}}@media (max-height:600px){.player-profile{gap:.5rem;padding:.75rem}.avatar-preview{width:80px;height:80px}.username-warning{padding:.75rem}.warning-details{margin:.5rem 0}}@media (max-height:500px) and (orientation:landscape){.player-profile{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.avatar-preview{width:80px;height:80px;grid-row:span 2}.input-container{margin:.5rem 0}}.connect-wallet-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;text-align:center}.wallet-info-message{background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem;width:100%;max-width:400px}.wallet-info-message h3{color:var(--accent-color);font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.wallet-info-message p{color:var(--text-dark);font-size:.9rem;margin-bottom:.75rem}.wallet-info-message ul{list-style:none;padding:0;margin:.75rem 0}.wallet-info-message li{color:var(--text-dark);font-size:.9rem;padding:.5rem;background:rgba(123,220,181,.1);border-radius:6px;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;border:1px solid var(--accent-color)}.wallet-info-message li:before{content:"✓";color:var(--accent-color)}.wallet-note{font-style:italic;font-size:.85rem!important;color:var(--text-dark)!important;background:var(--panel-bg);padding:.75rem;border-radius:8px;margin-top:1rem!important;border:1px solid var(--accent-color)}.wallet-selection-box{display:flex;justify-content:center;align-items:center;padding:1rem;margin-top:1rem}.wallet-selection-box button{background:var(--accent-color)!important;border:none!important;color:var(--white)!important;font-weight:700!important;padding:12px 24px!important;border-radius:12px!important;transition:all .3s ease!important;font-size:1rem!important;text-transform:none!important;box-shadow:0 0 20px rgba(123,220,181,.3)!important}.wallet-selection-box button:hover{background:rgba(255,105,0,.9)!important;transform:translateY(-2px)!important;box-shadow:0 0 30px rgba(123,220,181,.4)!important}@media (max-width:480px){.connect-wallet-section,.wallet-info-message{padding:1rem}.wallet-info-message h3{font-size:1rem}.wallet-info-message li,.wallet-info-message p{font-size:.85rem}.wallet-note{font-size:.8rem!important}.connect-wallet-section>div{width:100%}}.connect-wallet-button{background:var(--panel-bg);border:1px solid var(--accent-color);color:var(--accent-color);padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;text-transform:uppercase;letter-spacing:1px}.connect-wallet-button:hover{background:var(--accent-color);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px rgba(123,220,181,.3)}.connect-wallet-button:active{transform:translateY(1px);box-shadow:none}.mobile-note{background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:8px;padding:.75rem;margin-top:1rem!important;font-size:.9rem!important;color:var(--accent-color)!important;text-align:center;animation:pulse 2s infinite}@media (max-width:480px){.mobile-note{font-size:.85rem!important;padding:.6rem}}.username-input-wrapper{position:relative;width:100%}.username-availability{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem}.username-availability .checking{color:var(--color-text-secondary)}.username-availability .available{color:var(--color-primary)}.username-availability .taken{color:var(--color-warning)}.leaderboard{background:var(--panel-bg);border-radius:1rem;padding:1.5rem;width:400px;border:2px solid var(--accent-color);box-shadow:0 0 30px rgba(123,220,181,.3);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.leaderboard-title{color:var(--accent-color);font-size:1.5rem;margin:0}.info-icon{position:relative;cursor:help;color:var(--text-dark);font-size:1.2rem}.info-tooltip{position:absolute;top:100%;right:0;background:rgb(252,204,188);padding:.75rem;border-radius:.5rem;width:200px;font-size:.8rem;color:var(--text-dark);display:none;z-index:100;border:1px solid var(--accent-color);box-shadow:0 4px 12px rgba(252,204,188,.5)}.info-icon:hover .info-tooltip{display:block}.info-tooltip ul{margin-top:.5rem;padding-left:1rem;font-size:.75rem;color:var(--text-dark)}.info-tooltip li{margin:.25rem 0}.level-badge{background:rgba(255,105,0,.15);padding:.25rem .5rem;border-radius:.5rem;font-size:.8rem;color:var(--accent-color);text-align:center;width:fit-content;border:1px solid var(--accent-color);box-shadow:0 0 10px rgba(123,220,181,.2);white-space:nowrap;margin:0;justify-self:center}.scores-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:calc(80vh - 120px);padding-right:.5rem;margin-right:-.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--panel-bg);overflow-x:hidden}.scores-list::-webkit-scrollbar{width:6px}.scores-list::-webkit-scrollbar-track{background:var(--panel-bg);border-radius:3px}.scores-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.scores-list::-webkit-scrollbar-thumb:hover{background:rgba(255,105,0,.8)}.score-item{display:grid;grid-template-columns:40px minmax(100px,1fr) 80px 70px;align-items:center;padding:.75rem 1rem;background:var(--white);border-radius:.5rem;transition:transform .2s,background-color .2s;gap:.5rem}.score-item:hover{transform:translateX(5px);background:var(--panel-bg)}.rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-weight:700}.rank-1{background:linear-gradient(45deg,#FFD700,#FFA500);color:#000}.rank-2{background:linear-gradient(45deg,#C0C0C0,#E0E0E0);color:#000}.rank-3{background:linear-gradient(45deg,#CD7F32,#B87333);color:#000}.player-section{display:flex;align-items:center;gap:.75rem;min-width:0}.player-avatar-container{position:relative;width:40px;height:40px}.player-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent-color)}.hero-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--accent-color);border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-badge:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(123,220,181,.4)}.hero-check{color:white;font-size:12px}.player-name{color:var(--text-dark);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.score-info{display:flex;align-items:center;gap:.75rem}.high-score{color:var(--accent-color);font-weight:700;font-size:1rem;text-align:right;padding-right:.5rem}.leaderboard-loading{text-align:center;padding:2rem;color:var(--text-dark)}.leaderboard-columns{display:grid;grid-template-columns:40px minmax(100px,1fr) 80px 70px;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--accent-color);margin-bottom:.75rem;color:var(--text-dark);font-size:.9rem;font-weight:500;position:sticky;top:0;background:var(--panel-bg);z-index:1;gap:.5rem}.column-rank{text-align:center;transform:translateX(-8px)}.column-player{padding-left:.5rem}.column-level,.column-score{text-align:center}.column-reward,.reward-amount{text-align:right;padding-right:.5rem}.reward-amount{color:var(--accent-color);font-weight:700}.show-more-button{margin-top:1rem;padding:.5rem 1rem;background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:.5rem;color:var(--accent-color);font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.show-more-button:hover{background:rgba(255,105,0,.1);border-color:var(--accent-color);transform:translateY(-2px)}@media (max-width:768px){.leaderboard{width:100%;padding:1rem;margin:0;border-radius:.5rem;max-height:85vh}.scores-list{max-height:calc(85vh - 100px)}.score-item{display:grid;grid-template-columns:40px minmax(80px,1fr) minmax(100px,auto) 70px;gap:1rem;padding:.5rem .75rem;align-items:center}.rank{width:28px;height:28px;font-size:.8rem}.player-section{display:flex;gap:.5rem;align-items:center}.player-avatar{width:24px;height:24px}.player-name{font-size:.85rem;max-width:100%}.high-score{font-size:.85rem;text-align:right;padding-right:1.5rem;margin-right:.5rem}.level-badge{font-size:.75rem;padding:.15rem .3rem;white-space:nowrap}.leaderboard-columns{display:grid;grid-template-columns:40px minmax(80px,1fr) minmax(100px,auto) 70px;gap:1rem;padding:.5rem .75rem;font-size:.75rem}.column-score{text-align:right;padding-right:1.5rem;margin-right:.5rem}}@media (max-width:480px){.leaderboard{padding:.75rem;max-height:90vh}.scores-list{max-height:calc(90vh - 90px)}.leaderboard-columns,.score-item{grid-template-columns:32px minmax(60px,1fr) minmax(90px,auto) 60px;padding:.4rem .75rem;gap:1.25rem}.rank{width:24px;height:24px;font-size:.75rem}.player-section{gap:.3rem}.player-avatar{width:20px;height:20px}.high-score,.player-name{font-size:.8rem}.high-score{text-align:right;padding-right:2rem;margin-right:.75rem}.level-badge{font-size:.7rem;padding:.1rem .25rem}.column-score{text-align:right;padding-right:2rem;margin-right:.75rem}.show-more-button{margin-top:.5rem;padding:.35rem .5rem;font-size:.85rem}}.leaderboard-info{background-color:rgb(252,204,188);border-radius:8px;padding:12px;margin-top:10px;font-size:.9em;line-height:1.4}.leaderboard-info h3{margin:0 0 8px;font-weight:600}.level-info{margin:4px 0}.leaderboard-update{background:rgba(123,220,181,.1);padding:4px 8px;border-radius:6px;border:1px solid var(--accent-color);margin-right:8px}.update-text{font-size:.8rem;color:var(--accent-color);font-weight:500}.online-count{display:flex;align-items:center;gap:4px;background:rgba(255,107,0,.15);padding:2px 8px;border-radius:12px;font-size:.75rem;color:#ff6b00;font-weight:600;border:1px solid rgba(255,107,0,.3)}.online-indicator{position:absolute;bottom:0;left:0;width:14px;height:14px;background:radial-gradient(circle at 40% 40%,#4be14b 60%,#1fa31f 100%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px 2px #4be14b88,0 0 0 2px #fff;z-index:2;animation:online-pulse 1.2s infinite alternate}@keyframes online-pulse{0%{box-shadow:0 0 8px 2px #4be14b88,0 0 0 2px #fff;opacity:1}to{box-shadow:0 0 16px 6px #4be14bcc,0 0 0 2px #fff;opacity:.8}}.leaderboard-section{display:flex;flex-direction:column;grid-area:leaderboard;gap:1rem}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--panel-bg);border-radius:1rem;border-bottom:2px solid var(--accent-color);width:100%;overflow:hidden;border:2px solid var(--accent-color);margin-bottom:.5rem}.tab-button{padding:.75rem 1.5rem;border:none;background:var(--panel-bg);color:var(--text-dark);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button:first-child{border-top-left-radius:.75rem}.tab-button:last-child{border-top-right-radius:.75rem}.tab-button:hover{background:rgba(255,105,0,.1)}.tab-button.active{background:var(--accent-color);color:var(--white)}.tab-icon{width:1.25rem;height:1.25rem}@media (max-width:768px){.tab-button{padding:.5rem .75rem;font-size:.9rem}.tab-icon{width:1rem;height:1rem}}@media (max-width:480px){.tab-button{padding:.35rem .5rem;font-size:.85rem}.tab-icon{width:.9rem;height:.9rem}}@keyframes spinIn{0%{transform:scale(0) rotate(-540deg) translateZ(0);opacity:0;filter:blur(10px)}50%{transform:scale(1.1) rotate(10deg) translateZ(0);opacity:.8;filter:blur(0)}75%{transform:scale(.95) rotate(-5deg) translateZ(0)}to{transform:scale(1) rotate(0deg) translateZ(0);opacity:1}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color);transform:scale(1) translateZ(0)}50%{text-shadow:0 0 30px var(--accent-color),0 0 60px var(--accent-color);transform:scale(1.05) translateZ(0)}}@keyframes floatUp{0%{transform:translateY(50px) scale(.8) translateZ(0);opacity:0;filter:blur(5px)}to{transform:translateY(0) scale(1) translateZ(0);opacity:1;filter:blur(0)}}@keyframes backgroundPulse{0%{background:var(--panel-bg)}50%{background:rgba(123,220,181,.4)}to{background:var(--panel-bg)}}.game-over-overlay,.level-up-overlay{position:fixed;inset:0;background:var(--panel-bg);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);animation:backgroundPulse 3s ease-in-out infinite;will-change:background;transform:translateZ(0);-webkit-font-smoothing:antialiased}.game-over-modal,.level-up-modal{position:relative;background:var(--white);border:3px solid var(--accent-color);border-radius:2rem;padding:4rem;text-align:center;color:var(--text-dark);box-shadow:0 0 50px rgba(123,220,181,.3),inset 0 0 30px rgba(123,220,181,.3);animation:spinIn 1s cubic-bezier(.34,1.56,.64,1);transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.game-over-title,.level-up-title{font-size:4rem;font-weight:700;background:linear-gradient(45deg,var(--accent-color),var(--primary-bg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;animation:glowPulse 2s ease-in-out infinite;transform-origin:center;will-change:transform,text-shadow}.game-over-score{font-size:2rem;margin:1.5rem 0;opacity:0;color:var(--accent-color);text-shadow:0 0 10px rgba(255,105,0,.5);animation:floatUp .8s cubic-bezier(.34,1.56,.64,1) .5s forwards;will-change:transform,opacity,filter}.try-again-button{background:var(--panel-bg);border:2px solid var(--accent-color);color:var(--text-dark);padding:1.2rem 2.5rem;border-radius:1.5rem;font-size:1.4rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:floatUp .8s cubic-bezier(.34,1.56,.64,1) 1s forwards;margin-top:2rem;will-change:transform,opacity,box-shadow}.try-again-button:hover{background:var(--accent-color);color:var(--white);transform:scale(1.1) translateY(-5px);box-shadow:0 0 30px rgba(123,220,181,.4),0 10px 20px rgba(0,0,0,.2)}.level-up-title{font-size:2.5rem;color:var(--accent-color);margin-bottom:1rem;animation:glowPulse 2s infinite}.level-number{font-size:4rem;margin:1.5rem 0;background:linear-gradient(45deg,var(--accent-color),var(--primary-bg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:floatUp .5s ease-out}@keyframes confetti{0%{transform:translateY(0) rotate(0deg) scale(0) translateZ(0);opacity:0}10%{opacity:1;transform:translateY(0) rotate(45deg) scale(1) translateZ(0)}35%{transform:translateY(30vh) rotate(180deg) scale(1) translateZ(0)}to{transform:translateY(100vh) rotate(2turn) scale(.5) translateZ(0);opacity:0}}.confetti-piece{position:fixed;width:15px;height:15px;background:var(--accent-color);opacity:0;border-radius:3px;box-shadow:0 0 10px rgba(255,105,0,.5);will-change:transform,opacity;pointer-events:none}.transaction-fab,.transaction-modal{-webkit-tap-highlight-color:transparent}.transaction-fab{box-shadow:0 0 20px rgba(255,105,0,.3)}.transaction-fab:hover{box-shadow:0 0 30px rgba(255,105,0,.4)}@media (max-width:480px){.transaction-modal .MuiBackdrop-root{background-color:rgba(0,0,0,.7)}.transaction-modal .MuiModal-root{padding:4px}.transaction-modal .MuiBox-root{background-color:var(--panel-bg);border:none;border-radius:12px;width:95%!important;margin:0 auto;box-shadow:0 0 20px rgba(123,220,181,.3)}.transaction-modal .MuiList-root{flex:1;overflow-y:auto;padding:8px;margin:0;background:var(--panel-bg)}.transaction-modal .MuiListItem-root{border:none!important;border-bottom:1px solid rgba(255,105,0,.1)!important;margin-bottom:4px;border-radius:0}.transaction-modal .MuiListItem-root:last-child{border-bottom:none!important}.transaction-modal .MuiTypography-root{font-size:.9rem}.transaction-modal .MuiChip-root{font-size:.75rem}.transaction-modal .MuiIconButton-root{padding:6px}}@media (max-height:600px){.transaction-modal .MuiBox-root{max-height:95vh;background-color:var(--panel-bg);border:none;border-radius:12px;box-shadow:0 0 20px rgba(123,220,181,.3)}}.monad-balance{padding:.15rem .4rem;border-radius:.5rem;background:var(--white);border:1px solid rgba(255,107,61,.2);min-width:max-content;cursor:pointer;transition:all .3s ease;max-width:140px;overflow:hidden}.monad-balance:hover{background:var(--panel-bg);border-color:rgba(255,107,61,.4)}.balance-container{display:flex;align-items:center;gap:.25rem;justify-content:flex-start;white-space:nowrap;width:100%}.monad-icon{width:14px!important;height:14px!important;border-radius:50%;background:var(--white);padding:1px;border:1px solid rgba(255,107,61,.3);flex-shrink:0;margin-right:-2px}.balance-info{color:var(--text-dark);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.2rem;min-width:0;flex:1}.balance,.balance-info{overflow:hidden;text-overflow:ellipsis}.balance{color:var(--accent-color);text-shadow:0 0 10px rgba(255,107,61,.5);letter-spacing:.25px;white-space:nowrap;transition:color .3s ease}.balance.low-balance{color:#FF4444;text-shadow:0 0 10px rgba(255,0,0,.5);animation:pulse 2s infinite}.monad-loading{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-color);border-top:2px solid transparent;animation:spin .6s linear infinite;margin:0 4px}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#FF4444;font-size:.85rem}.top-up-toast{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.top-up-toast b{color:#FF00FF;font-size:1.1rem}.top-up-toast p{color:rgba(255,255,255,.9);margin:0;font-size:.9rem}.top-up-toast button{background:rgba(255,0,255,.2);border:1px solid rgba(255,0,255,.4);color:#FF00FF;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:all .3s ease}.top-up-toast button:hover{background:rgba(255,0,255,.3);border-color:rgba(255,0,255,.6)}.custom-toast{background:var(--panel-bg);padding:16px 24px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s ease;animation:pulse 2s infinite}.custom-toast:hover{transform:scale(1.02)}.custom-toast.zero-balance{color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:0 0 10px rgba(255,107,61,.3)}.custom-toast.low-balance{color:#FF4444;border:2px solid #ff4444;box-shadow:0 0 10px rgba(255,68,68,.3)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,107,61,.4)}70%{box-shadow:0 0 0 10px rgba(255,107,61,0)}to{box-shadow:0 0 0 0 rgba(255,107,61,0)}}.intro-overlay{position:fixed;inset:0;background:rgba(26,26,26,.85);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1100}.intro-modal{border:2px solid var(--accent-color);border-radius:1.5rem;padding:3rem 2rem 2rem;width:90%;max-width:600px;position:relative;box-shadow:0 0 50px rgba(123,220,181,.3);animation:slideUp .5s ease}.intro-modal,.skip-button{background:var(--primary-bg)}.skip-button{position:absolute;top:.75rem;right:.75rem;border:1px solid var(--accent-color);color:var(--text-dark);padding:.4rem .8rem;border-radius:2rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.skip-button:hover{background:var(--white);color:var(--accent-color);transform:translateY(-1px)}.intro-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.intro-step{text-align:center;animation:fadeIn .5s ease}.intro-step h2{color:var(--accent-color);font-size:2rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,105,0,.3)}.intro-step p{color:var(--text-dark);font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.intro-image{margin:1.5rem auto;width:100%;max-width:400px;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;border:2px solid var(--accent-color);box-shadow:0 0 30px rgba(123,220,181,.3)}.intro-image img{width:100%;height:100%;object-fit:cover}.intro-progress{display:flex;gap:.5rem;margin:1rem 0}.progress-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--primary-bg);border:1px solid var(--accent-color);transition:all .3s ease}.progress-dot.active{background:var(--accent-color);transform:scale(1.2)}.next-button{background:var(--text-dark);color:var(--white);border:none;padding:1rem 3rem;border-radius:2rem;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px rgba(123,220,181,.3)}.next-button:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 0 30px rgba(255,105,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.intro-modal{padding:2.5rem 1.5rem 1.5rem;width:95%}.intro-step h2{font-size:1.5rem}.intro-step p,.next-button{font-size:1rem}.next-button{padding:.75rem 2rem}.skip-button{top:.5rem;right:.5rem;padding:.3rem .6rem;font-size:.85rem}}.heroes-ticker{display:flex;align-items:center;background:var(--panel-bg);border:2px solid var(--accent-color);padding:.75rem;border-radius:1rem;cursor:pointer;overflow:hidden;position:relative;width:100%;height:50px;transition:all .3s ease;margin-bottom:1rem;box-shadow:0 0 30px rgba(123,220,181,.3)}.timer-container{display:inline-flex;align-items:center;background:rgba(123,220,181,.15);border:1px solid var(--accent-color);border-radius:6px;padding:.25rem .5rem;margin:0 .5rem;gap:.5rem}.timer-label{color:var(--text-dark);font-size:.85rem;font-weight:500}.timer-value{color:var(--accent-color);font-weight:700;font-size:.9rem;text-shadow:0 0 10px rgba(123,220,181,.5);min-width:85px;text-align:center}.heroes-enrolled{cursor:default;background:rgba(123,220,181,.15);border:1px dashed var(--accent-color)}.heroes-enrolled:hover{transform:none;box-shadow:none;background:rgba(123,220,181,.15)}.heroes-enrolled .ticker-text{color:var(--accent-color);opacity:.9}.heroes-ticker:hover{border-color:var(--accent-color);box-shadow:0 0 40px rgba(123,220,181,.4)}.ticker-content{display:flex;align-items:center;gap:1rem;animation:scroll 30s linear infinite;white-space:nowrap;height:100%}.ticker-icon{width:24px;height:24px;flex-shrink:0}.ticker-text{color:var(--text-dark);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ticker-text strong{color:var(--accent-color);font-weight:700;text-shadow:0 0 10px rgba(123,220,181,.5)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.heroes-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding-top:120px;animation:fadeIn .3s ease}.heroes-modal{background:white;border-radius:16px;width:100%;max-width:420px;position:relative;box-shadow:0 25px 50px -12px rgba(123,220,181,.5);border:2px solid var(--accent-color);overflow:hidden;animation:modalDropIn .4s cubic-bezier(.16,1,.3,1);transform-origin:top center}.heroes-modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:rgba(123,220,181,.1);border:2px solid var(--accent-color);color:var(--accent-color);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.heroes-modal-close:hover{background:var(--accent-color);color:white;transform:rotate(90deg)}.heroes-modal-content{display:flex;flex-direction:column;align-items:center}.heroes-banner{width:200px;height:200px;object-fit:contain;margin:.75rem auto .5rem;padding:0;display:block}.heroes-description{padding:0 1rem 1rem;background:white;width:100%}.heroes-title{font-size:1.25rem;font-weight:800;color:var(--accent-color);margin:0 0 .25rem;letter-spacing:1px;text-shadow:0 0 20px rgba(123,220,181,.3)}.heroes-subtitle,.heroes-title{font-family:Segoe UI,system-ui,sans-serif;text-align:center}.heroes-subtitle{font-size:.85rem;color:#333;margin:0 0 1rem;line-height:1.4}.rewards-section{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 .25rem;margin-bottom:1.5rem}.reward-item{background:rgba(123,220,181,.05);padding:.5rem;border-radius:12px;border:1px solid var(--accent-color);transition:all .3s ease}.reward-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px -5px rgba(123,220,181,.3);background:rgba(123,220,181,.1)}.reward-title{font-size:.9rem;font-weight:700;color:var(--accent-color);margin:0 0 .5rem}.reward-description,.reward-title{font-family:Segoe UI,system-ui,sans-serif;text-align:center}.reward-description{font-size:.8rem;color:#444;margin:0;line-height:1.4}.heroes-enrolled-status{text-align:center;color:var(--accent-color);font-weight:600;padding:.75rem;background:rgba(123,220,181,.1);border-radius:8px;margin-top:1rem;border:1px dashed var(--accent-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalDropIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.heroes-signup-btn{display:block;width:100%;max-width:280px;margin:2rem auto 0;padding:1rem 2rem;background:var(--accent-color);color:white;border:none;border-radius:12px;font-family:Segoe UI,system-ui,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(123,220,181,.3)}.heroes-signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,220,181,.4);background:#6ab4a0}.heroes-confirm-modal{max-width:420px;width:90%}.confirm-content{background:rgba(123,220,181,.05);border-radius:12px;padding:1.25rem;margin:1rem 0;border:1px solid var(--accent-color)}.confirm-badge{display:flex;justify-content:center;margin-bottom:1rem}.badge-preview{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(123,220,181,.3))}.confirm-text{color:#333}.confirm-text p{font-size:.95rem;margin:0 0 1rem;text-align:center;font-weight:600}.confirm-text ul{margin:0;padding-left:0;display:flex;flex-direction:column;gap:1rem;list-style:none}.confirm-text li{margin:0;line-height:1.4;font-size:.95rem;display:flex;align-items:center;gap:.75rem;color:var(--text-dark)}.confirm-badge-container{width:28px;height:28px;flex-shrink:0}.confirm-badge-container,.confirm-hero-badge{position:relative;display:flex;align-items:center}.confirm-hero-badge{background:var(--accent-color);border-radius:50%;width:24px;height:24px;justify-content:center;color:white;font-size:14px;border:2px solid var(--panel-bg);box-shadow:0 0 10px rgba(123,220,181,.3)}.confirm-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.heroes-confirm-btn{background:var(--accent-color);color:white;border:none;padding:1rem 2rem;border-radius:12px;font-family:Segoe UI,system-ui,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(255,105,0,.3)}.heroes-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,105,0,.4);background:rgba(255,105,0,.9)}.heroes-confirm-btn:disabled{background:rgba(255,105,0,.5);cursor:not-allowed;transform:none;box-shadow:none}.heroes-cancel-btn{background:transparent;color:#666;border:1px solid var(--accent-color);padding:1rem 2rem;border-radius:12px;font-family:Segoe UI,system-ui,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.heroes-cancel-btn:hover{background:rgba(255,105,0,.1);color:var(--accent-color);transform:translateY(-2px)}.heroes-cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.heroes-ticker{height:60px;padding:.35rem}.ticker-icon{height:90%}.ticker-text{font-size:.9rem}.timer-container{padding:.2rem .4rem;margin:0 .4rem}.timer-label{font-size:.8rem}.timer-value{font-size:.85rem;min-width:75px}.heroes-modal-overlay{padding-top:120px}.heroes-modal{width:360px}.heroes-banner{width:280px;height:280px;margin:1.25rem auto .75rem}.heroes-description{padding:1.5rem}.heroes-title{font-size:1.75rem}.heroes-subtitle{font-size:1rem}.rewards-section{grid-template-columns:1fr;gap:1rem}.reward-item{padding:1.25rem}}@media (max-width:480px){.heroes-ticker{height:50px}.ticker-text{font-size:.8rem}.timer-container{padding:.15rem .3rem;margin:0 .3rem}.timer-label{font-size:.75rem}.timer-value{font-size:.8rem;min-width:70px}.heroes-modal-overlay{padding:60px 1rem 1rem}.heroes-modal{width:90%;max-width:360px;border-radius:12px}.heroes-banner{width:160px;height:160px;margin:.5rem auto .25rem}.heroes-description{padding:0 .75rem .75rem}.heroes-title{font-size:1.1rem}.heroes-subtitle{font-size:.8rem;margin-bottom:.75rem}.rewards-section{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.reward-item{padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.reward-item:last-child{grid-column:span 2}.reward-title{margin:0;font-size:.85rem}.reward-description{font-size:.75rem;text-align:center}.heroes-signup-btn{max-width:240px;padding:.75rem 1.5rem;font-size:1rem}.confirm-content{padding:1rem;margin:.75rem 0}.badge-preview{width:80px;height:80px}.confirm-text p{font-size:.9rem}.confirm-text li{font-size:.85rem}.confirm-actions{flex-direction:column;gap:.75rem;margin-top:1.25rem}.heroes-cancel-btn,.heroes-confirm-btn{width:100%;padding:.75rem;font-size:.95rem}.reward-image{height:180px}.carousel-slide{min-width:140px}.rewards-list{margin:.35rem 0 0 1rem!important;gap:.35rem!important}.rewards-list li{font-size:.85rem}.reward-info{padding:.25rem;font-size:.75rem}.refresh-overlay{width:95%;height:95vw;top:100px}.refresh-content{padding:1rem 1.5rem;max-width:250px}.refresh-content p{font-size:.9rem;margin-bottom:1rem}.refresh-button{padding:.6rem 1.5rem;font-size:.9rem}}@media (max-height:700px){.heroes-modal-overlay{padding-top:20px}.heroes-banner{width:140px;height:140px}.heroes-description{padding:0 .75rem .5rem}.confirm-content{padding:.75rem}.badge-preview{width:70px;height:70px}}.rewards-carousel{width:100%;margin:.75rem 0;position:relative;overflow:hidden;border-radius:12px;background:var(--panel-bg);padding:.5rem;border:1px solid var(--accent-color)}.carousel-container{display:flex;transition:transform .3s ease;gap:8px;padding:.25rem}.carousel-slide{min-width:120px;cursor:pointer;transition:transform .2s ease;position:relative;flex-shrink:0}.carousel-slide:hover{transform:scale(1.05)}.reward-image{width:100%;height:150px;object-fit:contain;border-radius:8px;border:2px solid var(--accent-color);background:rgba(0,0,0,.05)}.reward-info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:white;padding:.35rem;border-bottom-left-radius:6px;border-bottom-right-radius:6px;text-align:center;font-size:.8rem;font-weight:400}.carousel-nav{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);opacity:.5;cursor:pointer;transition:opacity .2s ease}.carousel-dot.active{opacity:1}.carousel-arrows{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 .5rem;transform:translateY(-50%);pointer-events:none}.carousel-arrow{width:32px;height:32px;border-radius:50%;background:var(--panel-bg);border:2px solid var(--accent-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease;font-size:1.25rem}.carousel-arrow:hover:not(.disabled){background:var(--accent-color);color:var(--panel-bg)}.carousel-arrow.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.refresh-overlay{position:absolute;top:120px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:rgba(45,27,78,.3);display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(3px);border-radius:16px}.refresh-content{background:rgba(255,255,255,.9);padding:1.5rem 2rem;border-radius:1rem;text-align:center;border:2px solid var(--accent-color);box-shadow:0 0 30px rgba(123,220,181,.4);max-width:300px;animation:scaleIn .3s ease}.refresh-content p{color:var(--text-dark);font-size:1.1rem;margin-bottom:1.25rem;line-height:1.4;font-weight:500}.refresh-button{background:var(--accent-color);color:white;border:none;padding:.75rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(255,105,0,.3)}.refresh-button:hover{transform:translateY(-2px);background:rgba(255,105,0,.9);box-shadow:0 6px 20px rgba(255,105,0,.4)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cta-button{display:inline-block;background:rgba(255,105,0,.1);padding:4px 12px;border-radius:6px;border:1px solid var(--accent-color);font-weight:700;color:var(--accent-color);margin-left:8px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:var(--accent-color);color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,105,0,.2)}:root{--rewards-bg:linear-gradient(135deg,var(--primary-bg) 0%,var(--panel-bg) 100%);--rewards-glass:rgba(255,255,255,0.85);--rewards-glass-blur:blur(16px);--rewards-primary:var(--accent-color);--rewards-secondary:rgba(123,220,181,0.8);--rewards-accent:var(--accent-color);--rewards-pink:rgba(255,105,0,0.8);--rewards-purple:rgba(123,220,181,0.8);--rewards-shadow:0 8px 32px 0 rgba(255,105,0,0.18);--rewards-border:2px solid var(--accent-color);--rewards-table-row:var(--panel-bg);--rewards-table-row-alt:rgba(123,220,181,0.1);--rewards-table-hover:rgba(255,105,0,0.1)}.rewards-fab.vibrant-fab{background:linear-gradient(135deg,var(--accent-color) 40%,rgba(255,105,0,.8) 100%);color:var(--white);box-shadow:0 4px 24px 0 rgba(255,105,0,.33);border-radius:50%;transition:background .3s,box-shadow .3s;position:fixed;bottom:80px;right:16px;z-index:1400}.rewards-fab.vibrant-fab:hover{background:linear-gradient(135deg,rgba(123,220,181,.8) 0,var(--accent-color) 100%);box-shadow:0 6px 32px 0 rgba(255,105,0,.33)}.rewards-modal.glassy-modal{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);z-index:1400}.rewards-modal-box{background:var(--primary-bg);box-shadow:0 25px 50px -12px rgba(255,105,0,.18);border-radius:18px;border:2px solid var(--accent-color);padding:2.5rem 2rem 2rem;min-width:340px;max-width:98vw;width:100%;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.rewards-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:transparent;z-index:2;margin-bottom:1.5rem}.rewards-title{font-family:Segoe UI,Fredoka,Montserrat,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:1.5px;background:linear-gradient(135deg,var(--accent-color),rgba(123,220,181,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.rewards-close-btn{color:var(--white);background:linear-gradient(135deg,rgba(123,220,181,.8) 0,var(--accent-color) 100%);border-radius:50%;box-shadow:0 2px 8px rgba(255,105,0,.26);transition:background .2s}.rewards-close-btn:hover{background:linear-gradient(135deg,var(--accent-color) 0,rgba(255,105,0,.8) 100%)}.rewards-user-card{text-align:center;margin-bottom:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--panel-bg);border:1.5px solid var(--accent-color);border-radius:16px;padding:1.5rem 1rem 1.2rem;box-shadow:0 4px 18px 0 rgba(255,105,0,.07)}.rewards-user-avatar{width:90px!important;height:90px!important;margin:0 auto .5rem;box-shadow:0 0 24px rgba(255,105,0,.33),0 0 0 4px var(--white);border:3px solid var(--white);background:var(--white)}.rewards-user-level{font-size:1.5rem;font-weight:800;letter-spacing:1px;text-shadow:0 2px 8px var(--white),0 1px 0 var(--accent-color);margin-bottom:.2rem;color:var(--accent-color)}.rewards-user-score{color:var(--accent-color);font-size:1.4rem;text-shadow:0 2px 8px var(--white)}.rewards-user-next{color:var(--accent-color);font-size:1.1rem;font-weight:600;margin-top:.5rem}.rewards-progress-bar{height:20px!important;border-radius:12px!important;margin-top:.5rem;background:var(--panel-bg)!important;box-shadow:0 0 16px rgba(255,105,0,.2)}.rewards-progress-bar .MuiLinearProgress-bar{background:linear-gradient(90deg,var(--accent-color),rgba(123,220,181,.8));border-radius:12px;box-shadow:0 0 8px rgba(255,105,0,.6)}.rewards-max-level{color:var(--accent-color);font-weight:900;margin-top:.7rem;text-shadow:0 2px 8px var(--white),0 1px 0 var(--accent-color);font-size:1.2rem}.rewards-login-msg{color:var(--accent-color);text-align:center;font-weight:700;font-size:1.1rem;margin-bottom:1.5rem}.rewards-leaderboard-section{margin-top:.5rem;flex:1;min-height:0;display:flex;flex-direction:column}.rewards-leaderboard-title{color:var(--accent-color);font-weight:800;margin-bottom:.7rem;letter-spacing:1px;font-size:1.3rem}.rewards-leaderboard-loading{color:var(--accent-color);text-align:center;font-weight:700;font-size:1.1rem}.rewards-leaderboard-table-container{max-height:340px;overflow-y:auto;background:var(--white);border-radius:16px;box-shadow:0 2px 12px rgba(255,105,0,.13);border:1.5px solid var(--accent-color)}.rewards-leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-family:Segoe UI,Fredoka,Montserrat,sans-serif}.rewards-leaderboard-table thead th{position:sticky;top:0;z-index:1;background:var(--panel-bg);font-size:1.1rem;font-weight:800;color:var(--accent-color);padding:.7rem .5rem;border-bottom:2px solid var(--accent-color)}.rewards-leaderboard-row{background:var(--white);transition:background .2s}.rewards-leaderboard-row:nth-child(2n){background:var(--panel-bg)}.rewards-leaderboard-row:hover{background:rgba(255,105,0,.1)}.rewards-leaderboard-rank{font-weight:800;font-size:1.1rem;color:var(--accent-color);text-align:center}.rewards-leaderboard-player{padding:.3rem .2rem}.rewards-leaderboard-avatar{width:38px!important;height:38px!important;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 8px rgba(255,105,0,.26);background:var(--white)}.rewards-leaderboard-username{color:var(--text-dark);font-weight:700;font-size:1.08rem;font-family:Segoe UI,Fredoka,Montserrat,sans-serif;text-transform:none;letter-spacing:.2px}.rewards-leaderboard-score{color:var(--accent-color);font-weight:800;font-size:1.1rem;text-align:center}.rewards-leaderboard-level{font-weight:800;font-size:1.05rem;text-align:center}.rewards-leaderboard-carrots{font-size:1.5rem;text-align:center}@media (max-width:600px){.compact-modal-box,.rewards-modal-box{overflow-y:auto!important;max-height:90vh!important}.rewards-modal-box{padding:1.2rem .2rem;min-width:0;max-width:99vw}.rewards-title{font-size:1.3rem}.rewards-user-avatar{width:60px!important;height:60px!important}.rewards-leaderboard-table thead th{font-size:.95rem;padding:.4rem .2rem}.rewards-leaderboard-avatar{width:28px!important;height:28px!important}.rewards-fab.vibrant-fab{bottom:72px;right:8px}}.compact-modal-box{background:#e3f4ef;max-width:800px;margin:0 auto;padding:1.5rem 2rem;box-shadow:0 8px 32px 0 rgba(50,178,136,.13)}.compact-leaderboard-section{margin-top:.5rem;padding:.5rem 0 0}.compact-leaderboard-table-container{max-height:260px;border-radius:12px;padding:0}.compact-leaderboard-table{font-size:.98rem}.compact-leaderboard-table td,.compact-leaderboard-table th{padding:.45rem .3rem;font-size:.98rem}.rewards-leaderboard-row{min-height:36px}.my-leaderboard-row{background:#fffbe6!important;border-left:4px solid #32b288;font-weight:900}.rewards-user-card-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2.5rem;width:100%}.rewards-user-card-left{align-items:flex-start;gap:.5rem}.rewards-user-card-left,.rewards-user-card-right{display:flex;flex-direction:column;min-width:180px}.rewards-user-card-right{align-items:flex-end;gap:.7rem}.rewards-user-emoji{font-size:2.1rem;margin-top:.2rem;margin-bottom:.2rem;text-align:right}@media (max-width:900px){.compact-modal-box{max-width:98vw;padding:1.1rem .5rem}.rewards-user-card-row{flex-direction:column;gap:1.2rem;align-items:center}.rewards-user-card-left,.rewards-user-card-right{min-width:0;align-items:center}.rewards-user-emoji{text-align:center}}@media (min-width:900px){.compact-modal-box{max-width:700px;padding:1.5rem 2rem}}.user-score-container{background:#fff;border:1.5px solid #32b288;border-radius:10px;box-shadow:0 1px 6px #32b28808;padding:.2rem .6rem;margin-bottom:.05rem;min-width:100px;max-width:150px;display:flex;flex-direction:column;align-items:center;text-align:center}.rewards-user-avatar{width:56px!important;height:56px!important;margin-bottom:.18rem;margin-top:.08rem}.rewards-user-level{font-size:1.08rem;margin-bottom:.08rem;margin-top:.05rem}.rewards-user-score{color:#4bb0a9;font-size:1.05rem;font-weight:700;margin-bottom:.05rem;margin-top:.05rem;letter-spacing:.5px}.user-current-carrot{display:block;font-size:2.2rem;margin:.15rem auto .1rem;text-align:center;filter:drop-shadow(0 2px 6px #f6ae5c33)}.rewards-levels-list{list-style:none;margin:0 0 .3rem;padding:0;display:flex;flex-direction:column;gap:.18rem;align-items:flex-end}.rewards-levels-list-item{font-size:.98rem;color:#32b288;font-weight:500;background:#f6fffc;border-radius:6px;padding:.18rem .5rem;margin-bottom:.05rem;display:flex;align-items:center;gap:.25rem;border:1px solid #e0f7f1;transition:background .2s,border .2s}.rewards-levels-list-item.next-level{background:#e0f7f1;border:1.5px solid #f6ae5c;font-weight:700;color:#f6ae5c}.rewards-levels-list-points{color:#f6ae5c;font-weight:700;margin-right:.18rem;font-size:1.01rem}.rewards-levels-list-label{color:#32b288;font-weight:500}.rewards-levels-list-item:last-child{margin-bottom:0}@media (max-width:900px){.user-score-container{min-width:0;max-width:100%;align-items:center;padding:.5rem .3rem}.rewards-levels-list{align-items:center}}.rewards-leaderboard-table td,.rewards-leaderboard-table th{padding:.45rem .3rem;font-size:.98rem;text-align:left}.rewards-leaderboard-table td:nth-child(2),.rewards-leaderboard-table th:nth-child(2){min-width:140px;width:180px;padding-right:.2rem}.rewards-leaderboard-table td:nth-child(3),.rewards-leaderboard-table th:nth-child(3){min-width:80px;width:90px;padding-left:.05rem;padding-right:1.2rem;text-align:right}.rewards-leaderboard-table td:nth-child(4),.rewards-leaderboard-table th:nth-child(4){padding-left:.7rem}.rewards-leaderboard-table td:nth-child(5),.rewards-leaderboard-table th:nth-child(5){min-width:70px;width:90px;text-align:left;padding-left:.3rem}.rewards-leaderboard-avatar-box{display:flex;align-items:center;gap:.7rem}.bunny-info-message{background:#eafaf6;border:1px solid #b2e2d6;border-radius:8px;color:#32b288;font-size:.97rem;font-weight:400;padding:.5rem .8rem;text-align:left;margin-top:.2rem;margin-bottom:.2rem;box-shadow:0 1px 4px #32b28811}.bunny-info-message .bunny-info-bold{font-weight:700;font-size:1.04rem;display:block;margin-bottom:.18rem}.redeem-btn{margin-top:.7rem;background:#bfc9ce;color:#fff;border:none;border-radius:8px;padding:.6rem 1.6rem;font-size:1.08rem;font-weight:700;letter-spacing:.5px;cursor:not-allowed;opacity:.85;box-shadow:0 2px 8px #bfc9ce33;transition:background .2s,color .2s}.redeem-btn:focus,.redeem-btn:hover{background:#a5b0b7;color:#fff;opacity:1}.user-level-carrot{font-size:1.5rem;margin:.05rem auto .08rem;text-align:center;line-height:1;filter:drop-shadow(0 1px 3px #f6ae5c22)}.profile-active .rewards-fab,.profile-active .rewards-fab.vibrant-fab{pointer-events:none;opacity:.3;filter:blur(2px);transition:opacity .2s,filter .2s}