.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 ---------- */
  .aw-talent-draft @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 ---------- */
  .aw-talent-draft @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); }
  }