@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Serif+Display&display=swap";:root{--gold:#f5a623;--gold-light:#ffd580;--saffron:#ff7043;--divine:#6c5ce7;--bg:#fafafa;--surface:#fff;--surface-elevated:#fff;--border:#00000012;--border-strong:#0000001f;--text-primary:#0a0a0a;--text-secondary:#555;--text-muted:#999;--accent:#f5a623;--accent-glow:#f5a62340;--success:#00c48c;--error:#ff4d4f;--gradient-brand:linear-gradient(135deg, #f5a623, #ff7043);--gradient-divine:linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-hero:linear-gradient(160deg, #fff8ec 0%, #fafafa 50%, #f0f4ff 100%);--gradient-card:linear-gradient(145deg, #ffffffe6, #fff9);--font-heading:"DM Serif Display", serif;--font-body:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 24px 60px #0000001a;--shadow-brand:0 8px 30px #f5a62340}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}.app-bg-container{z-index:-1;background:var(--gradient-hero);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-gradient-mesh{background:radial-gradient(at 60% 40%,#f5a6231f 0%,#ff70430f 30%,#0000 60%);width:180%;height:180%;animation:18s ease-in-out infinite alternate mesh-drift;position:absolute;top:-40%;left:-40%}.bg-gradient-mesh-2{background:radial-gradient(at 30% 70%,#6c5ce714 0%,#0000 50%);width:140%;height:140%;animation:22s ease-in-out infinite alternate-reverse mesh-drift;position:absolute;top:-20%;left:-20%}@keyframes mesh-drift{0%{transform:translate(0)scale(1)}to{transform:translate(5%,3%)scale(1.05)}}.app-bg-image,.app-bg-overlay{display:none}.bg-orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}.bg-orb-1{background:radial-gradient(circle,#f5a6234d,#0000);width:400px;height:400px;animation-duration:10s;top:-100px;right:-100px}.bg-orb-2{background:radial-gradient(circle,#6c5ce733,#0000);width:300px;height:300px;animation-duration:14s;animation-delay:-4s;bottom:10%;left:-80px}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fffc;border-radius:20px}.glass-card{padding:2.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary)}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--gradient-brand);color:#fff;letter-spacing:.02em;box-shadow:var(--shadow-brand);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:#fff0;transition:background .3s;position:absolute;inset:0}.btn-primary:hover:after{background:#ffffff1a}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #f5a62359}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb;transform:none}.btn-secondary{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text-secondary);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#f5a6230a}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-divine{background:var(--gradient-divine);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:5s ease-in-out infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px #0000}}.pulse-glow{animation:3s infinite pulse-glow}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.loading{height:60vh;font-size:1.2rem;font-family:var(--font-body);color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;display:flex}.rank-badge{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.rank-1{color:#fff;background:linear-gradient(135deg,#f5a623,#f0820f);box-shadow:0 4px 12px #f5a62366}.rank-2{color:#fff;background:linear-gradient(135deg,#9ea3ae,#6b7280);box-shadow:0 4px 12px #6b72804d}.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 4px 12px #cd7f324d}.rank-other{color:var(--text-muted);background:#f3f4f6;font-weight:700}.leaderboard-item-premium{border:1px solid var(--border);cursor:pointer;background:#ffffffb3;border-radius:14px;padding:.9rem 1rem;transition:all .25s}.leaderboard-item-premium:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#f5a6234d;transform:translate(6px)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex;position:relative}@media (width>=768px){.main-content{padding:2rem}}