.aw-talent-draft{
  font-size:16px; font-weight:400; font-style:normal; line-height:1.5;
  letter-spacing:normal; word-spacing:normal; text-align:left; text-transform:none;
  text-indent:0; text-shadow:none; white-space:normal; direction:ltr;
}
.aw-talent-draft *, .aw-talent-draft *::before, .aw-talent-draft *::after{ text-transform:none; text-shadow:none; float:none; }
.aw-talent-draft img{
  filter:none; border:0; border-radius:0; vertical-align:middle;
  /* abroadworks.com ships a global img{ flex:1; order:0; max-height:200px }. The
     flex-basis of 0 that flex:1 implies overrides every width we set on an avatar,
     so the 24px circles came out as 49px ellipses on staging, and the 200px cap
     would clip the expanded-card photo. Restore the initial values. */
  flex:0 1 auto; order:0; max-height:none;
}
.aw-talent-draft button, .aw-talent-draft input, .aw-talent-draft select, .aw-talent-draft textarea{ text-transform:none; letter-spacing:normal; }
.aw-talent-draft{
    color-scheme: light;
    --bg-1:#F1F2F4; --bg-2:#E8EAED;
    --surface:#FFFFFF; --surface-2:#FAFAFA; --surface-3:#F3F4F6;
    --border:#E5E7EB; --border-soft:rgba(0,0,0,0.06);
    --text:#18181F; --text-muted:#4A4A52; --text-faint:#8A8A94;
    --brand-1:#085ECB; --brand-2:#0CB7CA;
    --brand-solid:#085ECB; --brand-tint: rgba(8,94,203,0.08); --brand-tint-strong: rgba(8,94,203,0.16);
    --accent:#E55333; --accent-dark:#C2401F; --accent-tint: rgba(229,83,51,0.1);
    --danger:#EF4444;
    --shadow-1: 0 3px 14px rgba(0,0,0,0.08);
    --shadow-2: 0 8px 48px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
    --shadow-modal: 0 24px 80px rgba(0,0,0,0.22);
    --rarity-common:#9CA3AF;   --rarity-common-rgb:156,163,175;   --rarity-common-border:#D1D5DB;
    --rarity-rare:#3B82F6;     --rarity-rare-rgb:59,130,246;      --rarity-rare-border:#BFDBFE;
    --rarity-epic:#8B5CF6;     --rarity-epic-rgb:139,92,246;      --rarity-epic-border:#DDD6FE;
    --rarity-legendary:#F59E0B;--rarity-legendary-rgb:245,158,11; --rarity-legendary-border:#FDE68A;
    --input-bg:#FAFAFA;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .aw-talent-draft, .aw-talent-draft *{box-sizing:border-box;}.aw-talent-draft{
    margin:0; min-height:100%;
    background:linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 100%);
    color:var(--text);
    font-family:'DM Sans',Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
  }.aw-talent-draft a{color:inherit;}.aw-talent-draft img{max-width:100%;}.aw-talent-draft button, .aw-talent-draft select, .aw-talent-draft input{font-family:inherit;}.aw-talent-draft button{-webkit-tap-highlight-color:transparent;}.aw-talent-draft :focus-visible{outline:2px solid var(--brand-solid); outline-offset:2px;}

  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }
  @keyframes pulseDot{ 0%,100%{opacity:1;} 50%{opacity:.3;} }
  @media (prefers-reduced-motion: reduce){.aw-talent-draft, .aw-talent-draft *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }/* Manual animation toggle (persisted per-viewer). Wins over the OS setting above once set. */
  :root[data-motion="off"] .aw-talent-draft *, :root[data-motion="off"] .aw-talent-draft *::before, :root[data-motion="off"] .aw-talent-draft *::after{
    animation-duration:0.001ms !important; animation-delay:-0.001ms !important;
    transition-duration:0.001ms !important; scroll-behavior:auto !important;
  }/* ---------- Motion toggle (subtle, sits beneath the panel) ---------- */
  .aw-talent-draft .panel-col{ flex:1; display:flex; flex-direction:column; min-width:0; }.aw-talent-draft .motion-toggle-subtle{
    display:flex; align-items:center; justify-content:center; gap:5px; margin:9px auto 0; padding:2px 4px;
    background:none; border:none; cursor:pointer; color:var(--text-faint); font-size:10.5px; font-weight:500;
    opacity:.7; transition:opacity .15s, color .15s;
  }.aw-talent-draft .motion-toggle-subtle:hover{ opacity:1; color:var(--text-muted); }.aw-talent-draft .motion-toggle-subtle .dot{ width:5px; height:5px; border-radius:50%; background:var(--border); transition:background .15s; }.aw-talent-draft .motion-toggle-subtle[aria-pressed="true"] .dot{ background:var(--brand-solid); }/* ---------- Hero ---------- */
  .aw-talent-draft .hero{
    display:flex; flex-direction:row; align-items:center;
    max-width:1240px; margin:0 auto; padding:0 24px; gap:56px; width:100%;
  }.aw-talent-draft .hero-left{
    flex:0 0 42%; display:flex; flex-direction:column; align-items:flex-start; text-align:left;
  }.aw-talent-draft .eyebrow{
    display:inline-flex; align-items:center; gap:7px; background:var(--brand-tint);
    border:1px solid var(--brand-tint-strong); border-radius:999px; padding:5px 13px;
    width:fit-content; margin-bottom:16px;
  }.aw-talent-draft .eyebrow-dot{ width:6px; height:6px; border-radius:50%; background:linear-gradient(135deg,var(--brand-1),var(--brand-2)); animation:pulseDot 1.8s ease-in-out infinite; }.aw-talent-draft .eyebrow span{ font-size:10.5px; font-weight:700; color:var(--brand-solid); letter-spacing:.09em; }.aw-talent-draft h1.headline{
    font-size:clamp(30px,4vw,54px); font-weight:500; color:var(--text); line-height:1;
    margin:0 0 14px; letter-spacing:-.02em; text-wrap:balance;
  }.aw-talent-draft .sub{ font-size:15px; color:var(--text-muted); line-height:1.7; margin:0 0 28px; max-width:380px; }.aw-talent-draft .cta-row{ display:flex; gap:12px; align-items:center; margin-bottom:28px; flex-wrap:wrap; }.aw-talent-draft .btn-cta{
    padding:13px 26px; color:#fff; border:none; border-radius:999px; font-size:14px; font-weight:500;
    cursor:pointer; letter-spacing:.01em; transition:transform .15s ease, box-shadow .15s ease;
    background:linear-gradient(84deg,var(--brand-1) 45%,var(--brand-2)); box-shadow:0 6px 20px rgba(8,94,203,.32);
  }.aw-talent-draft .btn-cta:hover{ transform:translateY(-1px); }.aw-talent-draft .link-underline{ font-size:13px; color:var(--text-muted); font-weight:600; cursor:pointer; border-bottom:1px dashed color-mix(in srgb, var(--text-muted) 55%, transparent); padding-bottom:1px; }.aw-talent-draft .trust{ display:flex; align-items:center; gap:10px; }.aw-talent-draft .trust-avatars{ display:flex; position:relative; height:28px; width:76px; flex-shrink:0; }.aw-talent-draft .trust-avatars img{ width:26px; height:26px; border-radius:50%; border:2px solid var(--bg-1); object-fit:cover; position:absolute; }.aw-talent-draft .trust-copy{ font-size:12px; color:var(--text-muted); line-height:1.4; font-weight:500; }.aw-talent-draft .trust-copy b{ color:var(--text); font-weight:700; }/* ---------- Panel ---------- */
  .aw-talent-draft .panel{
    width:100%; background:var(--surface); border-radius:24px; border:1px solid var(--border-soft);
    padding:24px 24px; display:flex; flex-direction:column; gap:14px;
    min-width:0;
  }.aw-talent-draft .panel-header .eyebrow-label{ font-size:11px; font-weight:700; letter-spacing:.13em; color:var(--text-faint); }.aw-talent-draft .panel-header .sub-label{ font-size:12px; color:var(--text-muted); margin-top:2px; }.aw-talent-draft .filters{ display:flex; gap:8px; flex-wrap:nowrap; }.aw-talent-draft .filter-select{
    flex:1; min-width:0; padding:7px 12px; border-radius:999px; border:1px solid var(--border);
    background:var(--surface-2); font-size:11.5px; color:var(--text-muted); font-weight:500;
    cursor:pointer; outline:none; transition:all .15s; appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A8A94' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 12px center; padding-right:26px;
  }.aw-talent-draft .filter-select.active{ border-color:var(--brand-solid); background-color:var(--brand-tint); color:var(--brand-solid); font-weight:700; }.aw-talent-draft .cards-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
  @media (max-width:768px){.aw-talent-draft .cards-grid{ grid-template-columns:repeat(2,1fr); } }/* ---------- Candidate card ---------- */
  .aw-talent-draft .card{
    width:100%; height:188px; border-radius:12px; overflow:hidden;
    background:linear-gradient(160deg,var(--surface) 0%,var(--surface-3) 100%);
    border:2px solid var(--rc-border); cursor:pointer; display:flex; flex-direction:column;
    position:relative; flex-shrink:0; box-shadow:var(--shadow-1);
    transform:rotate(var(--tilt,0deg)); transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s, border-color .25s;
  }
  @media (max-width:768px){.aw-talent-draft .card{ height:210px; } }.aw-talent-draft .card:hover{ border-color:var(--rc-color); box-shadow:0 12px 32px rgba(0,0,0,.13), 0 0 0 1px rgba(var(--rc-rgb),.18); transform:rotate(0deg) scale(1.04); }.aw-talent-draft .card.selected{ border-color:var(--brand-solid); box-shadow:0 10px 32px rgba(8,94,203,.2), 0 2px 8px rgba(8,94,203,.12); transform:rotate(0deg) scale(1.04); }.aw-talent-draft .card-badge{
    position:absolute; top:6px; right:6px; z-index:10; width:19px; height:19px; border-radius:50%;
    background:linear-gradient(135deg,var(--brand-1),var(--brand-2)); color:#fff; display:flex; align-items:center;
    justify-content:center; font-size:10px; font-weight:700; box-shadow:0 2px 8px rgba(8,94,203,.45);
  }.aw-talent-draft .card-photo{ height:138px; overflow:hidden; flex-shrink:0; position:relative; border-radius:8px 8px 0 0; background:var(--surface-3); }.aw-talent-draft .card-photo img{
    width:100%; height:100%; object-fit:cover; object-position:center; display:block;
    transform:scale(1.28); transform-origin:var(--fx,50%) var(--fy,32%);
  }.aw-talent-draft .card-info{ flex:1; display:flex; flex-direction:column; border-top:1px solid var(--rc-border); min-height:0; overflow:hidden; }.aw-talent-draft .card.selected .card-info{ border-top-color:rgba(8,94,203,.3); }.aw-talent-draft .card-name-block{
    position:absolute; left:0; right:0; bottom:0; z-index:2; padding:5px 7px 4px;
    background:rgba(16,18,26,.32); backdrop-filter:blur(7px) saturate(150%); -webkit-backdrop-filter:blur(7px) saturate(150%);
  }.aw-talent-draft .card-name{ font-size:9px; font-weight:700; color:#fff; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.aw-talent-draft .card-role{ font-size:8px; color:rgba(255,255,255,.82); line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }.aw-talent-draft .card-rate{ font-size:8.5px; color:#FFC24B; font-weight:700; line-height:1.25; margin-top:1px; }.aw-talent-draft .card.selected .card-rate{ color:#8FCBFF; }.aw-talent-draft .card-stats{ display:flex; justify-content:space-around; align-items:center; border-top:1px solid rgba(var(--rc-rgb),.14); padding:5px 4px; background:rgba(var(--rc-rgb),.05); }.aw-talent-draft .stat{ display:flex; flex-direction:column; align-items:center; gap:1px; }.aw-talent-draft .stat-val{ font-size:12px; font-weight:700; line-height:1; color:var(--rc-color); }.aw-talent-draft .stat-label{ font-size:7.5px; font-weight:700; letter-spacing:.06em; color:var(--text-faint); line-height:1; }.aw-talent-draft .stat-divider{ width:1px; height:18px; background:var(--border-soft); }.aw-talent-draft .rarity-strip{ padding:2px 0; text-align:center; font-size:6px; font-weight:700; letter-spacing:.12em; color:#fff; flex-shrink:0; background:var(--rc-color); }.aw-talent-draft .card.selected .rarity-strip{ background:linear-gradient(135deg,var(--brand-1),var(--brand-2)); }/* ---------- Card enter / exit motion ---------- */
  @keyframes dealIn{
    from{ opacity:0; transform:translateY(60px) rotate(16deg) scale(.78); }
    to{ opacity:1; transform:translateY(0) rotate(var(--tilt,0deg)) scale(1); }
  }.aw-talent-draft .card.deal-in, .aw-talent-draft .deck.deal-in{
    animation:dealIn .5s cubic-bezier(.22,1.15,.4,1) both;
    animation-delay:calc(var(--i,0) * 80ms);
  }
  @keyframes cardExit{
    to{ opacity:0; transform:translateY(-36px) rotate(-9deg) scale(.85); }
  }.aw-talent-draft .card.card-exit{
    animation:cardExit .3s cubic-bezier(.5,0,1,1) both;
    animation-delay:calc(var(--i,0) * 45ms);
    pointer-events:none;
  }
  @keyframes deckPulse{ 0%{transform:scale(1);} 45%{transform:scale(.93) rotate(-2deg);} 100%{transform:scale(1);} }.aw-talent-draft .deck.deck-pulse .deck-top{ animation:deckPulse .35s ease; }/* Flying-avatar clone used for the "add to team" delighter (positioned relative to viewport). */
  .aw-talent-draft .flying-avatar{
    position:fixed; z-index:500; object-fit:cover; pointer-events:none;
    box-shadow:0 10px 28px rgba(0,0,0,.3); will-change:left,top,width,height,border-radius;
    transition:left .5s cubic-bezier(.3,.86,.4,1), top .5s cubic-bezier(.3,.86,.4,1),
               width .5s cubic-bezier(.3,.86,.4,1), height .5s cubic-bezier(.3,.86,.4,1),
               border-radius .5s ease, opacity .45s ease .2s;
  }.aw-talent-draft .more-info-bar, .aw-talent-draft .more-info-overlay{
    display:flex; align-items:center; justify-content:center; gap:4px; font-size:9.5px; font-weight:600;
    color:var(--text-muted); cursor:pointer;
  }.aw-talent-draft .more-info-bar{ border-top:1px solid rgba(var(--rc-rgb),.14); padding:5px 7px; flex-shrink:0; }.aw-talent-draft .more-info-overlay{
    display:none; position:absolute; bottom:14px; left:5px; right:5px;
    background:color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter:blur(4px);
    border:1px solid var(--border-soft); border-radius:6px; padding:4px 0; z-index:20;
    animation:fadeUp .15s ease both;
  }
  @media (hover:hover) and (pointer:fine){.aw-talent-draft .more-info-bar{ display:none; }.aw-talent-draft .card:hover .more-info-overlay{ display:flex; }
  }/* ---------- Deck card ---------- */
  .aw-talent-draft .deck{ width:100%; height:188px; position:relative; cursor:pointer; }
  @media (max-width:768px){.aw-talent-draft .deck{ height:210px; } }.aw-talent-draft .deck-layer{ position:absolute; inset:0; border-radius:12px; background:var(--brand-tint); border:2px solid var(--brand-tint-strong); }.aw-talent-draft .deck-layer.l1{ transform:rotate(-4deg); }.aw-talent-draft .deck-layer.l2{ transform:rotate(-2deg); background:color-mix(in srgb, var(--brand-tint) 60%, var(--surface)); }.aw-talent-draft .deck-top{
    position:absolute; inset:0; border-radius:12px; background:linear-gradient(160deg,var(--surface) 0%,var(--brand-tint) 130%);
    border:2px solid var(--brand-tint-strong); box-shadow:var(--shadow-1); transition:all .25s ease;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; z-index:2;
    overflow:hidden;
  }.aw-talent-draft .deck:hover .deck-top{ border-color:var(--brand-solid); box-shadow:0 12px 32px rgba(8,94,203,.2); }.aw-talent-draft .deck-tiles{ position:absolute; inset:0; background-image:repeating-linear-gradient(45deg,rgba(8,94,203,.05) 0px,rgba(8,94,203,.05) 1px,transparent 1px,transparent 16px),repeating-linear-gradient(-45deg,rgba(8,94,203,.05) 0px,rgba(8,94,203,.05) 1px,transparent 1px,transparent 16px); }.aw-talent-draft .deck-mark{ position:absolute; color:rgba(8,94,203,.35); font-size:8px; }.aw-talent-draft .deck-btn{
    position:relative; z-index:1; display:flex; align-items:center; gap:4px; border-radius:999px;
    padding:5px 11px; border:1px solid var(--brand-tint-strong); background:var(--brand-tint); transition:all .2s;
    font-size:9.5px; font-weight:500; color:var(--brand-solid);
  }.aw-talent-draft .deck:hover .deck-btn{ background:linear-gradient(84deg,var(--brand-1) 45%,var(--brand-2)); border-color:transparent; color:#fff; }/* ---------- Expanded card ---------- */
  @keyframes expandIn{
    from{ opacity:0; transform:scale(.94) translateY(12px); }
    to{ opacity:1; transform:scale(1) translateY(0); }
  }.aw-talent-draft .expanded{
    border-radius:14px; overflow:hidden; border:2px solid var(--rc-border);
    background:linear-gradient(160deg,var(--surface) 0%,var(--surface-3) 100%);
    display:flex; flex-direction:row; box-shadow:0 6px 24px rgba(0,0,0,.1);
    animation:expandIn .32s cubic-bezier(.28,1.2,.45,1) both; min-height:190px; grid-column:1/-1;
  }.aw-talent-draft .expanded-photo, .aw-talent-draft .expanded-stats .expanded-stat, .aw-talent-draft .skill-tags .skill-tag{ animation:fadeUp .4s ease both; }.aw-talent-draft .expanded-photo{ animation-delay:.04s; }.aw-talent-draft .expanded-stats .expanded-stat:nth-child(1){ animation-delay:.09s; }.aw-talent-draft .expanded-stats .expanded-stat:nth-child(2){ animation-delay:.15s; }.aw-talent-draft .expanded-stats .expanded-stat:nth-child(3){ animation-delay:.21s; }.aw-talent-draft .skill-tags .skill-tag:nth-child(1){ animation-delay:.22s; }.aw-talent-draft .skill-tags .skill-tag:nth-child(2){ animation-delay:.27s; }.aw-talent-draft .skill-tags .skill-tag:nth-child(3){ animation-delay:.32s; }.aw-talent-draft .skill-tags .skill-tag:nth-child(4){ animation-delay:.37s; }.aw-talent-draft .skill-tags .skill-tag:nth-child(n+5){ animation-delay:.4s; }.aw-talent-draft .expanded.selected{ border-color:var(--brand-solid); box-shadow:0 10px 32px rgba(8,94,203,.16); }
  @media (max-width:768px){.aw-talent-draft .expanded{ flex-direction:column; } }.aw-talent-draft .expanded-photo{ width:150px; height:auto; flex-shrink:0; position:relative; overflow:hidden; }
  @media (max-width:768px){.aw-talent-draft .expanded-photo{ width:100%; height:160px; } }.aw-talent-draft .expanded-photo img{
    width:100%; height:100%; object-fit:cover; object-position:center; display:block;
    transform:scale(1.28); transform-origin:var(--fx,50%) var(--fy,32%);
  }.aw-talent-draft .expanded-photo-label{ position:absolute; bottom:0; left:0; right:0; padding:6px 8px; background:linear-gradient(transparent, rgba(0,0,0,.55)); font-size:8px; font-weight:700; color:#fff; letter-spacing:.1em; }.aw-talent-draft .expanded-body{ flex:1; padding:14px 18px; display:flex; flex-direction:column; gap:8px; min-width:0; }.aw-talent-draft .expanded-head{ display:flex; justify-content:space-between; align-items:flex-start; }.aw-talent-draft .expanded-name{ font-size:14px; font-weight:700; color:var(--text); line-height:1.1; }.aw-talent-draft .expanded-meta{ font-size:11px; color:var(--text-muted); margin-top:2px; }.aw-talent-draft .icon-btn{ background:var(--surface-3); border:none; border-radius:50%; width:24px; height:24px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:11px; flex-shrink:0; margin-left:10px; }.aw-talent-draft .chip-row{ display:flex; gap:8px; flex-wrap:wrap; }.aw-talent-draft .chip{ font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; }.aw-talent-draft .chip.rate{ background:var(--accent-tint); border:1px solid color-mix(in srgb, var(--accent) 30%, transparent); color:var(--accent-dark); }.aw-talent-draft .chip.exp{ background:var(--surface-2); border:1px solid var(--border); color:var(--text-muted); font-weight:500; }.aw-talent-draft .expanded-stats{ display:flex; gap:10px; }.aw-talent-draft .expanded-stat{ flex:1; min-width:0; background:rgba(var(--rc-rgb),.07); border:1px solid rgba(var(--rc-rgb),.18); border-radius:8px; padding:6px 8px; text-align:center; }.aw-talent-draft .expanded-stat .val{ font-size:14px; font-weight:700; color:var(--rc-color); line-height:1; }.aw-talent-draft .expanded-stat .lbl{ font-size:8.5px; color:var(--text-faint); font-weight:600; letter-spacing:.02em; margin-top:3px; line-height:1.25; }.aw-talent-draft .expanded-ability{ font-size:11px; color:var(--text-muted); line-height:1.5; font-style:italic; border-left:2px solid rgba(var(--rc-rgb),.35); padding-left:10px; }.aw-talent-draft .expanded-footer{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; flex-wrap:wrap; }.aw-talent-draft .skill-tags{ display:flex; gap:5px; flex-wrap:wrap; }.aw-talent-draft .skill-tag{ background:rgba(var(--rc-rgb),.07); border:1px solid rgba(var(--rc-rgb),.18); color:var(--rc-color); font-size:10px; font-weight:600; padding:2px 8px; border-radius:20px; }.aw-talent-draft .btn-add{
    padding:7px 16px; flex-shrink:0; border-radius:999px; font-size:11px; font-weight:500; cursor:pointer; border:none;
    background:linear-gradient(84deg,var(--brand-1) 45%,var(--brand-2)); color:#fff; box-shadow:0 3px 10px rgba(8,94,203,.28); transition:all .15s;
  }.aw-talent-draft .btn-add.is-selected{ background:var(--brand-tint); color:var(--brand-solid); border:1.5px solid var(--brand-tint-strong); box-shadow:none; }/* ---------- Team bar ---------- */
  .aw-talent-draft .team-bar{ border-top:1px solid var(--border-soft); padding-top:12px; display:flex; align-items:center; gap:8px; flex-wrap:nowrap; }.aw-talent-draft .team-label{ font-size:10.5px; font-weight:700; letter-spacing:.1em; color:var(--text-faint); flex-shrink:0; }.aw-talent-draft .team-slots{ display:flex; gap:7px; flex:1; min-width:0; }.aw-talent-draft .team-slot{
    flex:1; height:40px; border-radius:10px; border:1.5px dashed var(--border); display:flex; align-items:center;
    gap:6px; justify-content:center; cursor:default; overflow:hidden; min-width:0; transition:all .2s;
  }.aw-talent-draft .team-slot.filled{ border:1.5px solid var(--rc-border); background:var(--surface-2); justify-content:flex-start; padding:0 7px; cursor:pointer; }.aw-talent-draft /* flex:none, .aw-talent-draft not flex-shrink:0 — abroadworks.com sets a global img{flex:1}.aw-talent-draft and a flex-basis of 0 overrides width, .aw-talent-draft stretching the circle into an ellipse. */ .team-slot img{ width:24px; height:24px; border-radius:50%; object-fit:cover; flex:none; }.aw-talent-draft .team-slot .tname{ font-size:8.5px; font-weight:700; color:var(--text); line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.aw-talent-draft .team-slot .trole{ font-size:7.5px; color:var(--text-muted); line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.aw-talent-draft .team-slot .plus{ font-size:15px; color:var(--border); line-height:1; }
  @keyframes slotPop{ 0%{transform:scale(.55);} 55%{transform:scale(1.1);} 100%{transform:scale(1);} }.aw-talent-draft .team-slot.just-added{ animation:slotPop .4s cubic-bezier(.28,1.4,.5,1); }.aw-talent-draft .team-slot.just-added img{ animation:fadeUp .3s ease both; }.aw-talent-draft .btn-start-hiring{
    padding:9px 14px; background:linear-gradient(84deg,var(--brand-1) 45%,var(--brand-2)); color:#fff; border:none;
    border-radius:999px; font-size:12px; font-weight:500; cursor:pointer; box-shadow:0 4px 14px rgba(8,94,203,.32);
    white-space:nowrap; flex-shrink:0; animation:fadeUp .25s ease both;
  }

  @media (max-width:860px){.aw-talent-draft .hero{ flex-direction:column; align-items:stretch; padding:20px 16px 32px; gap:24px; }.aw-talent-draft .hero-left{ flex:none; align-items:center; text-align:center; }.aw-talent-draft .sub{ max-width:none; }.aw-talent-draft .trust{ justify-content:center; }.aw-talent-draft .cta-row{ justify-content:center; }/* The headline's hard line breaks are tuned for the narrow desktop column. In one column they pin it to a ~209px block floating in a 720px space while the subtext below fills the lot. Drop the breaks and let it wrap to the column. align-self is what actually guarantees the full width: hero-left centres its children, which otherwise sizes each one to its own content. */
  .aw-talent-draft h1.headline br{ display:none; }.aw-talent-draft h1.headline{ align-self:stretch; text-wrap:pretty; }/* Two short lines beside the avatars read better flush to each other than centred against each other, which leaves a ragged middle. */
  .aw-talent-draft .trust-copy{ text-align:left; }
  }.aw-talent-draft .hero-wrap{ padding-block:64px; }/* ---------- Modal ---------- */
  .aw-talent-draft .modal-backdrop{
    position:fixed; inset:0; z-index:200; background:rgba(0,0,0,.45); backdrop-filter:blur(6px);
    display:flex; align-items:center; justify-content:center; padding:16px;
  }.aw-talent-draft .modal{
    width:500px; max-width:100%; max-height:90vh; background:var(--surface); border-radius:16px; overflow:hidden;
    border:1px solid var(--border); box-shadow:var(--shadow-modal); display:flex; flex-direction:column;
    animation:fadeUp .3s cubic-bezier(.34,1.56,.64,1) both;
  }.aw-talent-draft .modal-header{ padding:18px 22px 14px; border-bottom:1px solid var(--border-soft); display:flex; justify-content:space-between; align-items:flex-start; background:linear-gradient(135deg,var(--brand-tint),var(--surface)); flex-shrink:0; }.aw-talent-draft .modal-title{ font-size:17px; font-weight:700; color:var(--text); }.aw-talent-draft .modal-subtitle{ font-size:11px; color:var(--text-faint); margin-top:3px; }.aw-talent-draft .modal-body{ flex:1; overflow-y:auto; padding:18px 22px; display:flex; flex-direction:column; gap:16px; }.aw-talent-draft .section-label{ font-size:10.5px; font-weight:700; color:var(--text-muted); margin-bottom:8px; letter-spacing:.04em; }.aw-talent-draft .section-hint{ font-size:11px; color:var(--text-faint); margin-bottom:10px; line-height:1.5; }.aw-talent-draft .pick-row{ display:flex; gap:7px; flex-wrap:wrap; }.aw-talent-draft .pick-chip{ display:flex; align-items:center; gap:7px; background:var(--surface-2); border:1px solid var(--border); border-radius:8px; padding:5px 8px 5px 10px; }.aw-talent-draft .pick-chip img{ width:22px; height:22px; border-radius:50%; object-fit:cover; flex:none; }.aw-talent-draft .pick-chip .pname{ font-size:11px; font-weight:700; color:var(--text); line-height:1.2; white-space:nowrap; }.aw-talent-draft .pick-chip .pmeta{ font-size:10px; color:var(--text-faint); line-height:1.2; white-space:nowrap; }.aw-talent-draft .pick-remove{ background:none; border:none; cursor:pointer; color:var(--border); font-size:12px; padding:2px 2px 2px 4px; line-height:1; flex-shrink:0; border-radius:4px; }.aw-talent-draft .pick-remove:hover{ color:var(--danger); }.aw-talent-draft .empty-note{ font-size:11px; color:var(--border); font-style:italic; }/* Opening the form with no shortlist is a legitimate route, not a mistake, so this reads as an invitation rather than the scolding the old empty state gave. */
  .aw-talent-draft .section-hint.no-picks{ font-size:12.5px; color:var(--text-muted); margin-bottom:0; }.aw-talent-draft .form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  @media (max-width:480px){.aw-talent-draft .form-grid{ grid-template-columns:1fr; } }.aw-talent-draft .field label{ display:block; font-size:10.5px; font-weight:700; color:var(--text-muted); margin-bottom:4px; }.aw-talent-draft .field .req{ color:var(--accent); }.aw-talent-draft .field .opt{ color:var(--text-faint); font-weight:400; }.aw-talent-draft .field input{
    width:100%; padding:9px 11px; border-radius:8px; box-sizing:border-box; border:1px solid var(--border);
    background:var(--input-bg); font-size:13px; color:var(--text); outline:none;
  }.aw-talent-draft .field input.err{ border-color:#FCA5A5; background:color-mix(in srgb, var(--danger) 6%, var(--input-bg)); }.aw-talent-draft .field-error{ font-size:10px; color:var(--danger); margin-top:2px; }.aw-talent-draft .form-divider{ border-top:1px solid var(--border-soft); padding-top:16px; display:flex; flex-direction:column; gap:13px; }.aw-talent-draft .btn-submit{
    padding:12px 0; background:linear-gradient(84deg,var(--brand-1) 45%,var(--brand-2)); border:none; border-radius:999px;
    color:#fff; font-size:14px; font-weight:500; cursor:pointer; box-shadow:0 4px 16px rgba(8,94,203,.28);
  }.aw-talent-draft .sent-state{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 24px; text-align:center; gap:14px; }.aw-talent-draft .sent-state .big{ font-size:52px; }.aw-talent-draft .sent-state h3{ font-size:20px; font-weight:700; color:var(--text); margin:0; animation:fadeUp .35s ease .35s both; }.aw-talent-draft .sent-state p{ font-size:14px; color:var(--text-muted); line-height:1.65; max-width:320px; margin:0; animation:fadeUp .35s ease .45s both; }.aw-talent-draft .sent-state p b{ color:var(--text); }.aw-talent-draft .sent-state .btn-done{ animation:fadeUp .35s ease .55s both; }/* ---------- Success checkmark + confetti delighter ---------- */
  .aw-talent-draft .success-burst{ position:relative; width:72px; height:72px; margin:0 auto; }.aw-talent-draft .success-icon{ width:72px; height:72px; }.aw-talent-draft .success-icon .ring{
    fill:none; stroke:var(--brand-tint-strong); stroke-width:3;
  }.aw-talent-draft .success-icon .circle{
    fill:none; stroke:var(--brand-solid); stroke-width:3; stroke-linecap:round;
    stroke-dasharray:151; stroke-dashoffset:151; transform-origin:center; transform:rotate(-90deg);
    animation:circleDraw .55s cubic-bezier(.4,0,.2,1) .05s both;
  }.aw-talent-draft .success-icon .check{
    fill:none; stroke:var(--brand-solid); stroke-width:4; stroke-linecap:round; stroke-linejoin:round;
    stroke-dasharray:36; stroke-dashoffset:36;
    animation:checkDraw .3s ease .5s both;
  }
  @keyframes circleDraw{ to{ stroke-dashoffset:0; } }
  @keyframes checkDraw{ to{ stroke-dashoffset:0; } }.aw-talent-draft .confetti-piece{
    position:absolute; top:50%; left:50%; width:7px; height:7px; border-radius:2px;
    background:var(--c); transform:translate(-50%,-50%); opacity:0;
    animation:confettiBurst .8s cubic-bezier(.2,.7,.3,1) both;
    animation-delay:var(--d,0s);
  }
  @keyframes confettiBurst{
    0%{ opacity:1; transform:translate(-50%,-50%) rotate(0deg); }
    100%{ opacity:0; transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)); }
  }.aw-talent-draft .btn-done{ margin-top:4px; padding:12px 32px; background:var(--text); color:var(--surface); border:none; border-radius:999px; font-size:14px; font-weight:500; cursor:pointer; }/* ---------- Form guards & consent ---------- */
  .aw-talent-draft /* Honeypot: off-screen rather than display:none, .aw-talent-draft since some bots skip hidden inputs. */ .hp-field{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }.aw-talent-draft .submit-error{ font-size:12px; line-height:1.5; color:var(--danger); background:color-mix(in srgb, var(--danger) 8%, transparent); border:1px solid color-mix(in srgb, var(--danger) 25%, transparent); border-radius:8px; padding:9px 11px; }.aw-talent-draft .btn-submit[disabled]{ opacity:.65; cursor:default; }.aw-talent-draft .consent-note{ font-size:10.5px; line-height:1.5; color:var(--text-faint); margin:0; text-align:center; }/* ---------- Inline booking step ---------- */
  .aw-talent-draft .modal.wide{ width:760px; }/* The calendar makes this taller than the modal's 90vh cap, which would otherwise clip rather than scroll, since .modal is overflow:hidden. */
  .aw-talent-draft .sent-state.compact{ padding:24px 22px 18px; gap:10px; overflow-y:auto; justify-content:flex-start; }.aw-talent-draft .sent-state.compact .success-burst, .aw-talent-draft .sent-state.compact .success-icon{ width:52px; height:52px; }.aw-talent-draft .sent-state.compact h3{ font-size:17px; }.aw-talent-draft .sent-state.compact p{ font-size:13px; }.aw-talent-draft .booking-block{ width:100%; display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:6px; border-top:1px solid var(--border-soft); padding-top:16px; animation:fadeUp .35s ease .6s both; }.aw-talent-draft .booking-lead{ font-size:13.5px; font-weight:500; color:var(--text); }/* Tall enough that the time slots are visible without scrolling the frame on a roomy screen, short enough that the modal still fits inside its 90vh cap on a laptop. */
  .aw-talent-draft .booking-frame{ width:100%; height:clamp(420px,62vh,660px); border:1px solid var(--border-soft); border-radius:12px; background:var(--surface-2); }.aw-talent-draft .booking-skip{ background:none; border:none; cursor:pointer; font-size:12px; color:var(--text-faint); font-weight:500; text-decoration:underline; text-underline-offset:2px; padding:2px 6px; }.aw-talent-draft .booking-skip:hover{ color:var(--text-muted); }.aw-talent-draft .booking-placeholder{ width:100%; height:200px; border:1.5px dashed var(--border); border-radius:12px; background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; }.aw-talent-draft .booking-placeholder-title{ font-size:13px; font-weight:700; color:var(--text-muted); }.aw-talent-draft .booking-placeholder-sub{ font-size:11px; color:var(--text-faint); text-align:center; padding:0 18px; line-height:1.5; }.aw-talent-draft .booking-done{ display:flex; flex-direction:column; align-items:center; gap:4px; }.aw-talent-draft .booking-done-title{ font-size:15px; font-weight:700; color:var(--brand-solid); }.aw-talent-draft .booking-done-sub{ font-size:12.5px; color:var(--text-muted); }
  @media (max-width:820px){.aw-talent-draft .modal.wide{ width:500px; }.aw-talent-draft .booking-frame{ height:clamp(400px,58vh,520px); }
  }

  /* ====================== v3 changes ======================
     - Scores row removed from the small cards (still in the expanded view); the photo takes the space.
     - Photo crop is set per photo by fitFocal() in the script; the CSS below is only the fallback.
     - Hover-only "More info" replaced by an always-visible corner tab.
     - Instruction moved from the panel header to just below the cards. */
  .aw-talent-draft .card-photo{ flex:1 1 auto; height:auto; min-height:0; }
  .aw-talent-draft .card-photo img{
    object-position:var(--fx,50%) var(--fy,32%);
    transform:none;
  }
  .aw-talent-draft .expanded-photo img{ object-position:var(--fx,50%) var(--fy,32%); }
  .aw-talent-draft .card-info, .aw-talent-draft .more-info-overlay, .aw-talent-draft .more-info-bar{ display:none !important; }

  .aw-talent-draft .info-tab{
    position:absolute; top:6px; left:6px; z-index:11;
    display:inline-flex; align-items:center; gap:0;
    height:20px; min-width:20px; padding:0; margin:0;
    border-radius:999px; border:1px solid rgba(var(--rc-rgb),.45);
    background:rgba(255,255,255,.9); color:var(--rc-color);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    box-shadow:0 1px 4px rgba(0,0,0,.18);
    font:inherit; cursor:pointer; line-height:1;
    transition:padding .2s ease, gap .2s ease, background .2s ease, box-shadow .2s ease;
  }
  .aw-talent-draft .info-tab::before{ /* larger touch target without a larger visual */
    content:""; position:absolute; inset:-8px;
  }
  .aw-talent-draft .info-tab .info-i{
    width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
    font-family:Georgia, "Times New Roman", serif; font-style:italic; font-weight:700; font-size:11.5px;
  }
  .aw-talent-draft .info-tab .info-label{
    max-width:0; overflow:hidden; white-space:nowrap; opacity:0;
    font-size:8.5px; font-weight:700; letter-spacing:.04em; color:var(--text-muted);
    transition:max-width .25s ease, opacity .2s ease;
  }
  .aw-talent-draft .card:hover .info-tab,
  .aw-talent-draft .info-tab:focus-visible,
  .aw-talent-draft .info-tab.hint{ padding-right:7px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.2); }
  .aw-talent-draft .card:hover .info-tab .info-label,
  .aw-talent-draft .info-tab:focus-visible .info-label,
  .aw-talent-draft .info-tab.hint .info-label{ max-width:80px; opacity:1; }
  .aw-talent-draft .info-tab:hover{ border-color:var(--rc-color); }
  .aw-talent-draft .info-tab:focus-visible{ outline:2px solid var(--brand-solid); outline-offset:2px; }
  .aw-talent-draft .card.selected .info-tab{ border-color:rgba(8,94,203,.45); color:var(--brand-solid); }

  @keyframes infoPulse{
    0%{ box-shadow:0 2px 8px rgba(0,0,0,.2), 0 0 0 0 rgba(var(--rc-rgb),.55); }
    70%{ box-shadow:0 2px 8px rgba(0,0,0,.2), 0 0 0 9px rgba(var(--rc-rgb),0); }
    100%{ box-shadow:0 2px 8px rgba(0,0,0,.2), 0 0 0 0 rgba(var(--rc-rgb),0); }
  }
  .aw-talent-draft .info-tab.hint{ animation:infoPulse 1.1s ease-out 3; }

  .aw-talent-draft .cards-hint{
    margin-top:-4px; text-align:center; font-size:12px; color:var(--text-muted); line-height:1.4;
  }
  .aw-talent-draft .cards-hint .hint-i{
    display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; margin:0 1px;
    border-radius:50%; border:1px solid var(--border); background:var(--surface);
    font-family:Georgia, "Times New Roman", serif; font-style:italic; font-weight:700; font-size:10px; color:var(--text-muted);
    vertical-align:1px;
  }
  .aw-talent-draft .cards-hint.is-hidden{ display:none; }
  .aw-talent-draft .cards-hint .verb-tap{ display:none; }
  @media (hover:none){ .aw-talent-draft .cards-hint .verb-click{ display:none; } .aw-talent-draft .cards-hint .verb-tap{ display:inline; } }

  /* ====================== Single-column layout (A/B variant) ======================
     Applies only when the wrapper has BOTH classes: class="aw-talent-draft td-1col".
     Without td-1col the original two-column layout is used, so one stylesheet serves
     both variants of the test.
     The Talent Draft sits on top, centred, with the headline, subtext, CTA and trust row
     below it, sized so the whole hero fits above the fold on common laptop screens.
     The markup order is unchanged (the H1 still comes first in the page source, which is
     what search engines and screen readers read); only the visual order flips. */
  .aw-talent-draft.td-1col .hero-wrap{ padding-block:clamp(12px, 3vh, 40px); }
  .aw-talent-draft.td-1col .hero{
    flex-direction:column; align-items:center;
    max-width:880px; padding:0 24px; gap:clamp(14px, 2.6vh, 28px);
  }
  /* Card height follows the screen height; the panel width follows the card height so the
     cards keep their portrait trading-card shape instead of stretching wide. */
  .aw-talent-draft.td-1col{ --card-h:clamp(140px, 23vh, 196px); }
  .aw-talent-draft.td-1col .panel-col{ order:-1; flex:none; width:100%; max-width:calc(var(--card-h) * 2.96 + 74px); }
  .aw-talent-draft.td-1col .panel{ padding:clamp(14px, 2.2vh, 22px) 22px; gap:clamp(8px, 1.4vh, 13px); }
  .aw-talent-draft.td-1col .motion-toggle-subtle{ margin-top:6px; }
  .aw-talent-draft.td-1col .card, .aw-talent-draft.td-1col .deck{ height:var(--card-h); }
  .aw-talent-draft.td-1col .deck-btn{ white-space:nowrap; padding:5px 8px; }

  .aw-talent-draft.td-1col .hero-left{
    flex:none; width:100%; max-width:760px;
    display:grid; grid-template-columns:auto auto; justify-content:center; align-items:center;
    column-gap:20px; text-align:center;
  }
  .aw-talent-draft.td-1col .hero-left > h1.headline,
  .aw-talent-draft.td-1col .hero-left > .sub{ grid-column:1 / -1; justify-self:center; }
  .aw-talent-draft.td-1col h1.headline{
    font-size:clamp(26px, 2.6vw + 1vh, 42px); line-height:1.08; margin:0 0 8px;
  }
  .aw-talent-draft.td-1col h1.headline br{ display:none; }
  .aw-talent-draft.td-1col .sub{
    max-width:640px; font-size:clamp(13.5px, 1.6vh, 15px); line-height:1.55; margin:0 0 clamp(10px, 1.8vh, 18px);
  }
  .aw-talent-draft.td-1col .cta-row{ margin:0; justify-content:flex-end; }
  .aw-talent-draft.td-1col .trust{ justify-content:flex-start; }
  .aw-talent-draft.td-1col .trust-copy{ text-align:left; }

  /* Phones: stack the CTA and trust row, and keep the cards in their 2x2 grid. */
  @media (max-width:860px){
    .aw-talent-draft.td-1col .hero{ padding:12px 16px 28px; }
    .aw-talent-draft.td-1col .hero-left{ grid-template-columns:1fr; row-gap:14px; }
    .aw-talent-draft.td-1col .hero-left > *{ justify-self:center; }
    .aw-talent-draft.td-1col .cta-row{ justify-content:center; }
    .aw-talent-draft.td-1col .sub{ margin-bottom:2px; }
    .aw-talent-draft.td-1col{ --card-h:210px; }
    .aw-talent-draft.td-1col .panel-col{ max-width:none; }
  }