:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.activity-feed-section{background:linear-gradient(135deg,#0f172acc,#1e293b99);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:12px;background:#0000004d}.connection-status.connected{color:#22c55e}.connection-status.connecting{color:#f59e0b}.connection-status.disconnected{color:#ef4444}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.connection-status.connecting .status-indicator{animation:pulse 1.5s infinite}.activity-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-button{padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffff1a;color:#e5e7eb;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#ffffff26;border-color:#ffffff4d}.filter-button.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.filter-actions{display:flex;gap:6px;margin-left:auto}.clear-button,.pause-button{padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#9ca3af;font-size:11px;cursor:pointer;transition:all .2s ease}.clear-button:hover,.pause-button:hover{color:#e5e7eb;background:#ffffff26}.pause-button.paused{color:#f59e0b;border-color:#f59e0b4d}.activity-feed{min-height:200px;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-feed::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.activity-feed.paused{opacity:.8}.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-message{color:#9ca3af;font-style:italic}.activity-feed-more{padding:12px;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.more-indicator{color:#6b7280;font-size:12px;font-style:italic}.activity-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.activity-item:hover{background:#ffffff14;border-color:#fff3}.activity-critical{border-left:3px solid #dc2626;background:#dc26260d}.activity-high{border-left:3px solid #f59e0b;background:#f59e0b0d}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.activity-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.activity-meta{flex:1;min-width:0}.activity-type-label{font-size:12px;font-weight:600;color:#e5e7eb;text-transform:uppercase;letter-spacing:.025em}.activity-timestamp{font-size:11px;color:#9ca3af;margin-top:1px}.activity-priority-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}.activity-content{font-size:13px;line-height:1.4}.activity-preview{color:#d1d5db;margin-bottom:4px}.activity-game-id{font-size:11px;color:#6b7280;font-family:Courier Prime,monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-subtle{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e1a}}@media (max-width: 640px){.activity-feed-header{flex-direction:column;align-items:flex-start}.activity-filters{flex-direction:column;width:100%}.filter-actions{margin-left:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--gradient-background);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{color:var(--color-text-secondary);margin-bottom:var(--space-1)}code,pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--radius-base);padding:var(--space-1) var(--space-2);color:var(--color-primary-light)}pre{padding:var(--space-4);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}input,textarea,select,button{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-heavy{border:1px solid var(--color-border-heavy)}.border-primary{border:1px solid var(--color-primary)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-chaos{box-shadow:var(--shadow-chaos)}@keyframes realityFlicker{0%,90%,to{opacity:1;filter:blur(0px)}5%,85%{opacity:.8;filter:blur(1px)}10%,80%{opacity:1;filter:blur(0px)}15%,75%{opacity:.9;filter:blur(.5px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffd93d66;transform:scale(1)}50%{box-shadow:0 0 40px #ffd93dcc;transform:scale(1.02)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-chaos-flicker{animation:chaosFlicker var(--chaos-flicker-duration) infinite}.animate-float{animation:cardFloat 4s ease-in-out infinite}.animate-reality-flicker{animation:realityFlicker .5s ease-in-out}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-slide-in{animation:slideIn .3s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-bounce-in{animation:bounceIn .6s ease-out}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-secondary) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.error-page h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);color:var(--color-chaos)}.error-page p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-text-muted)}.error-page a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--color-background);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:transform var(--transition-fast)}.error-page a:hover{transform:translateY(-2px);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-heavy);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-background)}::-moz-selection{background:var(--color-primary);color:var(--color-background)}.focus-visible-only:focus:not(:focus-visible){outline:none}.focus-visible-only:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width: 480px){.container{padding:0 var(--space-3)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important}body{font-size:12pt;line-height:1.4}.animate-chaos-flicker,.animate-float,.animate-pulse-glow{animation:none!important}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.stat-card{background:linear-gradient(135deg,#1a1a1acc,#2a2a2a99);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 32px #ffd93d33}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,217,61,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover:before{opacity:1}.stat-icon{font-size:3rem;margin-bottom:var(--space-4);display:block;filter:drop-shadow(0 2px 8px rgba(255,217,61,.3))}.stat-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center!important}.stat-value{font-size:2.5rem;font-weight:var(--font-weight-black);color:var(--color-primary);margin:0 auto var(--space-2);display:block;text-align:center!important;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:var(--font-family-mono);width:100%}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);display:block;text-align:center!important;width:100%;margin:0 auto}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.stat-card{padding:var(--space-6)}.stat-icon{font-size:2.5rem}.stat-value{font-size:2rem}}@keyframes chaosFlicker{0%,50%,to{opacity:1}25%,75%{opacity:.6}}@keyframes holographicShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-card{position:relative;background:linear-gradient(135deg,rgba(255,217,61,.15) 0%,transparent 60%),linear-gradient(225deg,rgba(116,185,255,.12) 0%,transparent 60%),linear-gradient(135deg,#1a1a1a,#2a2a2a,#1f1f1f);border-radius:16px;border:2px solid #ffd93d;padding:20px;width:300px;min-height:400px;box-shadow:0 8px 32px #ffd93d4d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.player-card--compact{width:200px;min-height:180px;padding:12px}.player-card--trading{width:280px;min-height:420px;border:3px solid #ffd93d;padding:16px;box-shadow:0 12px 48px #ffd93d66,inset 0 2px #fff3}.player-card--clickable{cursor:pointer}.player-card--clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #ffd93d80,inset 0 2px #fff3;border-color:#ffec8b}.player-card--glow{animation:cardFloat 4s ease-in-out infinite;box-shadow:0 0 40px #ffd93dcc,0 8px 32px #ffd93d4d,inset 0 1px #ffffff1a}.player-card__background{position:absolute;inset:0;border-radius:14px;overflow:hidden;z-index:-1}.holographic-overlay{display:none}.player-color-accent{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,var(--accent-color),transparent);opacity:.2}.player-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative}.player-avatar{font-size:2.5rem;background:linear-gradient(135deg,#ffd93d,#ffec8b);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd93d66;flex-shrink:0}.player-card--compact .player-avatar{width:40px;height:40px;font-size:1.5rem}.player-info{flex:1;min-width:0}.player-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.player-card--compact .player-name{font-size:1rem}.player-nickname{font-size:.875rem;color:#ffd93d;font-style:italic;margin-bottom:4px}.player-position{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.chaos-indicator{position:absolute;top:0;right:0}.chaos-meter{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,217,61,.6))}.modifications-section{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.modification-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.mod-emoji{font-size:.875rem}.mod-name{text-transform:capitalize}.stats-section{margin-bottom:16px}.stats-full{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.stats-column{display:flex;flex-direction:column;gap:8px}.stat-bar{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.stat-value-container{display:flex;align-items:center;gap:8px}.stat-track{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px currentColor}.stat-value{font-size:.75rem;font-weight:700;min-width:32px;text-align:right}.stats-compact{display:flex;justify-content:space-around;margin-bottom:12px}.stat-compact{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:1.25rem}.stat-compact span:last-child{font-size:.875rem;font-weight:700}.vibes-section{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.vibes-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;font-weight:600}.vibes-indicator{display:flex;align-items:center;gap:6px;font-weight:700}.vibes-value{font-size:.875rem}.biography-section{margin-bottom:16px}.biography-text{font-size:.875rem;color:#d1d5db;line-height:1.5;margin:0;font-style:italic}.player-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.favorite-food{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#9ca3af}.food-icon{font-size:.875rem}.card-rarity{display:flex;align-items:center}.rarity-indicator{font-size:1.25rem;filter:drop-shadow(0 0 4px currentColor)}.card-serial{position:absolute;bottom:8px;right:12px;font-size:.625rem;color:#6b7280;font-weight:600;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){.player-card{width:280px}.player-card--compact{width:180px}.stats-full{grid-template-columns:1fr;gap:8px}}@media (prefers-color-scheme: dark){.player-card{background:linear-gradient(135deg,rgba(255,217,61,.15) 0%,transparent 60%),linear-gradient(225deg,rgba(116,185,255,.12) 0%,transparent 60%),linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f)}}@media (prefers-contrast: high){.player-card{border-width:3px}.stat-fill{box-shadow:none}}.activity-feed{width:100%}.activity-timeline{display:flex;flex-direction:column;gap:1rem;position:relative}.activity-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#fdcb6e,transparent);opacity:.3}.activity-item{display:flex;gap:1rem;align-items:flex-start;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.activity-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0003;position:relative;z-index:1}.activity-icon{font-size:1.25rem}.activity-content{flex:1;background:#1a1a1a66;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;transition:all .2s}.activity-content:hover{border-color:#fdcb6e;background:#1a1a1a99;transform:translateY(-1px)}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;gap:1rem}.activity-title{margin:0;font-size:.95rem;font-weight:600;color:#fff}.activity-time{font-size:.75rem;color:#888;white-space:nowrap}.activity-description{margin:0;font-size:.875rem;color:#aaa;line-height:1.4}.activity-empty{text-align:center;padding:3rem 2rem;color:#666}.activity-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.activity-empty p{margin:.5rem 0;font-size:1rem}.activity-empty-subtitle{font-size:.875rem!important;color:#555;font-style:italic}@media (max-width: 768px){.activity-timeline:before{left:16px}.activity-icon-wrapper{width:32px;height:32px}.activity-icon{font-size:1rem}.activity-header{flex-direction:column;gap:.25rem}.activity-title{font-size:.875rem}.activity-time{font-size:.7rem}.activity-description{font-size:.8rem}}[data-theme=light] .activity-content{background:#fffc;border-color:#ddd}[data-theme=light] .activity-content:hover{border-color:#fdcb6e;background:#fffffff2}[data-theme=light] .activity-title{color:#000}[data-theme=light] .activity-description{color:#666}[data-theme=light] .activity-empty{color:#999}[data-theme=chaos] .activity-timeline:before{background:linear-gradient(to bottom,#f0f,#0ff,#ff0);animation:chaosShift 3s ease-in-out infinite}@keyframes chaosShift{0%,to{opacity:.3}50%{opacity:.6}}[data-theme=chaos] .activity-content{border-image:linear-gradient(45deg,#f0f,#0ff) 1}.statistics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-chart{background:#1a1a1a99;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.stat-chart:hover{border-color:#fdcb6e;box-shadow:0 4px 20px #fdcb6e1a;transform:translateY(-2px)}.stat-chart h4{margin:0 0 1.5rem;color:#fdcb6e;font-size:1.1rem;text-align:center}.engagement-chart{display:flex;flex-direction:column;align-items:center}.engagement-circle{width:140px;height:140px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;background:#0000004d;box-shadow:inset 0 0 20px #00000080}.engagement-percentage{font-size:2rem;font-weight:700;margin-bottom:.25rem}.engagement-level{font-size:.875rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.engagement-progress{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.engagement-fill{height:100%;transition:width 1s ease-out;border-radius:4px}.category-bars{display:flex;flex-direction:column;gap:1rem}.category-bar{display:flex;flex-direction:column;gap:.5rem}.category-header{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.category-icon{font-size:1.25rem;flex-shrink:0}.category-name{flex:1;color:#ddd}.category-value{font-weight:700;color:#fff;min-width:30px;text-align:right}.category-progress{width:100%;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.category-fill{height:100%;transition:width 1s ease-out;border-radius:3px;box-shadow:0 0 10px currentColor}.chaos-chart{text-align:center}.chaos-meter{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.chaos-indicator{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px currentColor;animation:chaosPulse 2s ease-in-out infinite}@keyframes chaosPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chaos-emoji{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.chaos-label{font-size:1.25rem;font-weight:700;letter-spacing:2px}.chaos-scale{display:flex;justify-content:space-between;gap:.5rem}.chaos-level{flex:1;padding:.5rem;background:#0000004d;border:1px solid #444;border-radius:6px;font-size:.7rem;color:#666;text-transform:uppercase;transition:all .3s}.chaos-level.active{background:#ffffff1a;border-color:#fdcb6e;color:#fdcb6e;font-weight:700;transform:translateY(-2px)}.quick-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-stat-item{background:#0000004d;border:1px solid #444;border-radius:8px;padding:1rem;text-align:center;transition:all .2s}.quick-stat-item:hover{border-color:#fdcb6e;transform:scale(1.05)}.quick-stat-icon{font-size:2rem;margin-bottom:.5rem}.quick-stat-value{font-size:1.5rem;font-weight:700;color:#fdcb6e;margin-bottom:.25rem}.quick-stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.statistics-charts{grid-template-columns:1fr}.engagement-circle{width:120px;height:120px;border-width:4px}.engagement-percentage{font-size:1.75rem}.chaos-indicator{width:80px;height:80px}.chaos-emoji{font-size:2.5rem}.chaos-scale{flex-wrap:wrap}.chaos-level{font-size:.65rem;padding:.4rem}.quick-stat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-stat-icon{font-size:1.5rem}.quick-stat-value{font-size:1.25rem}}[data-theme=light] .stat-chart{background:#ffffffe6;border-color:#ddd}[data-theme=light] .engagement-circle{background:#ffffff80;box-shadow:inset 0 0 20px #0000001a}[data-theme=light] .category-name{color:#333}[data-theme=light] .category-value{color:#000}[data-theme=light] .chaos-level{background:#0000000d;border-color:#ccc;color:#999}[data-theme=light] .chaos-level.active{background:#fdcb6e33;border-color:#fdcb6e;color:#f39c12}[data-theme=light] .quick-stat-item{background:#0000000d;border-color:#ccc}[data-theme=chaos] .stat-chart{border:2px solid;border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1;animation:chaosGlow 3s ease-in-out infinite}[data-theme=chaos] .engagement-circle{border-image:linear-gradient(45deg,#f0f,#0ff) 1;animation:chaosRotate 4s linear infinite}@keyframes chaosRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=chaos] .chaos-indicator{animation:chaosPulse 1s ease-in-out infinite,chaosColorShift 3s ease-in-out infinite}@keyframes chaosColorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.achievement-unlock-toast{position:fixed;top:20px;right:20px;width:360px;background:linear-gradient(135deg,#1a1a1afa,#282828fa);border:2px solid;border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 60px currentColor;z-index:10000;opacity:0;transform:translate(400px);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);animation:glow 2s ease-in-out infinite}.achievement-unlock-toast.visible{opacity:1;transform:translate(0)}.achievement-unlock-toast.leaving{opacity:0;transform:translate(400px) scale(.8)}@keyframes glow{0%,to{box-shadow:0 8px 32px #00000080,0 0 40px currentColor}50%{box-shadow:0 8px 32px #00000080,0 0 80px currentColor}}.achievement-unlock-content{padding:1rem}.achievement-unlock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.achievement-unlock-badge{font-size:.875rem;font-weight:700;color:#fdcb6e;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.toast-close{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:#fff}.achievement-unlock-body{display:flex;gap:1rem;align-items:flex-start}.achievement-unlock-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 4px 16px #0000004d;animation:iconSpin .6s ease-out,iconBounce .6s ease-out}@keyframes iconSpin{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.achievement-unlock-details{flex:1}.achievement-unlock-name{margin:0 0 .5rem;font-size:1.1rem;color:#fff;font-weight:700}.achievement-unlock-description{margin:0 0 .75rem;font-size:.875rem;color:#aaa;line-height:1.4}.achievement-unlock-rarity{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 480px){.achievement-unlock-toast{top:10px;right:10px;left:10px;width:auto}.achievement-unlock-toast.visible{transform:translateY(0)}.achievement-unlock-toast{transform:translateY(-100px)}.achievement-unlock-toast.leaving{transform:translateY(-100px) scale(.8)}.achievement-unlock-icon{width:48px;height:48px;font-size:1.5rem}}[data-theme=light] .achievement-unlock-toast{background:linear-gradient(135deg,#fffffffa,#f5f5f5fa)}[data-theme=light] .achievement-unlock-name{color:#000}[data-theme=light] .achievement-unlock-description{color:#666}[data-theme=chaos] .achievement-unlock-toast{background:linear-gradient(135deg,#1a1a1afa,#282828fa);border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1;animation:glow 2s ease-in-out infinite,chaosShift 3s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1a1af2;border:2px solid #fdcb6e;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.modal-header h2{margin:0;color:#fdcb6e;font-size:1.5rem}.modal-close{background:none;border:none;color:#aaa;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:1.5rem}.share-preview{background:#0000004d;border:1px solid #333;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.share-preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.share-preview-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #fdcb6e;flex-shrink:0}.share-preview-avatar img{width:100%;height:100%;object-fit:cover}.share-preview-avatar-placeholder{width:100%;height:100%;background:#fdcb6e;display:flex;align-items:center;justify-content:center;font-size:2rem}.share-preview-info h3{margin:0 0 .25rem;color:#fff;font-size:1.25rem}.share-preview-info p{margin:0;color:#aaa;font-size:.875rem}.share-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.share-stat{text-align:center;padding:.75rem;background:#0000004d;border-radius:8px}.share-stat-value{font-size:1.5rem;font-weight:700;color:#fdcb6e;margin-bottom:.25rem}.share-stat-label{font-size:.75rem;color:#888;text-transform:uppercase}.share-link-section{margin-bottom:1.5rem}.share-link-section label{display:block;color:#aaa;font-size:.875rem;margin-bottom:.5rem}.share-link-input{display:flex;gap:.5rem}.share-link-input input{flex:1;padding:.75rem;background:#0000004d;border:1px solid #444;border-radius:8px;color:#fff;font-size:.875rem;font-family:monospace}.share-link-input input:focus{outline:none;border-color:#fdcb6e}.share-buttons{display:flex;flex-direction:column;gap:.75rem}.share-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.share-btn.bluesky{background:linear-gradient(135deg,#0085ff,#06c);color:#fff}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0c85d0);color:#fff}.share-btn.download{background:linear-gradient(135deg,#fdcb6e,#f39c12);color:#000}@media (max-width: 600px){.share-preview-stats{grid-template-columns:repeat(2,1fr)}.share-link-input{flex-direction:column}.modal-content{width:95%}}[data-theme=light] .modal-content{background:#fffffff2}[data-theme=light] .modal-header{border-bottom-color:#ddd}[data-theme=light] .share-preview{background:#0000000d;border-color:#ddd}[data-theme=light] .share-preview-info h3{color:#000}[data-theme=light] .share-link-input input{background:#0000000d;border-color:#ccc;color:#000}[data-theme=chaos] .modal-content{border:2px solid;border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1;animation:chaosGlow 3s ease-in-out infinite}@keyframes chaosGlow{0%,to{box-shadow:0 0 40px #ff00ff80}50%{box-shadow:0 0 60px #00ffff80}}.leaderboard{background:#1a1a1a99;border:1px solid #333;border-radius:12px;overflow:hidden}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #333;background:#0000004d}.leaderboard-header h3{margin:0;color:#fdcb6e;font-size:1.25rem}.leaderboard-categories{display:flex;gap:.5rem}.category-btn{width:40px;height:40px;border:1px solid #444;background:#0000004d;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.category-btn:hover{border-color:#fdcb6e;background:#fdcb6e1a}.category-btn.active{border-color:#fdcb6e;background:#fdcb6e33;box-shadow:0 0 10px #fdcb6e4d}.leaderboard-title{padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;background:#0003}.leaderboard-title span{font-size:1.5rem}.leaderboard-list{max-height:600px;overflow-y:auto}.leaderboard-entry{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a;transition:all .2s;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.leaderboard-entry:hover{background:#fdcb6e0d}.leaderboard-entry.top-three{background:#fdcb6e14}.leaderboard-entry.top-three:hover{background:#fdcb6e1f}.entry-rank{font-size:1.25rem;font-weight:700;min-width:40px;text-align:center;color:#fdcb6e}.entry-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #444;flex-shrink:0}.entry-avatar img{width:100%;height:100%;object-fit:cover}.entry-avatar-placeholder{width:100%;height:100%;background:#fdcb6e;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.entry-info{flex:1;min-width:0}.entry-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.entry-badge{font-size:1rem}.entry-handle{font-size:.8rem;color:#888}.entry-value{font-size:1.25rem;font-weight:700;color:#fdcb6e;min-width:60px;text-align:right}.leaderboard-footer{padding:1rem 1.5rem;border-top:1px solid #333;background:#0003}.leaderboard-note{margin:0;font-size:.8rem;color:#666;text-align:center;font-style:italic}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#0003}.leaderboard-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.leaderboard-header{flex-direction:column;gap:1rem;align-items:stretch}.leaderboard-categories{justify-content:center}.category-btn{flex:1}.leaderboard-entry{padding:.75rem 1rem}.entry-rank{font-size:1rem;min-width:30px}.entry-avatar{width:32px;height:32px}.entry-name{font-size:.85rem}.entry-handle{font-size:.75rem}.entry-value{font-size:1rem}}[data-theme=light] .leaderboard{background:#ffffffe6;border-color:#ddd}[data-theme=light] .leaderboard-header,[data-theme=light] .leaderboard-footer{border-color:#ddd;background:#0000000d}[data-theme=light] .leaderboard-title{background:#00000008}[data-theme=light] .leaderboard-entry{border-bottom-color:#eee}[data-theme=light] .entry-name{color:#000}[data-theme=light] .category-btn{border-color:#ccc;background:#0000000d}[data-theme=light] .category-btn:hover{background:#fdcb6e33}[data-theme=chaos] .leaderboard{border:2px solid;border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1}[data-theme=chaos] .entry-rank{animation:chaosShift 3s ease-in-out infinite}@keyframes chaosShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.achievement-detail-modal{max-width:700px;width:90%}.achievement-detail-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem}.achievement-detail-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;flex-shrink:0;box-shadow:0 8px 24px #0006;transition:all .3s}.achievement-detail-icon.unlocked{animation:iconPulse 2s ease-in-out infinite}.achievement-detail-icon.locked{filter:grayscale(100%);opacity:.5}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #0006}50%{transform:scale(1.05);box-shadow:0 8px 32px currentColor}}.achievement-detail-info{flex:1}.achievement-detail-name{margin:0 0 .75rem;font-size:1.75rem;color:#fff;font-weight:700}.achievement-detail-description{margin:0 0 1rem;font-size:1rem;color:#aaa;line-height:1.6}.achievement-detail-rarity{display:flex;align-items:center;gap:1rem}.rarity-badge{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rarity-description{font-size:.875rem;color:#888;font-style:italic}.achievement-status-section{background:#0000004d;border:1px solid #333;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem}.status-badge.unlocked{background:linear-gradient(135deg,#55efc4,#00b894);color:#000}.status-badge.locked{background:linear-gradient(135deg,#636e72,#2d3436);color:#aaa}.unlock-date{margin:0;color:#55efc4;font-size:.95rem}.progress-section{margin-top:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-size:.875rem;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:1.125rem;font-weight:700;color:#fdcb6e}.progress-bar-large{width:100%;height:16px;background:#0006;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.progress-fill-large{height:100%;transition:width 1s ease-out;border-radius:8px;box-shadow:0 0 20px currentColor}.progress-text{margin:0;text-align:center;font-size:.875rem;color:#888}.tips-section{background:#fdcb6e1a;border:1px solid rgba(253,203,110,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.tips-section h4{margin:0 0 1rem;color:#fdcb6e;font-size:1.125rem}.tips-list{margin:0;padding-left:1.5rem;list-style:none}.tips-list li{position:relative;margin-bottom:.75rem;color:#ddd;line-height:1.6;padding-left:.5rem}.tips-list li:before{content:"→";position:absolute;left:-1rem;color:#fdcb6e;font-weight:700}.tips-list li:last-child{margin-bottom:0}.achievement-stats-section{background:#0003;border:1px solid #333;border-radius:12px;padding:1.5rem}.achievement-stats-section h4{margin:0 0 1rem;color:#fdcb6e;font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:#fff;text-transform:capitalize}.modal-footer{padding:1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 600px){.achievement-detail-header{flex-direction:column;align-items:center;text-align:center}.achievement-detail-icon{width:80px;height:80px;font-size:2.5rem}.achievement-detail-name{font-size:1.5rem}.achievement-detail-rarity{flex-direction:column;gap:.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.tips-list{padding-left:1.25rem}}[data-theme=light] .achievement-status-section,[data-theme=light] .achievement-stats-section{background:#0000000d;border-color:#ddd}[data-theme=light] .tips-section{background:#fdcb6e33;border-color:#fdcb6e80}[data-theme=light] .achievement-detail-name{color:#000}[data-theme=light] .achievement-detail-description,[data-theme=light] .tips-list li{color:#333}[data-theme=light] .progress-bar-large{background:#0000001a}[data-theme=chaos] .achievement-detail-icon.unlocked{animation:iconPulse 2s ease-in-out infinite,chaosRotate 4s linear infinite}@keyframes chaosRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}[data-theme=chaos] .progress-fill-large{animation:chaosShimmer 2s ease-in-out infinite}@keyframes chaosShimmer{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.historical-trends-chart{width:100%;background:var(--card-bg, rgba(0, 0, 0, .2));border:1px solid var(--border-color, #333);border-radius:8px;padding:20px;margin:20px 0}.chart-container{width:100%;overflow-x:auto;margin-bottom:16px}.chart-container svg{display:block;min-width:600px}.trend-line{transition:stroke-width .2s ease}.trend-line:hover{stroke-width:3.5}.data-point{cursor:pointer;transition:r .2s ease}.data-point:hover{r:6}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:12px 0;border-top:1px solid var(--border-color, #333)}.legend-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid var(--border-color, #333);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-primary, #fff)}.legend-item:hover{background:#ffffff0d;transform:translateY(-1px)}.legend-item.active{border-color:var(--accent-color, #ffd93d);background:#ffd93d1a}.legend-item.inactive{opacity:.4}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{font-weight:500}.chart-tooltip{background:#000000f2;border:1px solid var(--border-color, #333);border-radius:6px;padding:8px 12px;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:120px;text-align:center}.tooltip-dataset{font-size:12px;color:var(--text-secondary, #999);margin-bottom:4px}.tooltip-value{font-size:20px;font-weight:700;color:var(--accent-color, #ffd93d);margin-bottom:2px}[data-theme=light] .historical-trends-chart{background:#00000005}[data-theme=light] .chart-tooltip{background:#fffffffa;border-color:#ddd}[data-theme=light] .data-point{stroke:#000}[data-theme=chaos] .trend-line{animation:chaosLine 3s ease-in-out infinite}[data-theme=chaos] .data-point{animation:chaosPulse 2s ease-in-out infinite}@keyframes chaosLine{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes chaosPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.historical-trends-chart{padding:12px}.chart-legend{gap:8px}.legend-item{padding:4px 8px;font-size:12px}.legend-color{width:10px;height:10px}}.season-comparison-chart{width:100%;background:var(--card-bg, rgba(0, 0, 0, .2));border:1px solid var(--border-color, #333);border-radius:8px;padding:24px;margin:20px 0}.seasons-container{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:300px;padding:20px 0;margin-bottom:32px;border-bottom:2px solid var(--border-color, #333);position:relative}.season-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:60px;max-width:120px}.season-bar-container{width:100%;height:240px;display:flex;align-items:flex-end;justify-content:center;padding:0 8px}.season-bar{width:100%;min-height:10px;border-radius:8px 8px 0 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;box-shadow:0 -4px 12px #0000004d}.season-bar:hover{transform:translateY(-4px);box-shadow:0 -8px 20px #0006}.season-bar.best-season{box-shadow:0 -4px 20px currentColor}.bar-value{font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.best-badge{position:absolute;top:-30px;font-size:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.season-label{margin-top:12px;text-align:center}.season-name{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.season-number{font-size:12px;color:var(--text-secondary, #999)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#0000004d;border:1px solid var(--border-color, #333);border-left:4px solid;border-radius:8px;padding:16px;transition:all .2s ease;cursor:pointer}.metric-card:hover{background:#0006;transform:translateY(-2px)}.metric-card.selected{background:#ffd93d1a;border-color:var(--accent-color, #ffd93d);box-shadow:0 4px 12px #ffd93d33}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-icon{font-size:20px}.metric-label{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.metric-stats{display:flex;justify-content:space-between;gap:12px}.metric-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700}.season-details-table{overflow-x:auto;margin-bottom:20px}.season-details-table table{width:100%;border-collapse:collapse;font-size:14px}.season-details-table thead{background:#0000004d}.season-details-table th{padding:12px 16px;text-align:left;color:var(--text-secondary, #999);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color, #333)}.season-details-table td{padding:12px 16px;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.season-cell{display:flex;flex-direction:column;gap:4px}.season-cell strong{color:var(--accent-color, #ffd93d)}.season-num{font-size:11px;color:var(--text-secondary, #999)}.totals-row{background:#ffd93d1a;font-weight:700}.totals-row td{padding:14px 16px;border-bottom:none;color:var(--accent-color, #ffd93d)}.growth-indicator{text-align:center;padding:20px;background:#0000004d;border-radius:8px;border:1px solid var(--border-color, #333)}.growth-label{font-size:12px;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.growth-value{font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.growth-value.positive{color:#2ecc71}.growth-value.negative{color:#e74c3c}.growth-metric{font-size:14px;color:var(--text-secondary, #999);font-weight:400}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #999)}.empty-state p{margin:8px 0;font-size:16px}.empty-state-hint{font-size:14px;opacity:.7}[data-theme=light] .season-comparison-chart{background:#00000005}[data-theme=light] .metric-card{background:#0000000d}[data-theme=light] .season-details-table thead{background:#00000014}[data-theme=chaos] .season-bar{animation:chaosBar 4s ease-in-out infinite}[data-theme=chaos] .best-badge{animation:bounce 2s ease-in-out infinite,chaosRotate 3s linear infinite}@keyframes chaosBar{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes chaosRotate{0%{transform:rotate(0) translateY(0)}to{transform:rotate(360deg) translateY(0)}}@media (max-width: 768px){.season-comparison-chart{padding:16px}.seasons-container{height:250px;gap:8px}.season-bar-container{height:200px;padding:0 4px}.bar-value{font-size:14px}.best-badge{font-size:20px;top:-25px}.metrics-grid{grid-template-columns:1fr;gap:12px}.season-details-table{font-size:12px}.season-details-table th,.season-details-table td{padding:8px 12px}.growth-value{font-size:24px}}.activity-heatmap{width:100%;background:var(--card-bg, rgba(0, 0, 0, .2));border:1px solid var(--border-color, #333);border-radius:8px;padding:24px;margin:20px 0}.heatmap-header{margin-bottom:24px}.heatmap-header h3{font-size:18px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 16px}.heatmap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.heatmap-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#0000004d;border:1px solid var(--border-color, #333);border-radius:6px}.heatmap-stat .stat-value{font-size:24px;font-weight:700;color:var(--accent-color, #ffd93d)}.heatmap-stat .stat-label{font-size:11px;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px}.heatmap-container{position:relative;overflow-x:auto;padding:20px 0}.month-labels{display:grid;gap:2px;margin-bottom:8px;padding-left:40px}.month-label{font-size:11px;color:var(--text-secondary, #999);text-align:left}.day-labels{position:absolute;left:0;top:48px;display:flex;flex-direction:column;gap:2px;margin-right:8px}.day-label{font-size:11px;color:var(--text-secondary, #999);height:12px;display:flex;align-items:center;padding-right:8px}.heatmap-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:2px;padding-left:40px;min-width:800px}.heatmap-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.3);border:1px solid var(--accent-color, #ffd93d);z-index:10}.heatmap-cell.empty{background:transparent;cursor:default}.heatmap-cell.empty:hover{transform:none;border:none}.heatmap-cell.level-0{background:var(--heatmap-level-0, rgba(255, 255, 255, .05))}.heatmap-cell.level-1{background:var(--heatmap-level-1, rgba(46, 204, 113, .3))}.heatmap-cell.level-2{background:var(--heatmap-level-2, rgba(46, 204, 113, .5))}.heatmap-cell.level-3{background:var(--heatmap-level-3, rgba(46, 204, 113, .7))}.heatmap-cell.level-4{background:var(--heatmap-level-4, rgba(46, 204, 113, 1))}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.legend-label{font-size:11px;color:var(--text-secondary, #999);margin:0 4px}.legend-cell{width:12px;height:12px;border-radius:2px}.legend-cell.level-0{background:var(--heatmap-level-0, rgba(255, 255, 255, .05));border:1px solid var(--border-color, #333)}.legend-cell.level-1{background:var(--heatmap-level-1, rgba(46, 204, 113, .3))}.legend-cell.level-2{background:var(--heatmap-level-2, rgba(46, 204, 113, .5))}.legend-cell.level-3{background:var(--heatmap-level-3, rgba(46, 204, 113, .7))}.legend-cell.level-4{background:var(--heatmap-level-4, rgba(46, 204, 113, 1))}.heatmap-tooltip{background:#000000f2;border:1px solid var(--border-color, #333);border-radius:6px;padding:8px 12px;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:140px;text-align:center}.tooltip-count{font-size:14px;font-weight:600;color:var(--accent-color, #ffd93d);margin-bottom:4px}.tooltip-date{font-size:11px;color:var(--text-secondary, #999)}[data-theme=light] .activity-heatmap{background:#00000005}[data-theme=light] .heatmap-stat{background:#0000000d}[data-theme=light] .heatmap-tooltip{background:#fffffffa;border-color:#ddd}[data-theme=light] .heatmap-cell.level-0,[data-theme=light] .legend-cell.level-0{background:#0000000d;border-color:#ddd}[data-theme=chaos] .heatmap-cell{animation:chaosCell 3s ease-in-out infinite}[data-theme=chaos] .heatmap-cell:hover{animation:chaosCellHover .5s ease-in-out infinite}@keyframes chaosCell{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg)}}@keyframes chaosCellHover{0%,to{transform:scale(1.3) rotate(0)}50%{transform:scale(1.5) rotate(180deg)}}@media (max-width: 768px){.activity-heatmap{padding:16px}.heatmap-header h3{font-size:16px}.heatmap-stats{grid-template-columns:repeat(2,1fr);gap:12px}.heatmap-stat{padding:8px}.heatmap-stat .stat-value{font-size:20px}.heatmap-stat .stat-label{font-size:10px}.heatmap-grid{min-width:600px}.day-labels{display:none}.heatmap-grid,.month-labels{padding-left:0}}.profile-customization-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.customization-modal{max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.customization-section{margin-bottom:32px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.char-count{font-size:12px;color:var(--text-secondary, #999);font-weight:400;text-transform:none;letter-spacing:normal}.section-hint{font-size:12px;color:var(--text-secondary, #999);margin-top:8px;font-style:italic}.bio-textarea{width:100%;padding:12px;background:#0000004d;border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:100px;transition:all .2s ease}.bio-textarea:focus{outline:none;border-color:var(--accent-color, #ffd93d);background:#0006}.bio-textarea::placeholder{color:var(--text-secondary, #999);opacity:.6}.banner-type-selector{display:flex;gap:8px;margin-bottom:16px}.type-btn{flex:1;padding:10px 16px;background:#0000004d;border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.type-btn:hover{background:#ffffff0d;border-color:var(--accent-color, #ffd93d)}.type-btn.active{background:#ffd93d33;border-color:var(--accent-color, #ffd93d);color:var(--accent-color, #ffd93d)}.banner-preview{width:100%;margin-bottom:20px;border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden}.banner-preview-inner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.preview-label{background:#000000b3;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.banner-options{margin-top:16px}.options-label{font-size:12px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gradient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.gradient-option{height:60px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.gradient-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.gradient-option.selected{border-color:var(--accent-color, #ffd93d);box-shadow:0 0 0 2px #ffd93d4d}.selected-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;margin-bottom:16px}.color-option{width:100%;height:60px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.color-option.selected{border-color:var(--accent-color, #ffd93d);box-shadow:0 0 0 2px #ffd93d4d}.custom-color-picker{padding:16px;background:#0000004d;border:1px solid var(--border-color, #333);border-radius:6px}.custom-color-picker label{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary, #fff)}.color-input{width:60px;height:40px;border:1px solid var(--border-color, #333);border-radius:6px;cursor:pointer;background:transparent}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.banner-url-input{width:100%;padding:12px;background:#0000004d;border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:14px;transition:all .2s ease}.banner-url-input:focus{outline:none;border-color:var(--accent-color, #ffd93d);background:#0006}.banner-url-input::placeholder{color:var(--text-secondary, #999);opacity:.6}[data-theme=light] .bio-textarea,[data-theme=light] .type-btn,[data-theme=light] .banner-url-input,[data-theme=light] .custom-color-picker{background:#0000000d}[data-theme=light] .bio-textarea:focus,[data-theme=light] .banner-url-input:focus{background:#00000014}[data-theme=chaos] .gradient-option{animation:chaosGradient 3s ease-in-out infinite}[data-theme=chaos] .color-option{animation:chaosColor 3s ease-in-out infinite}@keyframes chaosGradient{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes chaosColor{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@media (max-width: 768px){.customization-modal{width:95%;max-height:95vh}.banner-type-selector{flex-direction:column}.gradient-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.gradient-option{height:50px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.color-option{height:50px}.banner-preview-inner{height:120px}}.profile-header{background:#1a1a1a99;border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.profile-info{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #fdcb6e;box-shadow:0 0 20px #fdcb6e4d}.profile-details{display:flex;flex-direction:column;gap:.25rem}.profile-name{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.profile-handle{font-size:1rem;color:#aaa;margin:0}.profile-did{font-size:.75rem;color:#666;font-family:monospace;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis}.profile-actions{display:flex;gap:.75rem;flex-wrap:wrap}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #333;overflow-x:auto}.profile-tabs .tab{background:transparent;border:none;color:#aaa;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap}.profile-tabs .tab:hover{color:#fff;background:#ffffff0d}.profile-tabs .tab.active{color:#fdcb6e;border-bottom-color:#fdcb6e;font-weight:700}.profile-content{margin-bottom:2rem}.tab-pane{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#1a1a1a99;border:1px solid #333;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s}.stat-card:hover{border-color:#fdcb6e;box-shadow:0 0 20px #fdcb6e33;transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#fdcb6e;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#aaa}.profile-section{background:#1a1a1a99;border:1px solid #333;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.profile-section h3{margin-top:0;margin-bottom:1rem;color:#fdcb6e;font-size:1.25rem}.section-description{margin-top:-.5rem;margin-bottom:1rem;color:#aaa;font-size:.9rem;font-style:italic}.empty-state{color:#666;font-style:italic;padding:2rem;text-align:center;border:2px dashed #333;border-radius:8px;background:#0003}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.collection-item{background:#0000004d;border:1px solid #444;border-radius:8px;padding:1rem;text-align:center;transition:all .2s}.collection-item:hover{border-color:#fdcb6e;transform:translateY(-2px)}.collection-icon{font-size:2rem;margin-bottom:.5rem}.collection-name{font-size:.875rem;color:#fff}.preference-group{margin-bottom:1rem}.preference-group label{display:block;color:#ddd;margin-bottom:.5rem;font-size:.95rem}.preference-group input[type=checkbox]{margin-right:.5rem}.preference-group select,.preference-group input[type=text]{width:100%;max-width:300px;padding:.5rem;background:#0000004d;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem}.preference-group select:focus,.preference-group input[type=text]:focus{outline:none;border-color:#fdcb6e}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.achievement-card{background:#1a1a1a99;border:1px solid #333;border-radius:8px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s}.achievement-card.locked{opacity:.5;filter:grayscale(80%)}.achievement-card.unlocked{border-color:#fdcb6e;box-shadow:0 0 15px #fdcb6e33}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{font-size:2.5rem;flex-shrink:0}.achievement-details{flex:1}.achievement-details h4{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.achievement-details p{margin:0 0 .5rem;color:#aaa;font-size:.875rem}.achievement-rarity{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.achievement-rarity.common{background:#95a5a6;color:#000}.achievement-rarity.rare{background:#3498db;color:#fff}.achievement-rarity.epic{background:#9b59b6;color:#fff}.achievement-rarity.legendary{background:#f39c12;color:#000}.achievement-unlocked-date{margin-top:.5rem;font-size:.75rem;color:#55efc4;font-style:italic}.achievement-progress{margin-top:.75rem}.progress-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-bottom:.25rem}.progress-fill{height:100%;background:linear-gradient(90deg,#fdcb6e,#f39c12);transition:width .3s ease}.progress-text{font-size:.75rem;color:#888}.activity-list{display:flex;flex-direction:column;gap:.75rem}.data-management{background:#1a1a1acc;border:1px solid #444}.data-actions{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.data-info{color:#888;font-size:.875rem;margin:0;padding:1rem;background:#0003;border-radius:6px;border-left:3px solid #fdcb6e}@media (max-width: 768px){.profile-header,.profile-info{flex-direction:column;align-items:flex-start}.profile-avatar{width:60px;height:60px}.profile-name{font-size:1.25rem}.profile-tabs{gap:.25rem}.profile-tabs .tab{padding:.75rem 1rem;font-size:.875rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-icon,.stat-value{font-size:1.5rem}.achievements-grid{grid-template-columns:1fr}}[data-theme=light] .profile-header,[data-theme=light] .profile-section,[data-theme=light] .stat-card{background:#ffffffe6;border-color:#ddd}[data-theme=light] .profile-name,[data-theme=light] .collection-name,[data-theme=light] .achievement-details h4{color:#000}[data-theme=light] .profile-handle,[data-theme=light] .stat-label,[data-theme=light] .achievement-details p{color:#666}[data-theme=light] .empty-state{color:#999;border-color:#ddd;background:#0000000d}[data-theme=chaos] .profile-header,[data-theme=chaos] .profile-section{background:linear-gradient(135deg,#ff00ff1a,#00ffff1a);border:2px solid;border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1;animation:chaosGlow 3s ease-in-out infinite}@keyframes chaosGlow{0%,to{box-shadow:0 0 20px #ff00ff4d}50%{box-shadow:0 0 30px #00ffff4d}}.public-profile{padding-bottom:3rem}.back-button{margin-bottom:1rem}.public-profile-header{background:#1a1a1a99;border:1px solid #333;border-radius:12px;overflow:hidden;margin-bottom:2rem}.profile-banner{height:200px;position:relative;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden}.banner-gradient{width:100%;height:100%;background:linear-gradient(135deg,#fdcb6e4d,#ff6b9d33,#4ecdc44d);animation:bannerShift 10s ease-in-out infinite}@keyframes bannerShift{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.profile-info-container{padding:2rem;position:relative;margin-top:-60px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;border:4px solid #1a1a1a;background:#fdcb6e;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 20px #00000080}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.profile-main-info{margin-top:1rem}.profile-display-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.profile-handle-text{font-size:1.125rem;color:#aaa;margin:0 0 1rem}.profile-bio{font-size:1rem;color:#ddd;line-height:1.6;margin:1rem 0;max-width:600px}.profile-stats-quick{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.quick-stat{display:flex;flex-direction:column;gap:.25rem}.quick-stat strong{font-size:1.5rem;color:#fdcb6e;font-weight:700}.quick-stat span{font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.public-profile-section{background:#1a1a1a99;border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem}.public-profile-section h2{margin:0 0 1.5rem;color:#fdcb6e;font-size:1.5rem}.public-profile-section .empty-state{text-align:center;padding:3rem 2rem;color:#666;font-style:italic}.loading-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:1rem}.loading-content p{color:#aaa;font-size:1.125rem}@media (max-width: 768px){.profile-banner{height:150px}.profile-info-container{padding:1.5rem;margin-top:-40px}.profile-avatar-large{width:80px;height:80px;border-width:3px}.avatar-placeholder{font-size:2rem}.profile-display-name{font-size:1.5rem}.profile-handle-text{font-size:1rem}.profile-stats-quick{gap:1rem}.quick-stat strong{font-size:1.25rem}.quick-stat span{font-size:.75rem}.public-profile-section{padding:1.5rem}.public-profile-section h2{font-size:1.25rem}}[data-theme=light] .public-profile-header,[data-theme=light] .public-profile-section{background:#ffffffe6;border-color:#ddd}[data-theme=light] .profile-banner{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}[data-theme=light] .profile-avatar-large{border-color:#fff}[data-theme=light] .profile-display-name{color:#000}[data-theme=light] .profile-handle-text{color:#666}[data-theme=light] .profile-bio{color:#333}[data-theme=light] .loading-overlay{background:#fffffff2}[data-theme=chaos] .public-profile-header{border:2px solid;border-image:linear-gradient(45deg,#f0f,#0ff,#ff0) 1}[data-theme=chaos] .banner-gradient{animation:bannerShift 10s ease-in-out infinite,chaosHue 5s ease-in-out infinite}@keyframes chaosHue{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-accent: #2a1810;--text-primary: #ffeaa7;--text-secondary: #ddd;--text-accent: #74b9ff;--accent-red: #e17055;--accent-orange: #fdcb6e;--accent-pink: #fd79a8;--accent-purple: #a29bfe;--accent-green: #00b894;--border-color: #333;--shadow: 0 4px 20px rgba(255, 234, 167, .1);--font-primary: "Orbitron", monospace;--font-secondary: "Courier Prime", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);font-family:var(--font-secondary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(116,185,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(253,203,110,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(225,112,85,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:#1a1a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;max-width:1200px;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.logo{font-family:var(--font-primary);font-size:2rem;font-weight:900;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,234,167,.3)}.peanut,.baseball{font-size:1.5rem;filter:drop-shadow(0 0 10px currentColor);animation:float 3s ease-in-out infinite}.baseball{animation-delay:-1.5s}.at-protocol{color:#74b9ff;text-shadow:0 0 15px rgba(116,185,255,.6);font-weight:900;letter-spacing:1px;animation:pulse-at 4s ease-in-out infinite}@keyframes pulse-at{0%,to{color:#74b9ff;text-shadow:0 0 15px rgba(116,185,255,.6)}50%{color:#0984e3;text-shadow:0 0 25px rgba(116,185,255,.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-section{display:flex;align-items:center;gap:var(--spacing-md)}.handle-input-form{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.handle-input{background:#1a1a1acc;border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-secondary);font-size:.9rem;min-width:200px;transition:all .3s ease}.handle-input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 10px #fdcb6e33}.handle-input::placeholder{color:var(--text-secondary);opacity:.7}.handle-error{color:var(--accent-red);font-size:.8rem;margin-top:var(--spacing-xs);background:#e170551a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;border:1px solid rgba(225,112,85,.3)}.auth-state.hidden{display:none}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent-orange)}.user-handle{color:var(--text-accent);font-weight:700}.btn{background:linear-gradient(135deg,var(--accent-orange),var(--accent-red));color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:25px;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fdcb6e4d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink))}.main-content{padding:var(--spacing-xl) 0;flex:1;display:flex;flex-direction:column}.section-title{font-family:var(--font-primary);font-size:2.5rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,234,167,.3)}.welcome-section{padding:var(--spacing-xl) 0;text-align:center}.tagline{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature{background:#1a1a1ab3;border:1px solid var(--border-color);border-radius:15px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,234,167,.05),transparent);transform:rotate(45deg);transition:all .5s ease;opacity:0}.feature:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--accent-orange)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 0 10px currentColor)}.feature h3{font-family:var(--font-primary);color:var(--text-accent);margin-bottom:var(--spacing-sm);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.game-section{padding:var(--spacing-xl) 0;background:#2a18104d;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.game-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:15px;padding:var(--spacing-lg);text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.status-text{font-size:1.2rem;color:var(--text-accent)}.status-message .loading{font-size:1.2rem;color:var(--text-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.teams-section{padding:var(--spacing-xl) 0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.team-card{background:linear-gradient(135deg,#1a1a1acc,#2a18104d);border:1px solid var(--border-color);border-radius:15px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.team-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #ffeaa733;border-color:var(--accent-orange)}.team-emoji{font-size:3rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 0 15px currentColor)}.team-card h3{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.team-card p{color:var(--text-secondary);font-style:italic}.community-section{padding:var(--spacing-xl) 0;background:#1a1a1a4d;border-top:1px solid var(--border-color)}.community-feed{max-height:400px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:15px;padding:var(--spacing-md)}.feed-item{background:#2a18104d;border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);animation:slideIn .3s ease-out}.feed-item:last-child{margin-bottom:0}.feed-event{color:var(--text-primary);font-weight:700;margin-bottom:var(--spacing-xs)}.feed-timestamp{color:var(--text-secondary);font-size:.8rem;font-style:italic}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.player-cards-section{padding:var(--spacing-xl) 0;background:#1a1a1a80;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.player-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;justify-items:center}@media (min-width: 1024px){.player-cards-grid{grid-template-columns:repeat(3,1fr)}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;text-align:center;margin-top:var(--spacing-xl)}.footer p{margin-bottom:var(--spacing-sm)}.disclaimer{color:var(--text-secondary);font-size:.9rem;font-style:italic}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{text-align:center;color:var(--text-primary)}.spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.header .header-content nav{flex-wrap:wrap;justify-content:center;gap:8px}.logo{font-size:1.5rem}.section-title{font-size:2rem}.features,.teams-grid{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}.activity-feed .activity-list>div{flex-direction:column;align-items:flex-start}}.hidden{display:none!important}.text-center{text-align:center}