@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;700;900&display=swap";:root{--bg:#120914;--surface:#211226;--primary:#e7ff2f;--secondary:#ff3f8e;--accent:#36f5c7;--danger:#ff4b1f;--text:#f7f1ff;--muted:#a995b8;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #3a1745, var(--bg) 42%), var(--bg);min-height:100vh;margin:0}button,input{font:inherit}button{background:var(--primary);color:#120914;border:0;border-radius:999px;padding:.9rem 1rem;font-weight:900;box-shadow:5px 5px #000}input{width:100%;color:var(--text);background:#170b1b;border:2px solid #4c3156;border-radius:18px;padding:.9rem 1rem}a{color:var(--accent);font-weight:800}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card,.form-card,.chaos-card,.player-card,.match-card{background:var(--surface);border:3px solid #000;border-radius:28px;padding:1.25rem;box-shadow:9px 9px #000}.auth-card{width:min(100%,430px);transform:rotate(-1deg)}.auth-card.loud{background:linear-gradient(135deg,#391c45,#581331)}.auth-card h1,.hero h1,.chaos-card h2,.form-card h2{letter-spacing:-.04em;text-transform:uppercase;font-family:Archivo Black,Inter,sans-serif}form{gap:.85rem;display:grid}label{color:var(--muted);gap:.35rem;font-weight:800;display:grid}.error{background:var(--danger);color:#fff;border:2px solid #000;border-radius:16px;padding:.8rem;font-weight:900}.eyebrow,.kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .35rem;font-size:.72rem;font-weight:900}.app-shell{max-width:980px;margin:0 auto;padding:1rem 1rem 6rem}.hero{color:#fff;background:linear-gradient(120deg,#ff3f8e,#52255f 55%,#36f5c7);border:3px solid #000;border-radius:30px;margin-bottom:1rem;padding:1.2rem;box-shadow:9px 9px #000}.hero h1{text-shadow:4px 4px #000;margin:.2rem 0;font-size:clamp(2rem,11vw,5rem);line-height:.88}.bottom-nav{z-index:10;background:#000;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.5rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.bottom-nav a,.bottom-nav button{min-height:44px;color:var(--text);box-shadow:none;background:#24112a;border-radius:18px;place-items:center;padding:.55rem;font-size:.75rem;text-decoration:none;display:grid}.bottom-nav a.active{background:var(--primary);color:#000}.dashboard-grid,.stack-page{gap:1rem;display:grid}@media (width>=760px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{max-width:620px;left:50%;transform:translate(-50%)}}.chaos-card.twisted{background:linear-gradient(135deg,#211226,#361646);transform:rotate(1deg)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stat-grid div{background:#130817;border:2px solid #000;border-radius:18px;padding:.75rem}.stat-grid strong{color:var(--accent);font-size:1.8rem;display:block}.big-name{margin:.2rem 0;font-size:1.8rem;font-weight:900}.card-list{gap:1rem;display:grid}.player-card{background:#25102d;gap:.8rem;display:grid}.player-card h3,.match-card h3{margin:.2rem 0;font-size:1.35rem}.meter{background:#09040b;border:2px solid #000;border-radius:999px;height:16px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--accent), var(--primary), var(--secondary));height:100%;display:block}.match-card{background:linear-gradient(135deg,#261128,#172d2a)}.scoreline{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.scoreline strong{color:var(--primary);text-shadow:3px 3px #000;font-size:1.8rem}.form-card{background:#32143b}.form-card.inverted{background:#14352f}.landing-page{max-width:1100px;margin:0 auto;padding:1rem 1rem 5.5rem;position:relative;overflow:hidden}.landing-hero{isolation:isolate;background:radial-gradient(circle at 15% 15%,#e7ff2f59,#0000 30%),linear-gradient(135deg,#ff3f8e,#32143b 50%,#0e3d35);border:4px solid #000;border-radius:36px;align-content:center;gap:1.3rem;min-height:64vh;padding:clamp(1.4rem,6vw,4rem);display:grid;position:relative;overflow:hidden;box-shadow:13px 13px #000}.landing-hero:before{content:"";z-index:-1;background:repeating-conic-gradient(from 12deg, #e7ff2f38 0 8deg, transparent 8deg 18deg, #ff3f8e2e 18deg 24deg, transparent 24deg 36deg);animation:18s linear infinite spin-bg;position:absolute;inset:-40%}.landing-hero:after{content:"⚽  CONTROL  ⚽  BAR  ⚽  ACTA  ⚽  HUMO";color:#ffffff21;white-space:nowrap;pointer-events:none;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(2rem,8vw,6rem);position:absolute;bottom:8%;left:-12%;right:-12%;transform:rotate(-8deg)}.landing-hero h1{letter-spacing:-.08em;text-transform:uppercase;text-shadow:6px 6px #000;margin:0;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(3.2rem,16vw,9rem);line-height:.78}.hero-copy{max-width:760px;margin:0;font-size:clamp(1.2rem,4vw,2rem);font-weight:900}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button-link{border:3px solid #000;border-radius:999px;place-items:center;padding:.9rem 1.1rem;font-weight:900;text-decoration:none;display:inline-grid;box-shadow:5px 5px #000}.button-link.primary{background:var(--primary);color:#120914}.button-link.secondary{background:var(--accent);color:#120914}.button-link.ghost{color:var(--text);background:#24112a}.ticker{background:#050307;border:3px solid #000;border-radius:24px;gap:.25rem;margin:1rem 0;padding:1rem;display:grid;box-shadow:7px 7px #000}.ticker span{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:900}.ticker strong{color:var(--primary);font-size:1.1rem}.public-stats-grid,.stats-card-grid{gap:1rem;display:grid}.public-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}.metric-card,.player-stats-card,.empty-panel{background:var(--surface);border:3px solid #000;border-radius:26px;padding:1rem;box-shadow:7px 7px #000}.metric-card strong{color:var(--primary);font-family:Archivo Black,Inter,sans-serif;font-size:clamp(2rem,8vw,4rem);line-height:.9;display:block}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.landing-section{margin:2rem 0}.section-heading{margin-bottom:1rem}.section-heading h2{text-transform:uppercase;margin:0;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(2rem,7vw,4rem);line-height:.85}.player-stats-card{background:linear-gradient(145deg,#26112e,#122b28);transform:rotate(-.4deg)}.player-stats-card:nth-child(2n){background:linear-gradient(145deg,#30112d,#2b2810);transform:rotate(.6deg)}.player-stats-card h3{margin:.2rem 0;font-size:1.45rem}.player-joke{color:var(--text);font-weight:800}.mini-stat-row{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.8rem 0;display:grid}.mini-stat-row span{background:#120914;border:2px solid #000;border-radius:16px;padding:.55rem;font-size:.8rem}.mini-stat-row strong{color:var(--accent);font-size:1.25rem;display:block}.tag-row{flex-wrap:wrap;gap:.35rem;display:flex}.tag-row span{background:var(--secondary);color:#fff;border:2px solid #000;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:900}.floating-nonsense{pointer-events:none;z-index:0;opacity:.65;position:fixed;inset:0;overflow:hidden}.floating-nonsense span{top:100%;left:calc(8% + var(--delay) * 11);animation:8s linear infinite float-random;animation-delay:var(--delay);filter:drop-shadow(3px 3px #000);font-size:2rem;position:absolute}@keyframes float-random{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-120vh)rotate(360deg)}}.two-column-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.public-warning p,.empty-copy{color:var(--muted);font-weight:800}@media (width>=760px){.stats-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.public-stats-grid,.two-column-form{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(5,1fr)}.bottom-nav a,.bottom-nav button{font-size:.62rem}}@media (width>=561px){.bottom-nav{grid-template-columns:repeat(5,1fr)}}.overload-mode:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:19px 19px;position:fixed;inset:0}.overload-mode:after{content:"PARTIDO CONTRA LA DROGA · ACTA · BAR · VAR ROTO · HUMO · ";z-index:0;color:#e7ff2f12;white-space:nowrap;pointer-events:none;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(2rem,9vw,8rem);position:fixed;top:42%;left:-20%;right:-20%;transform:rotate(18deg)}.hazard-ribbon{background:repeating-linear-gradient(45deg, var(--primary) 0 14px, #000 14px 28px);color:#fff;text-shadow:2px 2px #000;text-align:center;letter-spacing:.08em;z-index:3;border:3px solid #000;width:120%;padding:.45rem;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%,-5px)rotate(-2deg)}.stamp-wall,.sticker-wall{z-index:2;flex-wrap:wrap;gap:.45rem;display:flex;position:relative}.stamp-wall span{border:3px solid var(--danger);color:#fff;text-transform:uppercase;background:#ff4b1f33;border-radius:10px;padding:.35rem .55rem;font-size:.7rem;font-weight:900;transform:rotate(-5deg);box-shadow:3px 3px #000}.stamp-wall span:nth-child(2n){border-color:var(--accent);transform:rotate(4deg)}.sticker-wall span{background:var(--primary);color:#120914;border:3px solid #000;border-radius:999px;padding:.35rem .65rem;font-size:.74rem;font-weight:900;transform:rotate(-2deg);box-shadow:4px 4px #000}.sticker-wall span:nth-child(3n){background:var(--secondary);color:#fff;transform:rotate(3deg)}.marquee-madness{background:var(--primary);color:#120914;border:3px solid #000;border-radius:20px;margin:1rem 0;overflow:hidden;box-shadow:7px 7px #000}.marquee-madness div{gap:1rem;min-width:max-content;padding:.6rem 0;animation:28s linear infinite marquee-insanity;display:flex}.marquee-madness span{text-transform:uppercase;white-space:nowrap;font-family:Archivo Black,Inter,sans-serif}@keyframes marquee-insanity{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin-bg{to{transform:rotate(360deg)}}.overload-chrome{pointer-events:none;z-index:5;position:fixed;inset:0}.corner-stamp{background:var(--secondary);color:#fff;text-transform:uppercase;border:3px solid #000;border-radius:12px;padding:.45rem .6rem;font-size:.7rem;font-weight:900;position:fixed;box-shadow:5px 5px #000}.corner-stamp.top-left{top:.7rem;left:.7rem;transform:rotate(-7deg)}.corner-stamp.top-right{top:.7rem;right:.7rem;transform:rotate(6deg)}.corner-stamp.bottom-left{bottom:5.4rem;left:.7rem;transform:rotate(5deg)}.corner-stamp.bottom-right{bottom:5.4rem;right:.7rem;transform:rotate(-5deg)}.siren{filter:drop-shadow(4px 4px #000);font-size:2.4rem;animation:.55s steps(2,end) infinite siren-panic;position:fixed;top:6rem}.siren-left{left:1rem}.siren-right{right:1rem}@keyframes siren-panic{50%{opacity:.35;transform:scale(1.25)rotate(18deg)}}.floating-nonsense span:nth-child(odd){font-size:3.2rem;animation-duration:6.5s}.floating-nonsense span:nth-child(3n){opacity:.85;animation-duration:10s}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"CERTIFICADO POR EL BAR";background:var(--danger);color:#fff;border:2px solid #000;padding:.25rem 2rem;font-size:.62rem;font-weight:900;position:absolute;top:1rem;right:-1.7rem;transform:rotate(28deg)}.player-stats-card:before,.match-card:before{content:"📎";float:right;filter:drop-shadow(2px 2px #000);font-size:1.8rem}@media (width<=720px){.corner-stamp.top-right,.corner-stamp.bottom-left,.siren{display:none}.hazard-ribbon{font-size:.58rem}}