@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161e;--bg-card-hover:#1e1e28;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff59;--text-inverse:#0a0a0f;--accent:#48ff00;--accent-dim:#48ff0026;--accent-glow:0 0 20px #48ff004d;--group-a:#22c55e;--group-b:#f97316;--group-c:#3b82f6;--group-d:#8b5cf6;--group-e:#eab308;--group-f:#84cc16;--group-g:#ec4899;--group-h:#06b6d4;--group-i:#a855f7;--group-j:#14b8a6;--group-k:#fb923c;--group-l:#38bdf8;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--live:#ff1a1a;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 20px 60px #000000b3;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:.2s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}img{max-width:100%;display:block}.font-bebas{letter-spacing:.05em;font-family:Bebas Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container-sm{max-width:640px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{box-shadow:var(--accent-glow);opacity:.92;transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-danger{color:var(--error);background:#ef444426;border:1px solid #ef444440}.btn-danger:hover{background:#ef444440}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:1rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.card-hover:hover{border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.85rem;font-weight:500}.form-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent);background:var(--bg-glass-hover);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-dim);color:var(--accent);border:1px solid #48ff0033}.badge-live{color:var(--live);background:#ef444426;border:1px solid #ef444440;animation:2s infinite pulse-live}.badge-locked{color:var(--text-muted);background:#ffffff14}.badge-success{color:var(--success);background:#22c55e26}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #48ff0033}50%{box-shadow:0 0 40px #48ff0080}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-right{animation:.4s forwards slideInRight}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scroll-x{scrollbar-width:thin;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.divider{background:var(--border);width:100%;height:1px}.ring-accent{box-shadow:0 0 0 2px var(--accent)}.rank-badge{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;display:flex}.rank-1{color:#000;background:linear-gradient(135deg,gold,#ffb300)}.rank-2{color:#000;background:linear-gradient(135deg,silver,#a0a0a0)}.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.rank-4,.rank-5{color:var(--text-secondary);background:#ffffff1a}@media (max-width:768px){.container{padding:0 16px}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;min-width:0;padding-top:68px;overflow-x:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:var(--radius-full);width:3px;height:18px;display:block}.tabs{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:center;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600}.tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 0 0 1.5px var(--accent), var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary)}