/* Draft squad presentation, scoped to the standalone builder. No chemistry layer. */
.builder-board-column { padding:0 8px; background:radial-gradient(ellipse at 50% 35%,#11353330,transparent 70%); }
.builder-pitch-wrap { width:100%; max-width:none; }
.builder-field-scroll { width:100%; overflow:visible; }
.builder-field-mobile-help { display:none; }
.builder-pitch { width:100%; height:clamp(440px,calc(100dvh - 310px),640px); aspect-ratio:auto; max-width:none; border:0; border-radius:0; background:none; box-shadow:none; overflow:visible; container-type:size; }
.builder-draft-surface { position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 12px 7px #0008); pointer-events:none; }
.builder-pitch .builder-slot,.builder-pitch .builder-drag-preview { width:clamp(54px,9cqw,92px); height:clamp(76px,20.5cqh,132px); min-height:0; display:flex; flex-direction:column; align-items:stretch; gap:3px; transform:translate(-50%,-50%); }
.builder-pitch .builder-slot.is-dragging { transform:translate(-50%,-70%) scale(.94); opacity:.24; }
.builder-slot-card { --compact-tone:#54c6c1; position:relative; display:grid; grid-template-columns:30% minmax(0,1fr); grid-template-rows:minmax(0,1fr) 19px; flex:1; min-height:0; width:100%; padding:3px 0 0; border:1px solid var(--compact-tone); border-radius:5px 12px 5px 12px; background:linear-gradient(135deg,#4bded41a 0 18%,transparent 18% 22%,#4bded40d 22% 28%,transparent 28%),linear-gradient(155deg,#17484b,#102830 60%,#173b3d); box-shadow:inset 0 0 0 2px #c8ffff0a,0 5px 8px #0009; overflow:hidden; container-type:inline-size; }
.builder-slot-card.quality-standard { --compact-tone:#719b9e; }
.builder-slot-card.quality-highlight { --compact-tone:#c5b073; background:linear-gradient(135deg,#d8c07912 0 18%,transparent 18%),linear-gradient(155deg,#4a442b,#1b3035 65%,#293c37); }
.builder-slot-card.quality-elite { --compact-tone:#e2d399; background:linear-gradient(135deg,#d8c07918 0 18%,transparent 18%),linear-gradient(155deg,#3f5144,#14383c 65%,#253a39); }
.builder-card-summary { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:3px; min-height:0; padding:0 1px 4px 3px; }
.builder-slot-card .builder-slot-overall { position:static; display:block; padding:0; min-width:0; height:auto; margin:0; border:0; background:none; box-shadow:none; font-size:clamp(15px,27cqi,22px); line-height:1; font-weight:900; letter-spacing:-.04em; color:#f3faf6; text-shadow:0 1px 3px #000; }
.builder-slot-card .builder-slot-position { position:static; display:block; min-width:0; height:auto; padding:0; margin:0; border:0; background:none; box-shadow:none; color:#9bc8c6; font-size:clamp(6px,10cqi,8px); line-height:10px; font-weight:700; }
.builder-card-insignia { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:2px; flex:none; height:14px; line-height:0; }
.builder-slot-card .builder-card-insignia img { width:10px; height:7px; object-fit:contain; filter:none; }
.builder-slot-card .builder-card-insignia img:last-child { width:14px; height:14px; }
.builder-card-portrait { grid-column:2; grid-row:1; display:block; min-width:0; min-height:0; overflow:hidden; }
.builder-slot-card .builder-card-portrait img { position:static; display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:none; }
.builder-slot-card .builder-slot-name { position:static; grid-column:1 / -1; grid-row:2; align-self:stretch; min-width:0; width:100%; margin:0; padding:4px 3px 3px; background:#07151cdd; border-top:1px solid #9fe5d92b; color:#eef6f5; font-size:clamp(7px,12cqi,11px); font-weight:800; line-height:12px; letter-spacing:-.015em; text-transform:uppercase; text-align:center; box-shadow:none; }
.builder-slot-card .builder-transfer-mark { top:4px; right:4px; min-width:14px; width:14px; height:14px; padding:0; border-radius:4px; border-color:#c5b073; color:#f4d98c; background:#1d2928; font-size:9px; }
.builder-card-caption { align-self:center; flex:none; padding:2px 5px; border:1px solid #51a59e66; border-radius:12px; background:#092329eb; color:#96e6d8; font-size:9px; font-weight:800; line-height:12px; white-space:nowrap; box-shadow:0 2px 4px #0007; }
.builder-slot .builder-card-summary > .builder-slot-position,.builder-drag-preview .builder-card-summary > .builder-slot-position { display:none; }
.builder-slot.is-out .builder-card-caption { color:#f4c97c; border-color:#b89a6266; }
.builder-slot.is-target .builder-slot-card,.builder-bench-slot.is-target .builder-slot-card { border-color:#a4fff4; box-shadow:0 0 0 2px #42dccb,0 0 16px #2be0c94d; }
.builder-pitch .builder-slot:not([data-has-player]) { width:36px; height:36px; display:grid; place-items:center; }
.builder-slot-empty { width:32px; height:32px; }
.builder-bench { width:100%; min-width:0; padding:12px 0 4px; border:0; background:none; }
.builder-section-heading h2 { font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:#b4ede6; }
.builder-bench-slots { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6px; overflow:visible; padding-bottom:0; }
.builder-bench .builder-bench-slot { display:flex; flex-direction:column; gap:3px; width:100%; height:112px; min-height:0; min-width:0; padding:0; border:0; background:transparent; color:#c5dedb; cursor:pointer; border-radius:5px; text-align:center; }
.builder-bench .builder-slot-card { grid-template-columns:30% minmax(0,1fr); grid-template-rows:minmax(0,1fr) 19px; height:auto; padding:3px 0 0; align-items:stretch; justify-items:stretch; }
.builder-bench-number { flex:none; align-self:center; font-size:9px; line-height:12px; color:#88b6b3; }
.builder-bench-empty { flex:1; width:100%; min-height:0; border:1px solid #62b0a480; border-radius:5px 12px 5px 12px; background:linear-gradient(150deg,#153833e0,#0b2528e0); color:#8edace; font-size:24px; }
.builder-guides-overlay::before { display:none; }
.builder-guides-overlay { z-index:200; }
.builder-landing-marker { z-index:10; width:24px; height:24px; border:2px solid #b8fff5; background:radial-gradient(circle,#fff 0 2px,#21d4c2 3px,rgba(7,28,25,.75) 4px 9px,transparent 10px); box-shadow:0 0 0 3px #07151acc,0 0 12px #21d4c2aa; }
.builder-landing-marker::before { width:36px; }
.builder-landing-marker::after { height:36px; }
.builder-pitch.is-suggesting .builder-guide-line,.builder-pitch.is-suggesting .builder-tactical-zones,.builder-pitch.placement-suggested.guides-always::after { display:none; }
.builder-slot.is-dragging { z-index:201!important; }
.builder-tactical-zones { position:absolute; inset:0; width:100%; height:100%; }
.builder-pitch.guides-always::after { content:""; position:absolute; inset:0; pointer-events:none; clip-path:polygon(22% 4%,78% 4%,96% 93%,4% 93%); background:repeating-linear-gradient(90deg,transparent 0 19.9%,#c2db9b10 19.9% 20%); }
@media(max-width:1500px) { .builder-bench-slots { grid-template-columns:repeat(6,minmax(0,1fr)); } .builder-bench .builder-bench-slot { height:108px; } }
@media(max-width:760px) { .builder-board-column { padding:0; } .builder-pitch { height:clamp(390px,72vw,530px); } .builder-pitch .builder-slot,.builder-pitch .builder-drag-preview { width:clamp(43px,10cqw,64px); height:clamp(65px,18cqh,92px); } .builder-slot-card { grid-template-rows:minmax(0,1fr) 16px; border-radius:4px 8px 4px 8px; } .builder-slot-card .builder-slot-name { padding:2px; font-size:clamp(6px,13cqi,9px); line-height:11px; } .builder-card-caption { padding:0 3px; font-size:7px; line-height:11px; } .builder-slot-card .builder-slot-overall { font-size:clamp(12px,28cqi,18px); } .builder-card-insignia { height:10px; } .builder-slot-card .builder-card-insignia img:last-child { width:10px; height:10px; } .builder-card-summary { padding-left:1px; gap:1px; } .builder-bench-slots { grid-template-columns:repeat(4,minmax(0,1fr)); } .builder-pitch-caption { padding-top:4px; } }
/* Same small-screen treatment as Draft: readable cards on a scrollable field. */
@media(max-width:760px) {
  .builder-field-scroll { overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; padding:4px 0; scrollbar-width:thin; scrollbar-color:#3e7d69 #07151a; }
  .builder-pitch { min-width:640px; height:540px; }
  .builder-pitch .builder-slot,.builder-pitch .builder-drag-preview { width:64px; height:100px; }
  .builder-field-mobile-help { display:block; text-align:center; color:#b0c9c9; font-size:.64rem; margin:6px 0; }
}