#fa{--d:#07172f;--b:#0878ff;--g:#12b76a;--o:#ffad20;--p:#7558f6;--r:#e94b67;--i:#17243a;--l:#d9e4f0;max-width:1180px;margin:auto;font-family:Arial,sans-serif;color:var(--i);line-height:1.55}#fa *{box-sizing:border-box}#fa .hero{background:linear-gradient(135deg,#06152d,#0b3267);color:#fff;padding:48px 24px;border-radius:26px;text-align:center;margin:18px 0}#fa h1{font-size:clamp(34px,6vw,58px);margin:6px 0 15px}#fa h2{font-size:clamp(24px,4vw,34px)}#fa .card{background:#fff;border:1px solid var(--l);border-radius:20px;padding:22px;margin:18px 0;box-shadow:0 5px 20px rgba(8,35,70,.05)}#fa .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}#fa .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}#fa .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}#fa input,#fa select{width:100%;padding:11px;border:1px solid #cbd8e8;border-radius:10px;background:#fff;margin:4px 0 11px}#fa button,#fa .btn{border:0;border-radius:11px;background:var(--b);color:#fff;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 3px}#fa .green{background:var(--g)}#fa .orange{background:var(--o);color:#17243a}#fa .purple{background:var(--p)}#fa .red{background:var(--r)}#fa .ghost{background:#edf4ff;color:#075ab7;border:1px solid #cfe0f5}#fa .nav{display:flex;gap:6px;overflow:auto;padding:7px 0;position:sticky;top:0;background:#fff;z-index:20}#fa .nav a{white-space:nowrap;background:#edf4ff;color:#075ab7;text-decoration:none;font-size:12px;font-weight:800;padding:8px 10px;border-radius:9px}#fa .skill{border:1px solid var(--l);border-radius:16px;padding:16px;background:#fff}#fa .pill{display:inline-block;background:#edf4ff;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;margin:2px}#fa .muted{color:#68768a;font-size:13px}#fa .result{display:none;background:#f1f7ff;border-left:5px solid var(--b);padding:17px;border-radius:13px;margin-top:14px}#fa .links a{display:block;background:#f1f6fd;color:#075ab7;text-decoration:none;font-weight:800;padding:10px;border-radius:10px;margin:7px 0}#fa table{width:100%;border-collapse:collapse}#fa th,#fa td{border:1px solid var(--l);padding:9px;text-align:left}#fa th{background:#f3f6fa}#fa .pitch{min-height:290px;background:#dcefd9;border:1px solid #c2dabf;border-radius:18px;position:relative;overflow:hidden;margin:14px 0}#fa .player,#fa .defender{position:absolute;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;transition:.5s;z-index:4}#fa .player{background:#1268ca;left:24%;top:44%}#fa .defender{background:#d64055;left:69%;top:44%}#fa .ball{position:absolute;width:31px;height:31px;border-radius:50%;background:#fff;border:3px solid #111;display:flex;align-items:center;justify-content:center;left:35%;top:56%;transition:.5s;z-index:5}#fa .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#fa .step{border:1px solid var(--l);border-radius:11px;padding:10px;text-align:center;font-size:12px}#fa .step.active{background:#e6f1ff;border-color:var(--b)}#fa .video{background:#091c38;color:#fff;padding:17px;border-radius:15px}#fa .video a{color:#fff;font-weight:800}#fa .zone{min-height:90px;background:#e1f1df;border:1px solid #c5dcc1;border-radius:13px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;cursor:pointer}#fa .xp{background:#07172f;color:#fff;border-radius:20px;padding:22px;text-align:center}#fa .hide{display:none!important}@media(max-width:650px){#fa .steps{grid-template-columns:1fr}}@media print{#fa .noPrint,#fa button,#fa input,#fa select,#fa .nav{display:none!important}#fa .card,#fa .hero{box-shadow:none!important;background:#fff!important;color:#000!important;border:1px solid #aaa;break-inside:avoid}}