.psd-wrap{margin:16px 0}
.psd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700}
.psd-team{display:flex;align-items:center;gap:8px}
.psd-logo{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.2)}
.psd-color{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.psd-name{white-space:nowrap}
.psd-mod{display:inline-block;padding:2px 6px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#111;margin-left:6px;font-weight:600;}
.psd-coach{font-weight:500;opacity:.9}

.psd-pitch{position:relative;width:100%;padding-top:130%;background:linear-gradient(#1e7a3a,#13823a);border-radius:16px;border:2px solid #0e5b2a;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}
.psd-pitch:before{content:"";position:absolute;inset:8px;border:2px solid rgba(255,255,255,.9);border-radius:12px;pointer-events:none}
.psd-center-line{position:absolute;left:8px;right:8px;top:50%;height:2px;background:rgba(255,255,255,.9);transform:translateY(-50%);}
.psd-center-circle{position:absolute;left:50%;top:50%;width:18%;height:18%;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);background:transparent}
.psd-box{position:absolute;left:15%;right:15%;border:2px solid rgba(255,255,255,.9);border-radius:6px;background:transparent}
.psd-box.penalty.top{top:8px;height:24%}
.psd-box.goal.top{top:8px;left:35%;right:35%;height:10%}
.psd-box.penalty.bottom{bottom:8px;height:24%}
.psd-box.goal.bottom{bottom:8px;left:35%;right:35%;height:10%}

.psd-player{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;max-width:44%}
.psd-dot{display:inline-block;width:26px;height:26px;border-radius:50%;background:var(--dot,#ffffff);border:2px solid rgba(0,0,0,.25);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.psd-label{display:inline-block;margin-top:4px;font-size:.82rem;line-height:1.1;color:#fff;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:6px;text-shadow:0 1px 2px rgba(0,0,0,.6)}

@media (max-width:640px){
 .psd-dot{width:22px;height:22px}
 .psd-label{font-size:.75rem}
 .psd-name{font-size:.9rem}
 .psd-mod{font-size:.82rem}
}

@media (max-width:640px){
  .psd-header{position:relative;min-height:64px;padding:6px 0;}
  .psd-header .psd-team:first-child{position:absolute;left:0;top:0;}
  .psd-header .psd-team:last-child{position:absolute;right:0;bottom:0;}
}