body{font-family:sans-serif;padding:10px}html{scroll-padding-top:20%}.game-timer{color:#28a745;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.game-timer.timer-second-half{color:#007bff}.event-icons-panel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.event-icons-header{margin-bottom:15px;text-align:center}.event-icons-header h6{color:#495057;margin-bottom:5px}.event-icons-header small{color:#6c757d;font-style:italic}.event-icons-grid{display:grid;gap:10px;grid-template-columns:1fr;justify-items:stretch}.event-divider{align-self:center;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.12));border-radius:2px;grid-column:1/-1;height:1px;margin:6px 0 12px}#formation-field-canvas{background:linear-gradient(90deg,#4caf50,#81c784);border:2px solid #28a745;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:block;margin:0 auto}.formation-field-container{margin:20px 0;position:relative;text-align:center}.drop-zone{align-items:center;background:hsla(0,0%,100%,.3);border:2px dashed #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:40px;justify-content:center;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.7);transform:translate(-50%,-50%);transition:all .3s ease;width:40px}.drop-zone:hover{background:hsla(0,0%,100%,.5);border-color:gold;transform:translate(-50%,-50%) scale(1.1)}.drop-zone.occupied{background:rgba(255,215,0,.8);border-color:gold;border-style:solid}.drop-zone.drag-over{background:hsla(0,0%,100%,.7);border-color:#ff6b6b;transform:translate(-50%,-50%) scale(1.2)}.player-in-slot{align-items:center;background:#fff;border:2px solid #007bff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#007bff;cursor:pointer;display:flex;font-size:8px;font-weight:700;height:36px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:36px}.player-in-slot:hover{box-shadow:0 4px 8px rgba(0,0,0,.4);transform:translate(-50%,-50%) scale(1.1)}.event-icon{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:grab;display:flex;justify-content:center;min-width:70px;padding:12px 8px;text-align:center;transition:all .3s ease;user-select:none}.event-icon:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.2);transform:translateY(-2px)}.event-icon.dragging{cursor:grabbing;opacity:.5;transform:rotate(5deg)}.event-icon-content{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.event-icon-content i{font-size:1.5rem;margin-bottom:2px}.event-icon-content span{color:#495057;font-size:.75rem;font-weight:600}.event-icon[data-event-type=assist] .event-icon-content i.icon-soccer-shoe{background:#fff;border-radius:50%;bottom:-10px;color:#007bff;font-size:1rem;line-height:1;margin:0;padding:1px;position:absolute;right:-10px;z-index:1}.event-icon[data-event-type=assist] .event-icon-content i.icon-soccer-ball{display:inline-block;font-size:.85rem;margin-bottom:0;opacity:.95;position:relative;transform:translate(-8px,-8px);z-index:3}.event-drop-zone{position:relative;transition:all .3s ease}.event-drop-zone:after{border:3px dashed #007bff;border-radius:50%;bottom:-8px;content:"";left:-8px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:opacity .3s ease;z-index:10}.event-drop-zone.drop-hover:after{border-color:#28a745;box-shadow:0 0 15px rgba(40,167,69,.5);opacity:1}.event-drop-zone.drop-hover{transform:scale(1.15);z-index:1000}.positioned-player.event-drop-zone,.positioned-player.event-drop-zone:after{border-radius:50%}.substitute-player.event-drop-zone:after{border-radius:8px}.substitute-player.event-drop-zone.drop-hover{transform:scale(1.05)}@media (max-width:768px){.event-icons-grid{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:8px 12px}.event-icon{border-radius:6px;height:48px;min-width:48px;padding:6px;width:48px}.event-icon-content i{font-size:1rem}.event-icon[data-event-type=assist] .event-icon-content i.icon-soccer-shoe{bottom:-4px;font-size:.85rem;padding:.5px;right:-4px}.event-icon[data-event-type=assist] .event-icon-content i.icon-soccer-ball{font-size:.72rem;position:relative;transform:translate(-5px,-5px);z-index:3}.event-icon-content span{font-size:.65rem}.drop-zone.drag-over{transform:translate(-50%,-50%) scale(1.08)}}