.streak-tracker{display:flex;flex-direction:column;gap:20px;padding:20px}.streak-tracker.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999}.streak-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.streak-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.streak-card.current{border-left:4px solid #FF6B6B}.streak-card.current:hover{box-shadow:0 4px 16px #ff6b6b33;transform:translateY(-2px)}.streak-card.best{border-left:4px solid #FFD700}.streak-card.best:hover{box-shadow:0 4px 16px #ffd70033;transform:translateY(-2px)}.streak-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.streak-card.current .streak-icon{background:#ff6b6b1a;color:#ff6b6b}.streak-card.best .streak-icon{background:#ffd7001a;color:gold}.streak-info{flex:1}.streak-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.streak-number{font-size:36px;font-weight:700;margin:0;line-height:1}.streak-card.current .streak-number{color:#ff6b6b}.streak-card.best .streak-number{color:gold}.streak-subtext{font-size:13px;color:#666;margin:4px 0}.streak-warning{font-size:12px;color:#ff9800;margin-top:4px;font-weight:500}.streak-progress{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.progress-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#333;font-weight:600;font-size:14px}.progress-bar-container{margin-bottom:12px}.progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,gold);transition:width .5s ease}.progress-text{font-size:13px;color:#666;margin:0}@media (max-width: 768px){.streak-container{grid-template-columns:1fr}.streak-card{flex-direction:column;text-align:center}.streak-icon{width:50px;height:50px}.streak-number{font-size:28px}}.daily-reward-card{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;color:#fff;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.daily-reward-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.reward-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;position:relative;z-index:1}.reward-icon{width:60px;height:60px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.reward-info{flex:1}.reward-title{font-size:18px;font-weight:700;margin:0 0 4px;color:#fff}.reward-description{font-size:14px;color:#ffffffe6;margin:0 0 10px}.reward-items{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#fffc}.reward-item{display:flex;align-items:center;gap:4px}.reward-item strong{color:#fff;font-weight:700}.reward-separator{color:#ffffff80}.reward-next{display:flex;justify-content:center;align-items:center;gap:6px;font-size:13px;color:#fffc}.reward-button{background:#fff;color:#0ea5e9;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;gap:8px;transition:all .3s ease;position:relative;z-index:1;font-size:14px;white-space:nowrap}.reward-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #00000026}.reward-button:active:not(:disabled){transform:scale(.98)}.reward-button.disabled{background:#ffffffb3;color:#667eea99;cursor:not-allowed;opacity:.8}.reward-button.disabled:hover{transform:none;box-shadow:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(102,126,234,.2);border-top-color:#0ea5e9;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.daily-reward-card{padding:16px}}@media (max-width: 480px){.reward-title{font-size:16px}.reward-items{flex-direction:column;gap:4px}.reward-separator{display:none}}.badge-display{padding:20px}.badge-empty{text-align:center;padding:40px 20px;color:#999}.badge-empty p{margin-top:10px;font-size:16px}.badge-section{margin-bottom:30px}.badge-section-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.badge-card{border:2px solid;border-radius:12px;padding:15px;text-align:center;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.badge-card.unlocked{box-shadow:0 4px 12px #0000001a;cursor:default}.badge-card.unlocked:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.badge-card.locked{background:#c8c8c81a;opacity:.7}.badge-emoji{height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.badge-emoji-locked{width:40px;height:40px;margin:0 auto 8px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999}.badge-name{font-size:14px;font-weight:600;margin:8px 0;color:#333;overflow:hidden;text-overflow:ellipsis}.badge-rarity{font-size:12px;font-weight:500;text-transform:capitalize;margin-bottom:8px}.badge-points{font-size:12px;color:#666;margin:4px 0}.badge-date{font-size:11px;color:#999;margin-top:4px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;transition:width .3s ease}.progress-text{font-size:12px;color:#666;margin-top:4px}@media (max-width: 768px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.badge-card{padding:12px}}