/* Drag and drop on the pitch: no lime frames or boxes. The target says what happens with one quiet pill. */
html body .home .lineup-panel .formation-row.drop-ok,
html body .home .lineup-panel .formation-row.drop-hover{outline:0!important;background:none!important;box-shadow:none!important}
/* Adding to a row: the free slot where the player lands lights up white and names him; the row itself stays plain. */
html body .home .lineup-panel .formation-row.drop-hover:has(.empty-slot.drop-preview)::after{display:none!important}
html body .home .lineup-panel .empty-slot.drop-preview .empty-ring{border-color:#fff!important;border-style:solid!important;background:#ffffff26!important;color:#fff!important;box-shadow:0 0 0 6px #ffffff12}
html body .home .lineup-panel .empty-slot.drop-preview .empty-plate{visibility:hidden}
html body .home .lineup-panel .empty-slot.drop-preview{position:relative}
html body .home .lineup-panel .empty-slot.drop-preview::after{content:attr(data-swap-in)!important;display:block!important;position:absolute;left:50%;top:auto;bottom:4px;transform:translateX(-50%);padding:4px 10px;border:1px solid #ffffff26;border-radius:99px;background:#0b0b0be6;color:#fff;font:600 11px/1.2 Inter,Arial,sans-serif;white-space:nowrap;box-shadow:0 8px 20px #000a;pointer-events:none;z-index:6}
/* Fallback without a free slot element: one pill in the middle of the row. */
html body .home .lineup-panel .formation-row.drop-hover::after{content:attr(data-swap-in)!important;position:absolute!important;inset:auto auto 50% 50%!important;width:auto!important;height:auto!important;transform:translate(-50%,50%)!important;padding:6px 12px!important;border:1px solid #ffffff26!important;border-radius:99px!important;background:#0b0b0be6!important;color:#fff!important;font:600 12px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 10px 26px #000a!important;backdrop-filter:blur(10px);pointer-events:none;z-index:4}

/* Swapping with a player: no glow; the card lifts, a white swap badge sits on it, a pill names who comes in. */
html body .home .lineup-panel .token.drop-ok,
html body .home .reserve-list>button.drop-ok{filter:none!important;outline:0!important;background:none!important;box-shadow:none!important}
html body .home .lineup-panel .token.drop-hover,
html body .home .reserve-list>button.drop-hover{outline:0!important;filter:drop-shadow(0 14px 22px #000b)!important;translate:0 -4px;scale:1.04;transition:translate .16s ease,scale .16s ease}
html body .home .token .portrait-wrap::before{display:none!important}
html body .home .token.drop-hover>strong{border-bottom-color:transparent!important}
html[data-cards] body .home .lineup-panel .token.drop-hover:not(.empty-slot)::before{content:'⇄'!important;display:grid!important;position:absolute;z-index:5;left:50%;top:38%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#111;font:700 17px/1 Inter,Arial,sans-serif;box-shadow:0 8px 20px #000a;pointer-events:none}
html[data-cards] body .home :is(.lineup-panel .token,.reserve-list>button).drop-hover::after{content:attr(data-swap-in)!important;display:block!important;position:absolute!important;z-index:6!important;left:50%!important;right:auto!important;top:auto!important;bottom:-10px!important;transform:translateX(-50%)!important;padding:4px 10px!important;border:1px solid #ffffff26!important;border-radius:99px!important;background:#0b0b0be6!important;color:#fff!important;font:600 11px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 8px 20px #000a!important;white-space:nowrap}

/* The reserve as a target: a calm lift of its header, no lime. */
html body .home .reserve-bench.drop-ok .reserve-heading{border-color:#ffffff33!important;box-shadow:none!important;background:#111111f2!important}
html body .home .reserve-bench.drop-hover .reserve-heading{border-color:#ffffff66!important;box-shadow:0 12px 30px #000a!important}
html body .home .reserve-list>.reserve-player-card.drop-ok,html body .home .reserve-list>.reserve-player-card.drop-hover{filter:none!important;outline:0!important}

/* The player in hand: neutral glass pill. */
html body .drag-ghost>div{background:#0b0b0be6!important;border-color:#ffffff26!important}
html body .drag-ghost span{border-bottom:0!important}

/* Free slot label: only as wide as "Mittelfeld Einsetzen", centred under the plus. */
html body .home .lineup-panel .empty-slot .empty-plate{position:relative!important;left:auto!important;right:auto!important;width:max-content!important;min-width:0!important;max-width:none!important;margin:6px auto 0!important;justify-content:center!important;align-self:center!important;gap:5px;padding:3px 10px!important;border-radius:99px!important;background:#0b0b0bb3!important;border:0!important;box-shadow:none!important}
html body .home .lineup-panel .empty-slot .empty-plate>*{padding:0!important;text-align:center}

/* "Freier Platz": the same black window as the Spielersuche. */
#window[data-window="fill-position"]{width:560px;max-width:calc(100vw - 32px);background:#0a0a0a!important;border:1px solid #2a2a2a!important;border-radius:20px!important;box-shadow:0 30px 90px #000b!important;padding:0!important}
#window[data-window="fill-position"] .window-heading{min-height:0;padding:20px 22px 6px;background:none!important;border:0!important}
#window[data-window="fill-position"] .window-heading .wordmark,#window[data-window="fill-position"] .window-heading div::before,#window[data-window="fill-position"] .window-heading div::after{display:none!important}
#window[data-window="fill-position"] #window-title{padding:0;border:0;font:italic 800 32px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#e3ebed}
#window[data-window="fill-position"] .window-heading .icon-button{width:34px;height:34px;border-radius:50%;background:#161616!important;border:0!important;color:#c4c4bf;box-shadow:none!important}
#window[data-window="fill-position"] .window-heading .icon-button:hover{background:#1f1f1f!important;color:#fff}
#window[data-window="fill-position"] .window-body{padding:10px 22px 18px!important}
#window[data-window="fill-position"] .fill-intro{margin:0 0 12px;font-size:13px;line-height:1.5;color:#8b938a}
#window[data-window="fill-position"] .fill-intro b{color:#eef2eb;font-weight:600}
#window[data-window="fill-position"] .fill-list{display:grid}
#window[data-window="fill-position"] .fill-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:13px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #ffffff0a;border-radius:0;background:none;color:inherit;text-align:left;cursor:pointer;transition:background .15s}
#window[data-window="fill-position"] .fill-row:last-child{border-bottom:0}
#window[data-window="fill-position"] .fill-row:hover{background:#141414;border-radius:12px}
#window[data-window="fill-position"] .fill-row .search-photo{display:block;width:44px;height:44px;border-radius:12px;background:#161616;overflow:hidden}
#window[data-window="fill-position"] .fill-row .search-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
#window[data-window="fill-position"] .fill-row .search-name{display:grid;gap:3px;min-width:0}
#window[data-window="fill-position"] .fill-row .search-name strong{font-size:14.5px;font-weight:600;color:#eef2eb}
#window[data-window="fill-position"] .fill-row .search-name small{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b938a}
#window[data-window="fill-position"] .fill-row .mini-crest{width:14px;height:14px;object-fit:contain}
#window[data-window="fill-position"] .fill-points{font-size:13px;font-weight:600;color:#c4c4bf;font-variant-numeric:tabular-nums}
#window[data-window="fill-position"] .fill-cta{padding:6px 12px;border-radius:99px;background:#ededea;color:#111;font-size:12px;font-weight:700}
#window[data-window="fill-position"] .fill-empty{margin:4px 0 0;font-size:13px;color:#8b938a}

/* Touch: a card on the pitch is a drag handle, not a scroll surface; reserve cards scroll sideways only.
   No iOS image callout or text selection on a long press. */
html body .home .lineup-panel .pitch .token:not(.empty-slot){touch-action:none!important}
html body .home .reserve-list>button{touch-action:pan-x!important}
html body .home :is(.lineup-panel .pitch .token,.reserve-list>button),html body .home :is(.lineup-panel .pitch .token,.reserve-list>button) img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}

/* No lime ⇄ badge from the old drag styles anywhere. */
html body .home .token.drop-hover .portrait-wrap::after{display:none!important}
/* A free slot as a target: while waiting, a calm white dashed ring … */
html body .home .lineup-panel .empty-slot.drop-ok .empty-ring{border-color:#ffffff73!important;color:#ffffffb3!important;background:none!important}
/* … and when a player is over it: only a white "+" badge and the "+ Name" pill. Ring and label step aside. */
html body .home .lineup-panel .empty-slot:is(.drop-hover,.drop-preview) .empty-ring{border-color:transparent!important;background:#fff!important;color:#111!important;border-style:solid!important;box-shadow:0 8px 20px #000a!important;font-weight:700}
html body .home .lineup-panel .empty-slot:is(.drop-hover,.drop-preview) .empty-plate{display:none!important}
html[data-cards] body .home .lineup-panel .token.empty-slot.drop-hover::after,html body .home .lineup-panel .empty-slot.drop-hover::after{content:attr(data-swap-in)!important;display:block!important;position:absolute!important;left:50%!important;right:auto!important;top:calc(100% + 6px)!important;bottom:auto!important;transform:translateX(-50%)!important;padding:4px 10px!important;border:1px solid #ffffff26!important;border-radius:99px!important;background:#0b0b0be6!important;color:#fff!important;font:600 11px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;box-shadow:0 8px 20px #000a!important;pointer-events:none;z-index:6}
html body .home .lineup-panel .empty-slot.drop-preview::after{top:calc(100% + 6px)!important;bottom:auto!important}
html body .home .lineup-panel .empty-slot.drop-hover{filter:none!important;translate:none!important;scale:none!important}