:root{--primary-color: #ff3d6b;--primary-hover: #e82d5b;--primary-glow: rgba(255, 61, 107, .45);--accent-color: #00d4aa;--accent-hover: #00b890;--secondary-color: #ffb800;--background-color: #0f1b4d;--surface-card: #162261;--surface-elevated: #1c2d78;--surface-ground: #213388;--text-primary: #f0f4ff;--text-secondary: #aabcee;--text-muted: #5c76c0;--border-color: #1e3070;--border-accent: rgba(255, 61, 107, .35);--error-color: #ff4757;--success-color: #00d4aa;--warning-color: #ffb800;--broadcast-gold: #ffb800;--broadcast-green: #00d4aa;--shadow-sm: 0 1px 4px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 16px -2px rgb(0 0 0 / .7), 0 2px 6px -2px rgb(0 0 0 / .5);--shadow-lg: 0 20px 40px -4px rgb(0 0 0 / .8), 0 8px 12px -4px rgb(0 0 0 / .6);--shadow-glow: 0 0 24px rgba(255, 61, 107, .3);--gradient-primary: linear-gradient(135deg, #ff3d6b 0%, #ffb800 100%);--gradient-accent: linear-gradient(135deg, #00d4aa 0%, #ff3d6b 100%);--gradient-hero: linear-gradient(160deg, #0f1b4d 0%, #0d1840 60%, #111f55 100%);--gradient-card: linear-gradient(145deg, #162261 0%, #0f1b4d 100%);--neon-purple: #c77dff;--neon-blue: #00d4aa;--neon-pink: #ff3d6b;--neon-green: #00d4aa;--neon-red: #ff3d6b;--neon-orange: #ffb800;--shadow-neon-purple: 0 0 20px rgba(199, 125, 255, .6);--shadow-neon-blue: 0 0 20px rgba(0, 212, 170, .6);--shadow-neon-pink: 0 0 20px rgba(255, 61, 107, .6);--font-family: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(255,61,107,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 85% 20%,rgba(0,212,170,.08) 0%,transparent 60%);background-attachment:fixed}option{background-color:var(--surface-card);color:var(--text-primary)}.app-layout{min-height:100vh;display:flex;flex-direction:column}@media(max-width:1024px){html,body{height:100dvh;width:100vw;overflow:hidden;overscroll-behavior-y:none;position:fixed;inset:0}.app-layout{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column}}.app-header{background:#0f1b4deb;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid rgba(255,61,107,.15);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--border-color),var(--shadow-glow)}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.apex-logo-img{height:36px;width:auto;border-radius:6px;object-fit:cover;object-position:center top;border:1px solid rgba(255,213,0,.3);box-shadow:0 2px 8px #0006;flex-shrink:0}.club-name-text{font-size:1.1rem;font-weight:700;color:#f0f4ff;letter-spacing:.5px;-webkit-text-fill-color:#f0f4ff}.app-nav{display:flex;gap:.25rem}.app-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;padding:.4rem .75rem;border-radius:8px;transition:color .2s,background .2s;position:relative}.app-nav a:hover{color:#fff;background:#ffffff14}.app-nav a.active{color:#fff;background:#ff3d6b26;font-weight:700}.app-nav a.active:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background:var(--gradient-primary);border-radius:2px 2px 0 0}.app-content{flex:1}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none}a:hover{color:#ff7a9a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.875rem;letter-spacing:.01em}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 16px #6366f173;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 4px 12px #ec48994d}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-accent);color:#a5b4fc}.btn-outline:hover{background:#6366f114;border-color:var(--primary-color);color:var(--text-primary)}.btn-light{background:#f0f6ff1a;border:1px solid rgba(240,246,255,.2);color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-light:hover{background:#f0f6ff2e;transform:translateY(-1px)}.btn-danger{background:#f871711a;color:var(--error-color);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717133}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-sm{padding:.25rem .65rem;font-size:.75rem;border-radius:6px}.btn-xs{padding:.15rem .45rem;font-size:.7rem;border-radius:5px}.btn-large{padding:.75rem 2rem;font-size:1rem;border-radius:10px}@media(max-width:1024px){.btn{min-height:44px}.btn-sm,.btn-xs{min-height:38px}}.fade-in{animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.funky-glitch:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff1a;pointer-events:none;animation:scanline 6s linear infinite;z-index:10;opacity:.3}.neon-shimmer{position:relative;overflow:hidden}.neon-shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),transparent);background-size:200% 100%;animation:neon-shimmer 3s infinite linear;pointer-events:none;z-index:5}.funky-glitch-text:hover{text-shadow:2px 0 var(--neon-blue),-2px 0 var(--neon-pink);animation:glitch .3s infinite}.disabled-link{cursor:default;pointer-events:none;opacity:.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-ground)}.match-color-0{border-left:5px solid #ef4444!important;background:linear-gradient(90deg,#ef444426,#ffffff05)!important}.match-color-1{border-left:5px solid #3b82f6!important;background:linear-gradient(90deg,#3b82f626,#ffffff05)!important}.match-color-2{border-left:5px solid #10b981!important;background:linear-gradient(90deg,#10b98126,#ffffff05)!important}.match-color-3{border-left:5px solid #f59e0b!important;background:linear-gradient(90deg,#f59e0b26,#ffffff05)!important}.match-color-4{border-left:5px solid #8b5cf6!important;background:linear-gradient(90deg,#8b5cf626,#ffffff05)!important}.match-color-5{border-left:5px solid #ec4899!important;background:linear-gradient(90deg,#ec489926,#ffffff05)!important}