body{overscroll-behavior:none}.pitch-container{touch-action:none}.pitch{aspect-ratio:100/70;position:relative;user-select:none;-webkit-user-select:none}.player{position:absolute;width:5%;height:5%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;cursor:grab;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.3);transition:transform .1s ease-out}.player:active{transform:scale(1.1)}.player.dragging{cursor:grabbing;z-index:100;opacity:.8}.home-team{background-color:#3b82f6;color:white}.away-team{background-color:#ef4444;color:white}.ball{position:absolute;width:3%;height:4.2%;border-radius:50%;cursor:grab;user-select:none;z-index:50;box-shadow:0 1px 2px rgba(0,0,0,.3)}.ball.dragging{cursor:grabbing;z-index:101;opacity:.8}#player-info-panel{position:fixed;bottom:20px;left:50%;width:90%;max-width:500px;border-radius:8px;padding:15px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:200;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0;transform:translateX(-50%) translateY(20px);pointer-events:none;background-color:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--card-foreground))}#player-info-panel.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}#player-info-panel h3{margin-top:0;margin-bottom:10px;font-size:1.1rem}#player-info-panel p{margin-bottom:8px;font-size:.9rem;line-height:1.4}#close-info-panel{position:absolute;top:10px;right:10px;background:hsl(var(--muted));border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center}#close-info-panel:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}@media (max-width:600px){.player{font-size:.6rem}#player-info-panel{width:95%;bottom:10px;padding:12px}#player-info-panel h3{font-size:1rem}#player-info-panel p{font-size:.85rem}}