:root{--command-primary:#00D2FF;--command-primary-dark:#0099CC;--command-secondary:#FF6B35;--command-secondary-dark:#E55A2B;--command-success:#4ECDC4;--command-warning:#FFE66D;--command-danger:#FF3366;--surface-command:rgba(0,20,40,0.95);--surface-elevated:rgba(0,30,60,0.85);--surface-interactive:rgba(0,40,80,0.7);--surface-hover:rgba(0,50,100,0.6);--color-xp:var(--command-primary);--color-level:var(--command-warning);--color-streak:var(--command-danger);--color-reward:var(--command-success);--text-hero:3.5rem;--text-section:1.5rem;--text-metric:2.5rem;--text-body:1rem;--text-label:0.875rem;--text-caption:0.75rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-command:0 8px 32px rgba(0,210,255,0.15);--shadow-elevated:0 4px 16px rgba(0,0,0,0.3);--shadow-interactive:0 2px 8px rgba(0,0,0,0.2);--animation-fast:0.15s ease-out;--animation-normal:0.3s ease-out;--animation-slow:0.6s ease-out;--gradient-command:linear-gradient(135deg,var(--command-primary) 0%,var(--command-secondary) 100%);--gradient-surface:linear-gradient(135deg,var(--surface-elevated) 0%,var(--surface-command) 100%);--gradient-success:linear-gradient(135deg,var(--command-success) 0%,var(--command-primary) 100%)}.command-card{background:var(--gradient-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(16px);transition:all var(--animation-normal)}.command-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:rgba(255,255,255,.2)}.command-button-primary{background:var(--gradient-command);color:white;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-weight:600;font-size:var(--text-label);cursor:pointer;transition:all var(--animation-fast);box-shadow:var(--shadow-command)}.command-button-primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px rgba(0,210,255,.25)}.command-button-secondary{background:var(--surface-interactive);color:white;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-weight:500;font-size:var(--text-label);cursor:pointer;transition:all var(--animation-fast)}.command-button-secondary:hover{background:var(--surface-hover);border-color:rgba(255,255,255,.3)}.stat-metric{font-size:var(--text-metric);font-weight:700;line-height:1;background:var(--gradient-command);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-ring{transition:stroke-dashoffset var(--animation-slow)}.achievement-glow{animation:achievement-pulse 2s ease-in-out infinite}@keyframes achievement-pulse{0%,to{box-shadow:0 0 20px rgba(0,210,255,.3)}50%{box-shadow:0 0 40px rgba(0,210,255,.6)}}.level-badge{background:var(--gradient-success);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-label);box-shadow:var(--shadow-command)}.streak-indicator{position:relative;overflow:hidden}.streak-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,51,102,.3),transparent);animation:streak-shine 2s ease-in-out infinite}@keyframes streak-shine{0%{left:-100%}50%,to{left:100%}}