/* Content illustrations for the original eight sticky auction cards only. */
#auction .cp-auction-card {
  --au-ink:#062817; --au-muted:#657d6b; --au-panel:#fffef8;
  --au-line:rgb(36 77 54 / .13);
  color:var(--au-ink);
}
#auction .cp-auction-card:nth-child(even) {
  --au-ink:#fff7ef; --au-muted:#d9e3d2; --au-panel:rgb(6 40 23 / .22);
  --au-line:rgb(255 240 223 / .22);
}
#auction .cp-auction-card-top { align-items:center; }
#auction .cp-auction-card-top > span:first-child { font-size:48px; line-height:1; }
#auction .auction-card-icon { display:flex; margin:0; color:inherit; }
#auction .auction-card-icon > svg { display:block; width:36px; height:36px; }
#auction .cp-auction-card h3 { margin:12px 0 16px; font-size:clamp(22px,2.25vw,32px); line-height:1.12; }
#auction .auction-visual { display:flex; align-items:center; justify-content:center; gap:12px; height:140px; min-width:0; }
#auction .auction-visual :is(span,strong,small,div) { box-sizing:border-box; }
#auction .auction-visual svg { display:block; flex-shrink:0; }
#auction .auction-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.auction-symbols { position:absolute; width:0; height:0; overflow:hidden; }
#auction .auction-portrait {
  display:block; width:100%; aspect-ratio:1; flex-shrink:0;
  background-image:url(auction/players-atlas.png); background-size:300% 200%;
  background-position:var(--portrait-x,0%) var(--portrait-y,0%);
  background-repeat:no-repeat; background-color:#062817;
}
#auction .auction-player { position:relative; flex:1 1 0; max-width:112px; min-width:0; overflow:hidden; border:1px solid var(--au-line); border-radius:10px; background:var(--au-panel); }
#auction .auction-role { display:block; position:relative; margin:-21px 8px 5px; padding:4px 2px; border-radius:6px; background:#fff9ef; color:#244d36; text-align:center; font:700 10px/1 'Inter',sans-serif; box-shadow:0 1px 4px #25040b14; }
#auction .auction-add-player { display:grid; place-items:center; flex:1 1 0; min-width:0; max-width:112px; aspect-ratio:1; border:1px dashed rgb(255 242 225 / .48); border-radius:10px; background:rgb(37 5 13 / .1); }
#auction .auction-add-player svg { width:34px; height:34px; opacity:.85; }
#auction .auction-setting { display:flex; align-items:center; justify-content:center; gap:12px; flex:1 1 0; min-width:0; height:112px; padding:14px 12px; border:1px solid var(--au-line); border-radius:10px; background:var(--au-panel); }
#auction .auction-setting > svg { width:30px; height:30px; color:#75656e; }
#auction .auction-setting-copy { min-width:0; }
#auction .auction-setting small { display:block; margin-bottom:7px; color:var(--au-muted); font-size:11px; line-height:1.2; }
#auction .auction-setting strong { display:block; color:var(--au-ink); font:750 clamp(22px,2.5vw,36px)/1 'Manrope',sans-serif; letter-spacing:-.04em; }
#auction .auction-adjust { display:flex; align-items:center; gap:5px; margin-top:10px; }
#auction .auction-adjust span { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#eee6e8; color:#526956; font-size:17px; line-height:1; }
#auction .auction-queue { gap:8px; }
#auction .auction-queue .auction-player { max-width:116px; }
#auction .auction-queue-number { position:absolute; z-index:1; top:6px; left:6px; padding:4px 6px; border-radius:5px; color:#fff8ef; background:rgb(30 5 12 / .62); font-size:11px; font-weight:700; }
#auction .auction-queue-arrow { width:20px; height:20px; color:#7f9477; }
#auction .auction-budget { width:min(100%,390px); }
#auction .auction-budget-top { display:flex; align-items:center; gap:20px; }
#auction .auction-crest { width:49px; height:57px; color:#e9be67; filter:drop-shadow(0 2px 2px #18050b2b); }
#auction .auction-budget .auction-crest { width:65px; height:75px; }
#auction .auction-budget small { display:block; margin-bottom:8px; color:var(--au-muted); font-size:10px; font-weight:600; letter-spacing:.1em; }
#auction .auction-budget strong { display:block; color:var(--au-ink); font:750 clamp(25px,3vw,42px)/1.1 'Manrope',sans-serif; letter-spacing:-.04em; white-space:nowrap; }
#auction .auction-budget-bar { height:11px; margin-top:16px; overflow:hidden; border:1px solid rgb(255 237 217 / .24); border-radius:20px; background:rgb(34 4 12 / .25); }
#auction .auction-budget-bar span { display:block; width:70%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#e4bd77,#fae4b5); }
#auction .auction-bid { display:grid; grid-template-columns:1fr; gap:4px; width:min(100%,294px); padding:11px 15px; border:1px solid #77676c; border-radius:12px; color:#fff7ee; background:radial-gradient(ellipse at 30% 0%,#244d36,#062817 85%); box-shadow:0 5px 12px #2c101a0d; text-align:center; }
#auction .auction-bid-label { color:#c6d0b5; font-size:9px; line-height:1.1; font-weight:600; letter-spacing:.06em; }
#auction .auction-bid-price { font:750 29px/1.12 'Manrope',sans-serif; letter-spacing:-.035em; }
#auction .auction-versus { display:flex; align-items:center; justify-content:center; gap:28px; margin-block:2px; }
#auction .auction-versus .auction-crest { width:28px; height:31px; }
#auction .auction-versus > span { color:#c6d0b5; font-size:9px; font-weight:700; }
#auction .auction-bid-action { display:flex; justify-content:center; align-items:center; gap:8px; padding:6px 12px; border:1px solid #638559; border-radius:7px; background:linear-gradient(#174b2d,#0b3d23); font-size:10px; line-height:1.2; font-weight:700; letter-spacing:.09em; }
#auction .auction-bid-action svg { width:14px; height:14px; }
#auction .auction-result { flex:1 1 0; max-width:112px; min-width:0; padding:5px; border:1px solid var(--au-line); border-radius:11px; background:linear-gradient(135deg,#244d36,#062817); }
#auction .auction-result-photo { position:relative; overflow:hidden; border-radius:6px; }
#auction .auction-result-photo .auction-portrait { aspect-ratio:1; }
#auction .auction-result .auction-crest { position:absolute; right:5px; top:5px; width:24px; height:28px; }
#auction .auction-status { display:block; margin-top:4px; padding:7px 3px; border:1px solid #4c785a; border-radius:6px; color:#f3faed; background:#264d37; text-align:center; font:700 10px/1.2 'Inter',sans-serif; letter-spacing:.08em; }
#auction .auction-status.is-unsold { border-color:#6f616a; background:#4c424c; }
#auction .auction-live { position:relative; width:min(100%,370px); height:140px; overflow:hidden; border:1px solid #75636c; border-radius:11px; color:#fff8ed; background:radial-gradient(ellipse at 35% 35%,#365c40,#231c28 72%); }
#auction .auction-live::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 27px,#ffffff05 27px 28px); }
#auction .auction-live-player { position:absolute; left:50%; bottom:7px; width:126px; transform:translateX(-50%); }
#auction .auction-live-player .auction-portrait { border-radius:50% 50% 0 0; }
#auction .auction-live-label { display:flex; position:absolute; z-index:1; top:10px; left:10px; align-items:center; gap:5px; padding:5px 8px; border:1px solid #ef6373; border-radius:5px; background:#b12038; font-size:9px; line-height:1; font-weight:700; letter-spacing:.05em; }
#auction .auction-live-label::before { content:''; width:5px; height:5px; border-radius:50%; background:#fff; }
#auction .auction-live-crest { position:absolute; right:22px; top:35px; opacity:.65; }
#auction .auction-live-crest .auction-crest { width:48px; height:56px; }
#auction .auction-play { display:grid; position:absolute; top:50%; left:50%; place-items:center; width:46px; height:46px; border:2px solid #fff8ef; border-radius:50%; background:rgb(25 8 18 / .38); transform:translate(-50%,-40%); }
#auction .auction-play svg { width:20px; height:20px; margin-left:3px; }
#auction .auction-live-ticker { position:absolute; right:10px; bottom:10px; left:10px; height:4px; border-radius:4px; background:#e4d5d87d; }
#auction .auction-live-ticker::before { content:''; display:block; width:62%; height:100%; border-radius:inherit; background:#174b2d; }
#auction .auction-squad { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; width:100%; }
#auction .auction-squad > .auction-crest { width:30px; height:34px; }
#auction .auction-squad-players { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; width:100%; max-width:490px; }
#auction .auction-squad-player { min-width:0; }
#auction .auction-squad-player .auction-portrait { border:1px solid rgb(255 234 207 / .6); border-radius:50%; }
#auction .auction-squad-player .auction-role { margin:5px 0 0; padding:4px 0; border:1px solid rgb(255 234 207 / .25); border-radius:20px; color:#fff5e8; background:rgb(45 6 15 / .16); box-shadow:none; font-size:9px; }
@media (max-width:1100px) and (min-width:701px) {
  #auction .auction-setting { flex-direction:column; gap:8px; padding:10px 5px; }
  #auction .auction-setting > svg { width:24px; height:24px; }
  #auction .auction-setting-copy { text-align:center; }
  #auction .auction-setting small { margin-bottom:4px; }
  #auction .auction-adjust { display:none; }
  #auction .auction-squad { gap:7px; }
  #auction .auction-squad-players { gap:5px; }
}
@media (max-width:700px) {
  #auction .auction-card-icon > svg { width:30px; height:30px; }
  #auction .cp-auction-card-top > span:first-child { font-size:42px; }
  #auction .cp-auction-card h3 { font-size:24px; margin-block:14px 18px; }
}
@media (max-width:400px) {
  #auction .cp-auction-card { padding:22px 18px; }
  #auction .cp-auction-card h3 { font-size:22px; }
  #auction .auction-visual { gap:8px; }
  #auction .auction-setting { gap:9px; padding:10px 7px; }
  #auction .auction-setting > svg { width:23px; height:23px; }
  #auction .auction-setting small { font-size:10px; }
  #auction .auction-setting strong { font-size:25px; }
  #auction .auction-budget-top { gap:15px; }
  #auction .auction-budget .auction-crest { width:50px; height:59px; }
  #auction .auction-budget strong { font-size:29px; }
  #auction .auction-squad { gap:7px; }
  #auction .auction-squad > .auction-crest { display:none; }
  #auction .auction-squad-players { grid-template-columns:repeat(3,minmax(0,1fr)); width:180px; gap:6px 13px; }
  #auction .auction-squad-player .auction-portrait { width:42px; margin-inline:auto; }
  #auction .auction-squad-player .auction-role { margin-top:2px; padding:3px 0; font-size:8px; }
}