:root{--paper:#ebebd2;--paper-2:#dcdcba;--ink:#260c1a;--card:#fcfcfc;--green:#345411;--teal:#66999b;--yellow:#f5d446;--red:#772e25;--blue:#13469f;--rose:#cc7d85;--olivine:#b5ca8d;--shadow:#260c1a;--r:18px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Outfit,sans-serif;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-2) 1.4px,transparent 1.5px),radial-gradient(var(--paper-2) 1.4px,transparent 1.5px);background-size:18px 18px;background-position:0 0,9px 9px;min-height:100vh;-webkit-font-smoothing:antialiased}header{max-width:1180px;margin:0 auto;padding:38px 22px 10px;text-align:center;position:relative}.kicker{display:inline-block;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;background:var(--ink);color:var(--paper);padding:6px 14px;border-radius:999px;animation:wiggle 2.8s ease-in-out infinite;margin-bottom:14px}h1{font-family:Anton,sans-serif;font-weight:400;line-height:.88;letter-spacing:.01em;text-transform:uppercase;font-size:clamp(3rem,11vw,7rem);transform:rotate(-1deg)}h1 span{text-shadow:3px 3px 0 var(--ink),6px 6px 0 rgba(38,12,26,.16)}h1 .us{color:#0a3161}h1 .mx{color:#006847}h1 .ca{color:#d80621}.sub{margin:20px auto 0;max-width:560px;font-size:1.05rem;font-weight:500;color:#4a443a}.sub b{color:var(--ink)}.controls{position:sticky;top:0;z-index:40;margin-top:26px;background:#f0e4cceb;backdrop-filter:blur(6px);border-top:2px dashed rgba(24,22,19,.25);border-bottom:3px solid var(--ink)}.controls-inner{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search{flex:1 1 240px;position:relative;min-width:200px}.search input{width:100%;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 14px 12px 42px;border:3px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:3px 3px 0 var(--ink);outline:none}.search input:focus{box-shadow:3px 3px 0 var(--red)}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%)}select{font-family:inherit;font-size:.92rem;font-weight:700;padding:11px 34px 11px 14px;border:3px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23181613' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}select:focus{box-shadow:3px 3px 0 var(--blue)}.count{margin-left:auto;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#4a443a;white-space:nowrap}.count b{color:var(--ink);font-family:Anton;font-weight:400;font-size:1.05rem}main{max-width:1180px;margin:0 auto;padding:30px 22px 10px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}.empty{text-align:center;padding:70px 20px;font-weight:700;color:#6a6356;font-size:1.1rem}.card{background:var(--card);border:3px solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--shadow);overflow:hidden;position:relative;transition:transform .14s ease,box-shadow .14s ease;animation:pop .45s cubic-bezier(.2,.9,.3,1.3) both}.card:hover{transform:translate(-2px,-4px) rotate(-.6deg);box-shadow:9px 11px 0 var(--shadow)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.card,.goalbadge,.kicker{animation:none}}.band{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--card);position:relative;border-bottom:3px solid var(--ink)}.num{font-family:Anton;font-size:2.1rem;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.35)}.pos{margin-left:auto;font-weight:800;font-size:.7rem;letter-spacing:.08em;background:var(--ink);color:var(--card);padding:4px 9px;border-radius:999px}.flag{font-size:1.5rem;line-height:1}.body{padding:14px}.surname{font-family:Anton;font-size:1.55rem;line-height:.95;text-transform:uppercase;letter-spacing:.01em}.given{font-weight:600;color:#6a6356;font-size:.9rem;margin-top:3px}.age{font-weight:600;color:#9a9080;font-size:.8rem;margin-top:1px}.nat{display:flex;align-items:center;gap:6px;margin-top:12px;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.divider{height:2px;background:#1816131f;margin:12px 0;border-radius:2px}.clubrow{display:flex;align-items:center;gap:8px}.crest{width:26px;height:26px;flex:none;border-radius:6px;border:2px solid var(--ink);display:grid;place-items:center;font-family:Anton;font-size:.8rem;color:var(--card)}.club{font-weight:700;font-size:.98rem;line-height:1.15}.league{display:inline-block;margin-top:9px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--yellow)}.league.country-only{background:#e7ded0;color:#6a6356}.card.star:after{content:"";position:absolute;top:-1px;right:-1px;width:54px;height:54px;background:conic-gradient(from 0deg,#ff5ea3,#ffd24c,#5ee0c0,#5ea3ff,#c45eff,#ff5ea3);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.85;mix-blend-mode:multiply;border-bottom-left-radius:8px}.card.star .band{padding-right:46px}.namerow{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.goalbadge{flex:none;margin-top:2px;display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:var(--card);background:var(--ink);padding:5px 9px;border-radius:999px;border:2px solid var(--ink);white-space:nowrap;animation:wiggle 2.4s ease-in-out infinite}.goalbadge .s{font-size:.9rem;line-height:1}footer{max-width:1180px;margin:30px auto 0;padding:26px 22px 50px;text-align:center}.gotime{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;background:var(--card);border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:16px 22px;font-weight:600}.gotime b{font-weight:800;color:var(--green)}.gotime a{color:var(--ink);font-weight:800;text-decoration:none;border-bottom:3px solid var(--green);white-space:nowrap}.gotime-cta{max-width:1180px;margin:34px auto 0;padding:0 22px;text-align:center}.smallprint{margin-top:18px;font-size:.78rem;color:#7a7264;font-weight:500}.nmg{color:var(--green);font-weight:800;text-decoration:none;border-bottom:2px solid var(--green)}.knicks{color:#006bb6;font-weight:800;text-decoration:none;border-bottom:2px solid #f58426}.faq-main{max-width:780px;margin:0 auto;padding:34px 22px 10px}.faq-header{max-width:780px;margin:0 auto;padding:38px 22px 6px;text-align:center;position:relative}.faq-item{background:var(--card);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);margin-bottom:14px;overflow:hidden}.faq-q{width:100%;text-align:left;font-family:inherit;cursor:pointer;background:none;border:0;padding:16px 18px;font-weight:800;font-size:1.04rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-q .ico{flex:none;font-family:Anton,sans-serif;font-size:1.6rem;line-height:1;color:var(--green);transition:transform .3s ease}.faq-item.open .faq-q .ico{transform:rotate(135deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a p{padding:14px 18px 16px;font-weight:500;color:#3a342c;line-height:1.6;border-top:2px dashed rgba(38,12,26,.16);margin-top:0}@media(prefers-reduced-motion:reduce){.faq-q .ico,.faq-a{transition:none}}@media(max-width:520px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.surname{font-size:1.25rem}.num{font-size:1.7rem}.count{width:100%;margin:4px 0 0;text-align:right}}.landing{max-width:1180px;margin:0 auto;padding:30px 22px 10px}.crumb{font-weight:600;font-size:.85rem;color:#6a6356;margin-bottom:10px}.crumb a{color:var(--green);text-decoration:none;font-weight:800}.landing-title{font-family:Anton;font-weight:400;text-transform:uppercase;font-size:clamp(2rem,6vw,3.4rem);color:var(--green);text-shadow:2px 2px 0 var(--ink);line-height:.95}.landing-intro{margin:12px 0 4px;font-weight:600;max-width:680px}.landing-links{margin:4px 0 22px;font-size:.92rem}.landing-links a{color:var(--ink);font-weight:700;text-decoration:underline}.landing-cta{margin:26px 0 10px}.landing-cta a{font-weight:800;color:var(--ink);border-bottom:3px solid var(--green);text-decoration:none}.topnav{position:absolute;top:18px;right:22px}.topnav a{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none;background:var(--card);border:3px solid var(--ink);border-radius:999px;padding:8px 16px;box-shadow:3px 3px 0 var(--ink);display:inline-block;transition:transform .12s ease,box-shadow .12s ease}.topnav a:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.browse{max-width:1180px;margin:40px auto 0;padding:0 22px}.browse-h{font-family:Anton;font-weight:400;text-transform:uppercase;font-size:1.4rem;color:var(--green);margin:24px 0 12px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}.chips a{display:inline-block;font-weight:700;font-size:.85rem;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;text-decoration:none;box-shadow:2px 2px 0 var(--ink)}.chips a:hover{transform:translate(-1px,-2px);box-shadow:3px 4px 0 var(--ink)}
