.full-pitch{height:530px;position:relative;border:7px solid #195e25;border-radius:var(--radius-lg);background:repeating-linear-gradient(0deg,#236c27 0 40px,#1d6323 40px 80px);overflow:hidden;box-shadow:inset 0 0 0 2px rgba(190,243,178,.3)}.full-pitch:before{inset:14px}.full-pitch:after,.full-pitch:before{content:"";position:absolute;border:1px solid rgba(195,235,183,.4)}.full-pitch:after{left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%}.full-pitch .pitch-mark{position:absolute;left:50%;transform:translateX(-50%);width:150px;height:72px;border:1px solid rgba(195,235,183,.35)}.pitch-mark.box-top{top:14px}.pitch-mark.box-bottom{bottom:14px}.pitch-mark.center{top:50%;height:1px!important;width:100%!important;border:0!important;border-top:1px solid rgba(195,235,183,.4)}.pitch-dot{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%)}.pitch-dot b{font:9px var(--font-mono),DM Mono,monospace;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#042017;border:2px solid rgba(255,255,255,.55)}.pitch-dot span{font:9px var(--font-mono),DM Mono,monospace;color:#e6f1e7;background:rgba(0,0,0,.6);padding:2px 4px;border-radius:3px}.pitch-dot.attack b{background:var(--attack)}.pitch-dot.midfield b{background:var(--midfield)}.pitch-dot.defence b{background:var(--defence)}.dot-cap,.pitch-dot.keeper b{background:var(--keeper)}.dot-cap{position:absolute;top:-7px;left:calc(50% + 12px);transform:translateX(-50%);width:16px;height:16px;border-radius:50%;color:#1a1400;font:800 10px var(--font-ui),Space Grotesk,sans-serif;display:grid;place-items:center;box-shadow:0 2px 5px rgba(0,0,0,.4);z-index:2}.pitch-dot.is-cap b{box-shadow:0 0 0 2px var(--keeper)}.pf-token{position:absolute;z-index:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;cursor:default;padding:0}.pf-circle{font:700 11px var(--font-ui),Space Grotesk,sans-serif;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#e6f1e7;border:2px dashed rgba(255,255,255,.45);background:rgba(0,0,0,.35);transition:var(--transition-fast)}.pf-name{font:9px var(--font-mono),DM Mono,monospace;color:#dfeee1;background:rgba(0,0,0,.55);padding:1px 5px;border-radius:3px;max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-token:focus-visible{outline:none}.pf-token:focus-visible .pf-circle{outline:2px solid var(--mint);outline-offset:2px}.pf-token.filled{cursor:pointer}.pf-token.filled .pf-circle{border-style:solid;color:#052018;border-color:rgba(255,255,255,.6)}.pf-token.attack.filled .pf-circle{background:var(--attack-soft)}.pf-token.midfield.filled .pf-circle{background:var(--midfield)}.pf-token.defence.filled .pf-circle{background:var(--defence)}.pf-token.keeper.filled .pf-circle{background:var(--keeper)}.pf-token.filled .pf-name{font-weight:600;color:#fff}.pf-token.eligible{cursor:pointer}.pf-token.eligible .pf-circle{border-style:solid;border-color:var(--midfield);background:rgba(37,213,155,.25);animation:eligpulse 1s infinite}.pf-token.eligible:hover .pf-circle{background:var(--midfield);color:#052018}@keyframes eligpulse{0%,to{box-shadow:0 0 0 0 rgba(37,213,155,.5)}50%{box-shadow:0 0 0 6px rgba(37,213,155,0)}}.pf-cap{position:absolute;top:-9px;right:-4px;z-index:2;width:18px;height:18px;border-radius:50%;background:var(--keeper);color:#1a1400;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}.pitch-legend{display:flex;flex-wrap:wrap;gap:9px 14px;padding:2px 2px 0}.pitch-legend span{display:inline-flex;align-items:center;gap:6px;font:9px var(--font-mono),DM Mono,monospace;color:#8fa89b}.pitch-legend .lg{width:10px;height:10px;border-radius:50%}.lg.keeper{background:var(--keeper)}.lg.defence{background:var(--defence)}.lg.midfield{background:var(--midfield)}.lg.attack{background:var(--attack-soft)}.hero-pitch{height:455px;border:1px solid rgba(149,200,165,.25);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(22,86,48,.8),rgba(9,39,25,.94));position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 30px 100px rgba(0,0,0,.25),0 0 60px rgba(37,213,155,.06)}.pitch-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(39,193,121,.18),transparent 52%)}.pitch-lines{position:absolute;inset:24px;border:1px solid rgba(173,219,177,.28);border-radius:3px}.pitch-lines:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(173,219,177,.28)}.pitch-lines:after{content:"";position:absolute;left:50%;top:calc(50% - 45px);width:90px;height:90px;border:1px solid rgba(173,219,177,.28);border-radius:50%}.pitch-label{position:absolute;top:9px;left:44px;color:rgba(200,230,197,.6);font:10px var(--font-mono),DM Mono,monospace;letter-spacing:2px}@media (max-width:800px){.pitch-label{top:3px;left:20px;letter-spacing:1.5px}}.hero-player{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;z-index:1;transform:translate(-50%,-50%)}.hero-player b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#042017;border:2px solid rgba(255,255,255,.6);font:11px var(--font-mono),DM Mono,monospace}.hero-player span{color:#e4efe7;font:9px var(--font-mono),DM Mono,monospace;background:rgba(0,0,0,.55);padding:2px 5px;border-radius:3px}.hero-player.attack b{background:var(--attack);box-shadow:0 0 0 4px rgba(250,89,98,.15)}.hero-player.midfield b{background:var(--midfield);box-shadow:0 0 0 4px rgba(37,213,155,.15)}.hero-player.defence b{background:var(--defence);box-shadow:0 0 0 4px rgba(86,149,242,.15)}.hero-player.keeper b{background:var(--keeper);box-shadow:0 0 0 4px rgba(244,199,68,.15)}.pitch-score{position:absolute;right:37px;top:38px;display:flex;flex-direction:column;align-items:flex-end;color:var(--midfield)}.pitch-score small{font:9px var(--font-mono),DM Mono,monospace}.pitch-score strong{font-size:57px;line-height:.95}.pitch-score span{font-size:9px;font:9px var(--font-mono),DM Mono,monospace;letter-spacing:1px}@media (max-width:800px){.hero-pitch{height:360px}}@media (max-width:430px){.full-pitch{height:430px}.pitch-score{right:18px}.pitch-score strong{font-size:45px}}