@media (max-width:374px){.arcade-page,.certification-page,.dashboard-v3,.leaderboard-page,.shop-page{padding:0 8px 40px!important}.topbar{padding:0 6px;height:60px}.topbar h1{font-size:.7rem;max-width:100px}.topbar h1::before{width:2px;height:12px}.icon-btn{width:28px;height:28px}.icon-btn i{width:14px;height:14px}.user-profile-widget img{width:28px;height:28px}.welcome-hero{padding:14px 12px!important;border-radius:14px;margin-bottom:16px}.welcome-hero h1{font-size:1.1rem!important;line-height:1.3}.welcome-hero>.welcome-hero-content>p{font-size:.85rem;margin-bottom:12px}.welcome-badge{padding:4px 10px;font-size:.7rem;gap:5px;margin-bottom:8px}.welcome-badge i{width:12px;height:12px}.hero-stats{grid-template-columns:1fr 1fr!important;gap:5px}.hero-stat{padding:6px 8px;gap:5px;border-radius:6px;min-width:0}.hero-stat-value{font-size:.75rem}.hero-stat-label{font-size:.6rem;display:none}.hero-stat i{width:12px;height:12px}.welcome-actions{flex-direction:column;gap:8px;width:100%}.btn-primary-lg{width:100%;justify-content:center;padding:10px 16px;font-size:.85rem}.btn-primary-lg i{width:16px;height:16px}.dash-card{padding:14px!important;border-radius:10px}.dash-card-header{margin-bottom:10px;gap:8px}.dash-card-header h3{font-size:.9rem}.dash-card-header i{width:16px;height:16px}.dashboard-grid-2x2,.dashboard-main-grid,.objectives-grid,.quick-grid,.steps-grid{grid-template-columns:1fr!important;gap:10px}.quick-btn{padding:10px 12px;gap:10px}.quick-icon{width:32px;height:32px;min-width:32px}.quick-icon i{width:14px;height:14px}.quick-label{font-size:.75rem}.quick-desc{font-size:.6rem;line-height:1.3}.reward-days-row{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:6px}.reward-day-box{padding:10px 5px;min-width:55px;flex-shrink:0}.reward-day-icon{width:28px;height:28px;border-radius:8px}.reward-day-icon i,.reward-day-icon svg{width:14px!important;height:14px!important}.reward-day-label,.reward-day-number{font-size:.58rem}.reward-day-gems{font-size:.75rem}.module-body{flex-direction:column;text-align:center;gap:8px}.module-icon{width:36px;height:36px}.module-text h4{font-size:.85rem}.module-text p{font-size:.7rem}.badges-grid-compact{grid-template-columns:repeat(3,1fr)!important;gap:5px}.badges-grid-compact .badge-item{padding:8px 4px;border-radius:8px}.badges-grid-compact .badge-item i{width:16px;height:16px}.lb-entry{padding:8px 10px;gap:8px}.lb-rank{width:20px;height:20px;font-size:.6rem}.lb-avatar{width:24px;height:24px}.lb-user{font-size:.75rem}.lb-score{font-size:.65rem}.modal-container{width:95vw;max-width:none;margin:10px;border-radius:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:1rem}.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.modal-footer .btn{width:100%}.side-modal-container{width:100%!important;max-width:100%!important;border-radius:0}.side-modal-header{padding:14px 16px 12px}.side-modal-body{padding:12px}.profile-header{padding:18px 16px}.profile-avatar-large{width:70px;height:70px}.profile-info h2{font-size:1.05rem}.profile-stats-grid{grid-template-columns:1fr!important;gap:8px}.stat-card{padding:12px}.progress-circle-large{width:100px;height:100px}.progress-text .progress-value{font-size:1.5rem}.progress-stats-row{grid-template-columns:1fr!important;gap:8px}.progress-stat{flex-direction:row;gap:10px;padding:12px;text-align:left}.modal-tabs{padding:4px;margin:0 10px 12px;gap:3px}.modal-tab-btn{padding:8px 6px;font-size:.65rem;gap:4px}.modal-tab-btn i{width:12px;height:12px}.notifications-dropdown{left:5px!important;right:5px!important;width:auto!important;max-height:calc(100vh - 80px)}.notification-item{padding:10px 12px;gap:10px}.notif-icon{width:32px;height:32px}.notif-content h4{font-size:.8rem}.notif-content p{font-size:.7rem}.shop-header{padding:28px 18px;border-radius:16px}.shop-header h1{font-size:1.5rem}.shop-header p{font-size:.9rem}.shop-balance{padding:12px 16px}.shop-balance span{font-size:1.4rem}.shop-tabs{gap:6px;flex-wrap:wrap}.shop-tab-btn{padding:8px 12px;font-size:.75rem}.shop-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-item{padding:12px;border-radius:12px}.item-preview{height:70px;margin-bottom:10px}.item-name{font-size:.8rem}.item-price{font-size:.85rem}.arcade-header{padding:22px 16px;border-radius:14px}.arcade-header h1{font-size:1.4rem}.duel-card,.game-card{border-radius:14px}.duel-header,.game-info{padding:14px 16px}.game-thumbnail{height:110px}.leaderboard-header{padding:22px 16px;border-radius:14px}.leaderboard-header h1{font-size:1.3rem}.leaderboard-badge{font-size:.7rem;padding:6px 12px}.podium-container{gap:8px;padding:0 4px}.podium-item{padding:12px 8px}.podium-avatar{width:45px;height:45px}.podium-item.first .podium-avatar{width:55px;height:55px}.podium-name{font-size:.7rem}.podium-score{font-size:.65rem}.type-btn{padding:10px 14px;font-size:.75rem;gap:8px}.lb-table-row{grid-template-columns:40px 1fr auto;padding:10px 12px;gap:8px}.lb-col-user img{width:30px;height:30px}.lb-col-xp{font-size:.8rem}.rank-badge{width:28px;height:28px;font-size:.75rem}.onboarding-container{padding:16px}.onboarding-card{padding:20px 16px;border-radius:16px}.onboarding-title{font-size:1.3rem}.onboarding-step-content h3{font-size:1.1rem}.input-field,select,textarea{padding:10px 12px;font-size:.85rem}.btn,button{padding:10px 16px;font-size:.85rem}.sidebar.mobile-open .nav-item{padding:8px 14px;font-size:.8rem}.sidebar.mobile-open .nav-item i{width:16px;height:16px}.sidebar.mobile-open .nav-label{font-size:.65rem;margin-bottom:4px}}@media (min-width:375px) and (max-width:480px){.hero-stat-label{display:inline;font-size:.65rem}.quick-grid{grid-template-columns:1fr 1fr}.badges-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){body,html{overflow-x:hidden;max-width:100vw}.app-layout{max-width:100vw;overflow-x:hidden}.main-wrapper{max-width:100%;overflow-x:hidden}.main-content{overflow-x:hidden;max-width:100%}.arcade-header,.dash-card,.leaderboard-header,.shop-header,.welcome-hero{max-width:100%;box-sizing:border-box}.modal-tabs,.reward-days-row,.shop-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-tabs::-webkit-scrollbar,.reward-days-row::-webkit-scrollbar,.shop-tabs::-webkit-scrollbar{display:none}.lb-table{overflow-x:auto;-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto;min-width:120px}.badge-item,.btn,.nav-item,.quick-btn,.shop-item,button{-webkit-tap-highlight-color:transparent}.truncate-mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.leaderboard-header::before,.shop-header::before,.welcome-hero::before{animation:none}*,::after,::before{transition-duration:.15s!important}}@media (max-height:500px) and (orientation:landscape){.topbar{height:50px}.sidebar{top:50px;height:calc(100dvh - 50px)}.main-content{padding-top:0}.welcome-hero{padding:16px 20px!important;margin-bottom:12px}.welcome-hero h1{font-size:1.2rem}.modal-container,.side-modal-container{max-height:90vh;overflow-y:auto}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){.sidebar.mobile-open{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-footer,.side-modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.topbar{padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right))}}}