.reward-hub-container{background:#f8f9fa;min-height:100vh;padding-bottom:50px}.reward-header{color:#fff;background:#5dad1f;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:30px 20px;position:relative;box-shadow:0 4px 10px #5dad1f4d}.reward-user-info{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.accumulated-label{opacity:.9;margin-bottom:5px;font-size:.9rem}.points-display-large{align-items:center;gap:10px;display:flex}.coin-icon-lg{color:#fff;background:#ffca28;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0003}.points-value{font-size:3rem;font-weight:800;line-height:1}.expiry-date{opacity:.8;margin-top:5px;font-size:.8rem}.user-tier-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:20px;align-items:center;gap:10px;padding:5px 15px;display:flex}.user-avatar-sm{background:#fff 0 0/cover;border-radius:50%;width:30px;height:30px}.reward-content{max-width:1200px;margin:0 auto;padding:0 20px;transform:translateY(-40px)}.section-title{color:#333;align-items:center;gap:10px;margin:30px 0 15px;font-size:1.2rem;font-weight:800;display:flex}.section-title svg{color:#673ab7}.games-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.game-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;height:100%;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000d}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.game-card.bg-green{background:#f1f8e9}.game-card.bg-yellow{background:#fffde7}.game-card.bg-purple{background:#f3e5f5}.game-card.bg-blue{background:#e3f2fd}.game-icon{align-items:center;height:60px;margin-bottom:15px;font-size:3rem;display:flex}.game-name{color:#333;margin-bottom:5px;font-size:1.1rem;font-weight:700}.game-desc{color:#666;flex-grow:1;margin-bottom:20px;font-size:.9rem}.play-btn{color:#5dad1f;cursor:pointer;background:#fff;border:1px solid #5dad1f;border-radius:6px;width:100%;padding:10px;font-weight:600;transition:all .2s}.play-btn:hover{color:#fff;background:#5dad1f}
.daily-checkin-container{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.checkin-header{color:#333;align-items:center;gap:10px;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex}.checkin-header svg{color:#4caf50}.days-strip{justify-content:space-between;gap:10px;margin-bottom:25px;padding-bottom:10px;display:flex;overflow-x:auto}.day-box{background:#fff;border:1px solid #eee;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:90px;height:100px;transition:all .2s;display:flex;position:relative}.day-box.checked{color:#2e7d32;background:#e8f5e9;border-color:#81c784}.day-box.today{color:#fff;z-index:1;background:#5dad1f;border-color:#5dad1f;border-radius:8px;transform:scale(1);box-shadow:0 4px 12px #5dad1f4d}.day-box.future{color:#999;background:#fff;border-color:#eee}.day-box.day-7{background:#fffde7;border-color:#ffeb3b;flex:1}.day-box.day-7 .points{color:#fbc02d;font-weight:800}.check-icon{margin-bottom:5px;font-size:1.5rem}.points{margin-bottom:5px;font-size:1.1rem;font-weight:700}.day-box.today .points{color:#fff}.day-label{font-size:.8rem}.checkin-btn-container{justify-content:center;display:flex}.checkin-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#222;border:none;border-radius:6px;padding:12px 40px;font-size:1rem;font-weight:700;transition:background .2s}.checkin-btn:hover{background:#444}.checkin-btn:disabled{cursor:not-allowed;background:#ccc}