@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Archivo:wght@400;500;600;700;800&family=Archivo+Expanded:wght@600;700;800&display=swap");:root{--font-head:"Barlow Condensed",system-ui,sans-serif;--font-body:"Archivo",system-ui,sans-serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--maxw:1180px;--nav-w:248px;--host-green:#009639;--host-red:#E4002B;--host-blue:#0033A0;--host-gold:#C8A24B}[data-theme=estadio]{--bg:#060f29;--bg-grad:radial-gradient(1200px 600px at 80% -10%,#152e74 0%,rgba(6,15,41,0) 55%),radial-gradient(900px 500px at -10% 10%,#0b2a5e 0%,rgba(6,15,41,0) 50%);--surface:#0c1c47;--surface-2:#112555;--surface-3:#16306e;--border:rgba(155,178,230,0.16);--border-strong:rgba(155,178,230,0.32);--text:#eef3ff;--text-dim:#93a6d4;--text-faint:#6076a8;--primary:#2f6bff;--primary-2:#1a4fe0;--primary-ink:#ffffff;--gold:#f6c343;--gold-ink:#2a1d00;--accent:#19e0b4;--success:#34d27b;--danger:#ff5d6c;--shadow:0 18px 50px -20px rgba(0,0,0,0.7);--chip:rgba(255,255,255,0.06)}[data-theme=cancha]{--bg:#e9eefb;--bg-grad:radial-gradient(1000px 520px at 85% -5%,#dbe6ff 0%,rgba(233,238,251,0) 60%);--surface:#ffffff;--surface-2:#f3f6fe;--surface-3:#e8eefc;--border:rgba(13,32,96,0.12);--border-strong:rgba(13,32,96,0.22);--text:#0b1f5c;--text-dim:#5a6a96;--text-faint:#93a0c2;--primary:#1a3fae;--primary-2:#122f87;--primary-ink:#ffffff;--gold:#d99700;--gold-ink:#ffffff;--accent:#00a98a;--success:#11a154;--danger:#d83a4a;--shadow:0 18px 44px -24px rgba(13,32,96,0.4);--chip:rgba(13,32,96,0.05)}[data-theme=calle]{--bg:#08060f;--bg-grad:radial-gradient(1100px 560px at 82% -8%,#241266 0%,rgba(8,6,15,0) 55%),radial-gradient(800px 480px at -8% 8%,#062a2a 0%,rgba(8,6,15,0) 52%);--surface:#13101f;--surface-2:#1a1630;--surface-3:#241d44;--border:rgba(198,255,58,0.16);--border-strong:rgba(198,255,58,0.34);--text:#f6f4ff;--text-dim:#a89fc8;--text-faint:#6f6790;--primary:#5a5cff;--primary-2:#4042f0;--primary-ink:#ffffff;--gold:#c6ff3a;--gold-ink:#131a00;--accent:#ff3d8b;--success:#2ee08a;--danger:#ff4d67;--shadow:0 20px 56px -22px rgba(0,0,0,0.85);--chip:rgba(255,255,255,0.05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#app-root,#root{min-height:100%;background-image:var(--bg-grad);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.02;letter-spacing:-.01em}button{cursor:pointer;border:none;background:none;color:inherit}button,input,select,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px}::-webkit-scrollbar-track{background:transparent}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.anim-up{animation:fadeUp .4s cubic-bezier(.2,.7,.2,1) both}.anim-pop{animation:pop .28s cubic-bezier(.2,.7,.2,1) both}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(640px) rotate(2turn);opacity:.9}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.anim-float{animation:floaty 4.5s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 0 rgba(200,162,75,0))}50%{filter:drop-shadow(0 0 16px rgba(200,162,75,.6))}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}@keyframes ringSpin{to{transform:rotate(1turn)}}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes bgdrift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.tricolor-bar{background:linear-gradient(90deg,var(--host-green) 0 33%,var(--host-red) 33% 66%,var(--host-blue) 66% 100%)}@keyframes auroraShift{0%{transform:translate(-12%,-8%) rotate(0deg) scale(1.1)}50%{transform:translate(10%,6%) rotate(180deg) scale(1.35)}to{transform:translate(-12%,-8%) rotate(1turn) scale(1.1)}}.aurora{position:absolute;inset:-45%;pointer-events:none;z-index:0;filter:blur(74px);opacity:.5;mix-blend-mode:screen;background:conic-gradient(from 90deg at 50% 50%,var(--host-blue),var(--host-green),var(--host-gold),var(--host-red),var(--host-blue));animation:auroraShift 26s linear infinite}.glass{backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);background:color-mix(in srgb,var(--surface) 62%,transparent);border:1px solid var(--border-strong)}.glow-border{position:relative;isolation:isolate}.glow-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;z-index:-1;background:linear-gradient(120deg,var(--host-gold),var(--host-red),var(--host-blue),var(--host-green),var(--host-gold));background-size:300% 300%;animation:shine 4.5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.shimmer-gold{background:linear-gradient(100deg,var(--host-gold) 30%,#fff7dc 48%,#ffe9a8 52%,var(--host-gold) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3.4s linear infinite}.lift{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease,border-color .2s ease}.lift:hover{transform:translateY(-4px);border-color:var(--border-strong)!important;box-shadow:0 22px 50px -22px rgba(0,0,0,.6),0 0 0 1px var(--border-strong)}.spotlight{position:relative;overflow:hidden}.spotlight:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.1),transparent 42%)}.spotlight:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important}}.aurora-bg{position:fixed;inset:-20%;z-index:0;pointer-events:none;--mx:50%;--my:20%;background:radial-gradient(40vw 40vw at var(--mx) var(--my),color-mix(in srgb,var(--primary) 38%,transparent),transparent 70%),radial-gradient(36vw 36vw at calc(100% - var(--mx)) 80%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),radial-gradient(50vw 30vw at 50% 120%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%);filter:blur(40px) saturate(1.2);opacity:.9;transition:background-position .3s ease;animation:bgdrift 18s ease-in-out infinite}#app-root>*{position:relative;z-index:1}.tilt-card{position:relative;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease;transform-style:preserve-3d;--gx:50%;--gy:50%}.tilt-card:hover{border-color:var(--border-strong)}.tilt-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--gx) var(--gy),color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease}.tilt-card:hover.tilt-glow:before{opacity:1}.tilt-inner{position:relative;z-index:2}.grad-border{position:relative;padding:var(--gb-p)}.grad-border .grad-inner{position:relative;z-index:1;background:var(--surface);height:100%}.grad-border.grad-on:before{content:"";position:absolute;inset:0;border-radius:var(--gb-r);padding:var(--gb-p);background:conic-gradient(from var(--ang,0deg),var(--host-red),var(--host-gold),var(--host-green),var(--host-blue),var(--host-red));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:angSpin 5s linear infinite}@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes angSpin{to{--ang:360deg}}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:none}.btn-shine:hover:after{animation:shineCross .85s ease}@keyframes shineCross{to{left:130%}}.reveal{animation:revealIn .6s cubic-bezier(.2,.8,.2,1) both}@keyframes revealIn{0%{opacity:0;transform:translateY(var(--reveal-y,14px))}to{opacity:1;transform:none}}.drawer-in{animation:drawerIn .25s cubic-bezier(.2,.8,.2,1) both}@keyframes drawerIn{0%{transform:translateX(100%)}to{transform:none}}@keyframes burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--bx),var(--by)) scale(.3);opacity:0}}@keyframes champGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--host-gold) 60%,transparent)}50%{box-shadow:0 0 34px -2px var(--host-gold)}}.champ-glow{animation:champGlow 2.4s ease-in-out infinite}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@media (max-width:860px){.side-nav{display:none!important}.mobile-head{display:flex!important}.admin-nav{position:static!important;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.admin-nav>div{flex-direction:row!important}.auth-hero{min-height:200px!important;padding:24px 24px 0!important}}@media (max-width:640px){.hero-trophy{display:none!important}.hero-stats{gap:12px!important}input,select,textarea{font-size:16px!important}}