/* Flat presentations do not override any Draft rules. Logical field direction stays LTR in RTL UI. */
.builder-view-selector { display:flex; align-items:center; gap:3px; margin:8px 0 12px; padding:3px; width:fit-content; max-width:100%; border:1px solid #27514d; border-radius:9px; background:#081e22; }
.builder-view-selector button { min-height:36px; padding:6px 15px; border:0; border-radius:6px; color:#b9cecc; background:transparent; font:inherit; font-size:.8rem; cursor:pointer; }
.builder-view-selector button[aria-pressed="true"] { background:#24574f; color:#e4fff8; }
.builder-view-selector button:focus-visible { outline:2px solid #8ffff0; outline-offset:2px; }
.builder-intro { max-width:850px; margin:0 0 12px; color:#b9cecc; font-size:.82rem; line-height:1.5; }
.builder-pitch { direction:ltr; }
.builder-board-column[data-view="classic"],.builder-board-column[data-view="tactical"] { background:none; }
.builder-board-column:not([data-view="draft"]) .builder-field-scroll { overflow:visible; padding:0; }
.builder-board-column:not([data-view="draft"]) .builder-field-mobile-help { display:none; }
.builder-pitch[data-view="classic"],.builder-pitch[data-view="tactical"] { width:100%; max-width:640px; min-width:0; height:auto; min-height:0; aspect-ratio: .84; margin-inline:auto; container-type:size; }
.builder-flat-surface { filter:none; }
.builder-pitch:not([data-view="draft"]) .builder-slot,.builder-pitch:not([data-view="draft"]) .builder-drag-preview { width:clamp(60px,12cqw,86px); height:clamp(64px,19cqh,110px); gap:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; overflow:visible; color:#fff; }
.builder-flat-player { --role-tone:#79e329; display:flex; flex-direction:column; align-items:center; width:100%; height:100%; direction:ltr; }
.builder-classic-face { display:block; width:90%; height:70%; min-height:0; }
.builder-classic-face img { position:static; width:100%; height:100%; object-fit:contain; object-position:center bottom; border:0; border-radius:0; background:none; filter:none; }
.builder-classic-stats { display:flex; align-items:center; justify-content:space-between; width:94%; margin-top:-2px; padding:1px 3px; background:#333f52e8; font-size:clamp(10px,2.7cqw,16px); line-height:1.05; }
.builder-flat-position { color:var(--role-tone); font-weight:800; }
.builder-classic-stats b { color:#fff; font-style:italic; }
.builder-flat-name { display:block; flex:none; max-width:150%; min-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:clamp(9px,2.3cqw,13px); line-height:1.3; text-shadow:0 1px 2px #000,0 0 4px #000; unicode-bidi:plaintext; }
.builder-tactical-player { justify-content:center; gap:2px; }
.builder-tactical-rating { display:grid; place-items:center; flex:none; width:clamp(26px,7.5cqw,46px); height:clamp(26px,7.5cqw,46px); border:2px solid var(--role-tone); border-radius:50%; background:#092c29; color:#fff; font-size:clamp(16px,4cqw,22px); line-height:1; font-weight:800; }
.builder-tactical-player .builder-flat-position { padding:0 4px; border:1px solid color-mix(in srgb,var(--role-tone) 55%,transparent); border-radius:5px; background:#082820; font-size:clamp(8px,2.1cqw,11px); line-height:1.3; }
.builder-tactical-player .builder-flat-name { max-width:145%; font-weight:700; background:#082820c9; border-radius:3px; padding:0 2px; }
.builder-pitch:not([data-view="draft"]) .builder-slot.is-target .builder-classic-face { filter:drop-shadow(0 0 3px #8ffff0); }
.builder-pitch:not([data-view="draft"]) .builder-slot.is-target .builder-tactical-rating { box-shadow:0 0 0 3px #8ffff080; }
.builder-pitch:not([data-view="draft"]) .builder-slot:focus-visible { outline:2px solid #8ffff0; outline-offset:3px; border-radius:5px; }
.builder-pitch:not([data-view="draft"]) .builder-slot:not([data-has-player]) { width:44px; height:44px; }
.builder-pitch:not([data-view="draft"]).guides-always::after { inset:4% 6% 6%; clip-path:none; }
.builder-pitch:not([data-view="draft"]) .builder-drag-preview { pointer-events:none; }
@media(max-width:760px) {
 .builder-pitch[data-view="classic"],.builder-pitch[data-view="tactical"] { max-width:520px; height:auto; aspect-ratio:68 / 94; min-height:0; container-type:inline-size; }
 .builder-view-selector button { min-height:40px; padding-inline:13px; }
 .builder-pitch:not([data-view="draft"]) .builder-slot,.builder-pitch:not([data-view="draft"]) .builder-drag-preview { height:clamp(63px,18cqw,88px); width:clamp(44px,13cqw,68px); }
}

.builder-board-column:not([data-view="draft"]) .builder-bench-slot { height:100px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-name { font-size:9px; max-width:100%; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-classic-stats { font-size:11px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-position { font-size:9px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-tactical-rating { width:34px; height:34px; font-size:17px; }

.builder-flat-player { position:relative; }
.builder-flat-transfer { position:absolute; top:0; right:0; color:#f4d98c; font-size:10px; font-weight:800; text-shadow:0 1px 2px #000; }

.builder-field-label { color:var(--db-muted); font-size:.69rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }

/* A proportionate desktop field; the squad continues to scroll independently. */
@media(min-width:761px) {
 .builder-board-column:not([data-view="draft"]) .builder-pitch-wrap { position:static; }
 .builder-board-column:not([data-view="draft"]) .builder-view-selector { margin:0 auto 12px; }
 .builder-board-column:not([data-view="draft"]) .builder-pitch-caption { padding-top:6px; }
 .builder-board-column:not([data-view="draft"]) .builder-flat-name { font-size:clamp(11px,1.9cqw,14px); }
 .builder-board-column:not([data-view="draft"]) .builder-classic-stats { font-size:clamp(12px,2.3cqw,16px); gap:4px; }
 .builder-board-column:not([data-view="draft"]) .builder-tactical-rating { width:clamp(32px,9cqh,48px); height:clamp(32px,9cqh,48px); font-size:clamp(18px,4cqh,24px); }
 .builder-board-column:not([data-view="draft"]) .builder-tactical-player .builder-flat-position { font-size:11px; }
}

.builder-workspace:has(.builder-board-column:not([data-view="draft"])) .builder-player-list { overscroll-behavior:contain; }

@media(min-width:761px) {
 .builder-pitch[data-view="classic"] .builder-slot[data-has-player],
 .builder-pitch[data-view="classic"] .builder-drag-preview { height:clamp(82px,16cqh,114px); transform:translate(-50%,-60%); }
}

/* Keep the field, caption and bench in normal flow: the bench must never slide over the XI. */
.builder-board-column:not([data-view="draft"]) .builder-pitch-wrap { position:static; padding-bottom:20px; }
.builder-board-column:not([data-view="draft"]) .builder-pitch-caption,
.builder-board-column:not([data-view="draft"]) .builder-bench { width:100%; max-width:640px; margin-inline:auto; }
.builder-board-column:not([data-view="draft"]) .builder-bench { padding-top:16px; border-top:1px solid #285149; }
.builder-board-column:not([data-view="draft"]) .builder-bench-slots { grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:12px 6px; }
.builder-board-column:not([data-view="draft"]) .builder-bench-slot { height:122px; align-items:center; justify-content:flex-start; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-player { width:90px; height:102px; flex:none; margin-inline:auto; gap:2px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-classic-face { width:64px; height:64px; flex:none; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-classic-face img { width:100%; height:100%; object-fit:contain; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-classic-stats { width:64px; padding:1px 3px; font-size:11px; line-height:14px; gap:4px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-name { min-width:0; width:100px; max-width:100px; font-size:10px; line-height:14px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-tactical-rating { width:36px; height:36px; font-size:18px; }
.builder-board-column:not([data-view="draft"]) .builder-bench .builder-tactical-player { justify-content:center; }
@media(max-width:760px) {
 .builder-board-column:not([data-view="draft"]) .builder-bench-slots { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 4px; }
 .builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-player { width:min(100%,90px); }
 .builder-board-column:not([data-view="draft"]) .builder-bench .builder-flat-name { width:100%; max-width:100%; }
}