.pitch-roadmap{position:relative;background:radial-gradient(ellipse at 28% 55%,#16312955,transparent 65%),#070e19;border-block:1px solid #8ba8c51c;padding:58px 0 64px;overflow:hidden}#roadmap{scroll-margin-top:110px}.pitch-heading{text-align:center;margin:0 0 34px}.pitch-heading-rule{display:block;width:42px;height:2px;background:linear-gradient(90deg,transparent,#c5a568,transparent);margin:0 auto 15px}.pitch-heading h2{font:400 clamp(42px,5vw,64px)/1.05 var(--display);margin:0;color:#e9f0fc;letter-spacing:.3px}.pitch-heading h2 span{background:linear-gradient(110deg,#8c7344,#f4e4ba 52%,#c5a568);background-clip:text;-webkit-background-clip:text;color:transparent}.pitch-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:960px;margin-inline:auto;align-items:stretch}.pitch-board{isolation:isolate;position:relative;aspect-ratio:1000/620;align-self:center;border:1px solid #8eaba177;border-radius:22px;box-shadow:0 24px 65px #0007,0 1px #c8a86a33,inset 0 1px #d8f6ef33;min-width:0;overflow:hidden;background:#08201c}.pitch-board:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 7% 5%,#bde2f323,transparent 33%),radial-gradient(ellipse at 95% 95%,#f6e1a51b,transparent 36%),repeating-linear-gradient(90deg,#b9d8b505 0% 10%,#0214130c 10% 20%)}.pitch-board:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 6px #06151b44,inset 0 0 38px #03101c66}.pitch-turf,.pitch-shade,.pitch-svg,.pitch-stops{position:absolute;inset:0;width:100%;height:100%}.pitch-field{position:absolute;inset:0}.pitch-turf{z-index:-2}.pitch-turf img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.77)}.pitch-shade{z-index:-1;background:linear-gradient(150deg,#05152255,transparent 42%,#030c19aa),radial-gradient(ellipse at 50% 45%,transparent 25%,#06142588 100%);box-shadow:inset 0 0 55px #020c16}.pitch-markings{fill:none;stroke:#d9e7d5;stroke-width:1.8;opacity:.62;filter:drop-shadow(0 0 1px #d9e7d522)}.pitch-fine{stroke-width:1.4;opacity:.55}.pitch-fine circle{fill:#d9e7d5}.pitch-route-bed{fill:none;stroke:#061b19;stroke-width:5;opacity:.38}.pitch-route{fill:none;stroke:#d6bb7e;stroke-width:2;stroke-dasharray:4 9;stroke-linecap:round;opacity:.66}.pitch-pass{fill:none;stroke:#fff0c0;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 100;opacity:0;filter:drop-shadow(0 0 5px #e9cb7e)}.ball-shadow{fill:#010b0b;filter:blur(2px);opacity:.5}.ball-shell{stroke:#e4e8d9;stroke-width:.7}.ball-seams{fill:none;stroke:#658285;stroke-width:.75;stroke-linejoin:round}.ball-panels{fill:#102e3c;stroke:#102e3c;stroke-width:.6;stroke-linejoin:round}.ball-highlight{fill:#fff;opacity:.43}.dribbler-shadow{fill:#010d11;opacity:.5;filter:blur(2px)}.dribbler-image{filter:drop-shadow(0 2px 2px #00141c66)}.pitch-svg{pointer-events:none;z-index:3}.pitch-mobile{display:none}.pitch-stops{z-index:2}.pitch-stop{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-22px);padding:0;width:130px;min-height:72px;display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:none;color:#e2ede5;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pitch-stop-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a5b9bf99;border-radius:50%;font:400 25px/1 var(--display);color:#e0eaf0;background:linear-gradient(145deg,#42616a,#1a343d 36%,#0b202b 70%,#29454b);box-shadow:0 5px 14px #0007,inset 0 1px #ffffff3f,inset 0 -2px #0005,0 0 0 3px #071b2133;transition:border-color .2s,box-shadow .2s,background .2s}.pitch-stop-label{max-width:144px;font-size:12px;line-height:1.4;font-weight:600;text-shadow:0 1px 5px #000;background:linear-gradient(140deg,#102632ed,#07171cdb);padding:5px 9px;border:1px solid #a6beb324;border-radius:6px;box-shadow:0 3px 8px #0003}.pitch-stop.is-current .pitch-stop-number{border-color:#ffe1a0;background:linear-gradient(135deg,#a2834d,#f9e7b4 35%,#c2a064 65%,#f2ddb0);color:#142220;box-shadow:inset 0 1px #fff9,0 0 0 4px #d9c18a20,0 0 24px #e4c17b66,0 6px 14px #0007}.pitch-stop.is-current .pitch-stop-label{border-color:#c5a56877;box-shadow:0 2px 12px #e8c78216}.pitch-stop:first-child{margin-top:-12px}.pitch-goal-light{opacity:0;filter:drop-shadow(0 0 8px #ffe5a5);pointer-events:none}.pitch-target-net{transform-box:view-box}.pitch-shot-trail{fill:none;stroke:#ffe7a2;stroke-width:3;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #d7b673)}.pitch-goal-word{position:absolute;z-index:5;left:50%;top:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%);font:400 clamp(38px,6vw,68px)/1 var(--display);letter-spacing:3px;color:#ffe4a6;text-shadow:0 2px 2px #163027,0 0 22px #e7ba5d99,0 5px 18px #000;white-space:nowrap}.pitch-stop.is-current .pitch-stop-label{color:#ffebbc}.pitch-stop:focus-visible{outline:2px solid #d5f8ff;outline-offset:7px;border-radius:8px}.pitch-corner{position:absolute;pointer-events:none;width:27px;height:27px;border-color:#c5a568;opacity:.65}.corner-top{top:12px;left:12px;border-left:2px solid;border-top:2px solid}.corner-bottom{bottom:12px;right:12px;border-right:2px solid;border-bottom:2px solid}.pitch-tour-toggle:focus-visible{position:absolute;z-index:5;top:12px;right:12px;left:auto;width:auto;height:auto;clip:auto;clip-path:none;padding:10px 16px;background:#102332;color:#f0dfb8;border:1px solid #c5a568;border-radius:8px;white-space:normal}.token-reference{padding:48px 0;background:#0b1522;border-block:1px solid #71829330}.token-reference .reference-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:24px}.token-reference h2{font:400 38px/1.1 var(--display);margin:0}.token-reference .reference-heading>p{font-size:12px;margin:0;color:#aebed0}.reference-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0}.reference-facts>div{padding:15px 0;border-bottom:1px solid #71829330}.reference-facts dt{color:#90a5bb;font-size:11px}.reference-facts dd{margin:6px 0 0;font-size:14px;font-weight:500;color:#e2ebf4}.token-reference .token-extras{margin-top:30px}.token-reference .allocation-note{font-size:12px}@media(max-width:760px){.pitch-roadmap{padding:32px 0 36px}.pitch-heading{margin-bottom:22px}.pitch-heading-rule{margin-bottom:12px}.pitch-heading h2{font-size:42px}.pitch-layout{grid-template-columns:minmax(0,1fr);gap:14px}.pitch-board{aspect-ratio:600/850;border-radius:17px;max-width:470px;width:100%;margin:auto;container-type:inline-size}.pitch-field{inset:0}.pitch-desktop{display:none}.pitch-mobile{display:block}.pitch-stop{left:var(--mx);top:var(--my);width:125px;transform:translate(-50%,-22px);gap:6px}.pitch-stop-label{font-size:11px;max-width:123px;padding:3px 7px}.pitch-stop-number{width:44px;height:44px;font-size:24px}.pitch-stop:nth-child(2) .pitch-stop-label,.pitch-stop:nth-child(4) .pitch-stop-label{position:absolute;left:calc(50% + 30px);top:22px;transform:translateY(-50%);width:max-content;max-width:136px;white-space:nowrap}.pitch-stop:nth-child(3) .pitch-stop-label{position:static;width:max-content;max-width:123px;white-space:nowrap;text-align:center;transform:translate(8px)}.pitch-stop:nth-child(4) .pitch-stop-label{top:32px}.pitch-stop:last-child .pitch-stop-label{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);width:max-content;max-width:160px;white-space:nowrap;text-align:center}.pitch-goal-word{top:50%;font-size:42px}.token-reference{padding:34px 0}.token-reference .reference-heading{display:block}.token-reference .reference-heading>p{margin-top:12px}.reference-facts{grid-template-columns:1fr 1fr;gap:0 18px}.reference-facts dd{font-size:12px}.reference-facts dt{font-size:10px}}@media(max-width:380px){.pitch-stop-label{font-size:10px;max-width:115px}.pitch-heading h2{font-size:38px}}@media(prefers-reduced-motion:reduce){.pitch-roadmap *,.pitch-roadmap *:before,.pitch-roadmap *:after{animation:none!important;transition:none!important}}
