:root{--gradient-primary-vibrant:linear-gradient(135deg,#667eea,#764ba2);--gradient-success-vibrant:linear-gradient(135deg,#34d399,#10b981);--gradient-warning-vibrant:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-mission:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-achievement:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-header-enhanced:linear-gradient(180deg,#fff,#f9fafb 50%,#f3f4f6);--shadow-card-hover-game:0 10px 30px -5px rgba(99,102,241,.15);--shadow-badge-active:0 4px 12px -2px rgba(99,102,241,.2);--shadow-mission-card:0 8px 24px -6px rgba(99,102,241,.12);--mission-card-padding-compact:0.75rem;--badge-scroll-size:3.5rem;--progress-ring-compact:5rem}.achievement-header-enhanced{background:var(--gradient-header-enhanced);border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px);position:relative;overflow:hidden}.achievement-header-enhanced:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05) 50%,transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mission-card-compact{background:#fff;border-radius:16px;padding:var(--mission-card-padding-compact);box-shadow:var(--shadow-mission-card);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden;transition:all .3s ease}.mission-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover-game)}.mission-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-mission)}.mission-progress-ring{width:var(--progress-ring-compact);height:var(--progress-ring-compact);position:relative}.mission-progress-ring svg{transform:rotate(-90deg)}.mission-progress-ring-track{fill:none;stroke:#e5e7eb;stroke-width:8}.mission-progress-ring-fill{fill:none;stroke:url(#mission-gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;cursor:pointer}.task-item:hover{background:#f9fafb;border-color:#3b82f6;transform:translateX(4px)}.task-checkbox{width:24px;height:24px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.task-item.completed .task-checkbox{background:var(--gradient-success-vibrant);border-color:transparent}.task-priority-indicator{width:4px;height:100%;position:absolute;left:0;top:0;border-radius:12px 0 0 12px}.task-priority-high{background:#ef4444}.task-priority-medium{background:#f59e0b}.task-priority-low{background:#10b981}.badge-scroll-container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.badge-scroll-container::-webkit-scrollbar{height:6px}.badge-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.badge-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.achievement-badge{flex-shrink:0;width:var(--badge-scroll-size);height:var(--badge-scroll-size);border-radius:12px;background:#fff;border:2px solid #e5e7eb;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;transition:all .2s ease;cursor:pointer}.achievement-badge:hover{transform:scale(1.1);border-color:#3b82f6;box-shadow:var(--shadow-badge-active)}.achievement-badge-icon{width:2rem;height:2rem;margin-bottom:.25rem}.achievement-badge-label{font-size:.625rem;text-align:center;color:#6b7280}@media (max-width:640px){.mission-card-compact{padding:.5rem}.badge-scroll-container{gap:.5rem}.achievement-badge{width:3rem;height:3rem}.task-item{padding:.5rem .75rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}.pulse-animation{animation:pulse-glow 2s infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up-enter{animation:slide-up .3s ease-out}.achievement-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.section-divider{display:none}.unified-container{background:linear-gradient(180deg,#fff,#f9fafb);min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}