@property --progress { syntax: "<number>"; inherits: false; initial-value: 1; }
.auction-main { width: min(1640px, 100%); padding-top: 18px; }
.team-slot .team-mark{display:grid;place-items:center;width:clamp(26px,1.45vw,32px);height:clamp(26px,1.45vw,32px);overflow:hidden;border:1px solid color-mix(in srgb,var(--team-mark),#fff 35%);border-radius:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--team-mark),#fff 13%),var(--team-mark) 64%,color-mix(in srgb,var(--team-mark),#06111d 44%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .16s ease,filter .16s ease}.team-slot .team-mark.flag::after{content:"";align-self:stretch;justify-self:end;width:12%;background:rgba(4,14,24,.42);clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)}.team-slot .team-mark img{display:block;width:100%;height:100%;object-fit:contain}.team-slot .team-mark:not(.flag),.bid-feed .feed-team-mark:not(.flag){border-color:transparent;background:transparent;box-shadow:none;cursor:zoom-in}.team-slot .team-mark:not(.flag) img,.bid-feed .feed-team-mark:not(.flag) img{display:block;width:100%;height:100%;padding:0!important;object-fit:contain!important}.team-slot .team-mark:not(.flag):hover{z-index:3;filter:drop-shadow(0 5px 8px rgba(0,0,0,.38));transform:scale(1.22)}.bid-feed .feed-team-mark{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--team-mark),#fff 30%);border-radius:4px;background:var(--team-mark);transition:transform .16s ease,filter .16s ease}.bid-feed .feed-team-mark.flag::after{content:"";width:12%;justify-self:end;align-self:stretch;background:rgba(4,14,24,.42)}.bid-feed .feed-team-mark:not(.flag):hover{z-index:2;filter:drop-shadow(0 4px 7px rgba(0,0,0,.38));transform:scale(1.3)}
.auction-page-heading {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.auction-page-heading h1 { margin: 4px 0; font-size: clamp(28px, 3vw, 46px); }
.auction-page-heading p { margin: 0; color: #9badbb; font-size: 16px; }
.auction-stage {
  display: grid;
  grid-template-columns: minmax(270px, .9fr) minmax(390px, 1.3fr) minmax(350px, 1.08fr);
  gap: 12px;
  min-height: min(720px, calc(100vh - 180px));
}
.auction-stage > article { min-width: 0; overflow: hidden; }
.panel-kicker,
.panel-heading {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #7e91a4;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.panel-kicker span:last-child,
.panel-heading span { color: var(--lime); }

.player-showcase {
  min-height: 100%;
  padding: 18px;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 50% 42%, rgba(87, 168, 255, .16), transparent 38%),
    linear-gradient(160deg, #0e2134, #07111d);
}
.player-showcase::before {
  content: "";
  position: absolute;
  inset: 68px 20px 126px;
  border: 1px solid rgba(183, 243, 74, .08);
  clip-path: polygon(50% 0, 95% 22%, 95% 77%, 50% 100%, 5% 77%, 5% 22%);
}
.player-showcase.legendary {
  isolation: isolate;
  color: #2b2417;
  border-color: rgba(205, 168, 89, .72);
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .99) 0 18%, rgba(248, 243, 229, .97) 44%, rgba(211, 190, 139, .94) 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, .64),
    0 20px 70px rgba(212, 181, 104, .2);
}
.player-showcase.legendary::before {
  z-index: 1;
  border: 2px solid rgba(150, 111, 42, .42);
  box-shadow: inset 0 0 48px rgba(181, 140, 57, .1), 0 0 30px rgba(255, 255, 255, .48);
}
.player-showcase.legendary::after {
  content: "ICON";
  position: absolute;
  right: -8px;
  top: 72px;
  z-index: 0;
  color: rgba(119, 82, 24, .08);
  font-family: Impact, sans-serif;
  font-size: 86px;
  letter-spacing: .08em;
  transform: rotate(90deg);
  animation: iconShimmer 4.8s ease-in-out infinite;
}
.player-showcase.legendary > * { z-index: 2; }
.player-showcase.legendary .panel-kicker { color: #6f592b; font-weight: 900; }
.player-showcase.legendary .panel-kicker span:last-child { color: #886522; }
.player-showcase.legendary .rating-orbit {
  border: 2px solid rgba(146, 108, 39, .58);
  background: radial-gradient(circle, #fffdf6 0, #efe5c9 66%, #cfb270 100%);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, .42), 0 0 45px rgba(123, 88, 24, .22);
}
.player-showcase.legendary .rating-orbit::before { border-color: rgba(118, 84, 24, .36); }
.player-showcase.legendary .rating-orbit span,
.player-showcase.legendary .rating-orbit i { color: #896824; font-weight: 900; }
.player-showcase.legendary .rating-orbit strong,
.player-showcase.legendary .player-identity h2 { color: #302719; text-shadow: 0 1px 0 #fff; }
.player-showcase.legendary .player-identity p { color: #715d34; }
.player-showcase.legendary .identity-tags span {
  border-color: rgba(132, 96, 31, .23);
  background: rgba(255, 255, 255, .42);
  color: #4d3e24;
}
.player-showcase.legendary .identity-tags .legend-tag {
  border-color: rgba(136, 95, 25, .5);
  background: #8b6827;
  color: #fffdf6;
  font-weight: 900;
}
.player-showcase.legendary .stat-grid span {
  border: 1px solid rgba(123, 88, 25, .12);
  background: rgba(255, 255, 255, .3);
  color: #806735;
}
.player-showcase.legendary .stat-grid b { color: #3c301d; }
.player-showcase.legendary .metadata-warning { color: #77633b; }
.player-showcase.legendary .player-silhouette { filter: drop-shadow(0 0 35px rgba(123, 88, 24, .18)); }
.player-showcase.legendary .player-silhouette::before {
  background: linear-gradient(145deg, #eadfbe, #aa8d52);
}
.player-showcase.legendary .player-silhouette::after {
  background: linear-gradient(145deg, #dfd0a8, #8f7137 72%);
}
.player-visual {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 250px;
  display: grid;
  place-items: center;
}
.player-photo {
  width: min(78%, 270px);
  height: min(40vh, 330px);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 20px 32px rgba(0, 0, 0, .35));
}
.player-silhouette {
  width: clamp(132px, 13vw, 190px);
  aspect-ratio: .72;
  position: relative;
  opacity: .85;
  filter: drop-shadow(0 0 35px rgba(87, 168, 255, .14));
}
.player-silhouette::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 6%;
  width: 48%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(145deg, #243c50, #0a1824);
  transform: translateX(-50%);
  box-shadow: inset -12px -8px 24px rgba(0, 0, 0, .22);
}
.player-silhouette::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 0;
  height: 64%;
  border-radius: 50% 50% 14% 14% / 36% 36% 12% 12%;
  background: linear-gradient(145deg, #20394d, #07121c 72%);
  clip-path: polygon(30% 0, 70% 0, 100% 34%, 84% 100%, 16% 100%, 0 34%);
}
.rating-orbit {
  position: absolute;
  left: 10px;
  top: 42px;
  z-index: 3;
  width: 82px;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(183, 243, 74, .3);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(183, 243, 74, .16), rgba(8, 19, 31, .88) 68%);
  box-shadow: 0 0 36px rgba(183, 243, 74, .08);
}
.rating-orbit::before {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px dashed rgba(255, 255, 255, .12);
  border-radius: 50%;
}
.rating-orbit span { color: #a9bac7; font-size: 11px; letter-spacing: .12em; }
.rating-orbit strong { font-family: "Arial Narrow", Impact, sans-serif; font-size: 41px; line-height: .95; }
.rating-orbit i { margin-top: 4px; color: var(--lime); font-size: 12px; font-style: normal; letter-spacing: .1em; }
.player-identity { position: relative; z-index: 2; text-align: center; margin-bottom: 15px; }
.player-identity p {
  margin: 0 0 5px;
  color: #7c90a4;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player-identity h2 { margin: 0; font-size: clamp(27px, 2.2vw, 38px); letter-spacing: .04em; }
.identity-tags { margin-top: 11px; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.identity-tags span {
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .05);
  color: #b5c3ce;
  font-size: 13px;
}
.stat-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
}
.stat-grid span { padding: 9px 3px; text-align: center; background: rgba(0, 0, 0, .18); color: #91a4b3; font-size: 11px; }
.stat-grid b { display: block; margin-bottom: 2px; color: #d1dce2; font-size: 18px; }
.metadata-warning {
  position: relative;
  z-index: 2;
  margin: 8px 0 0;
  color: #91a4b4;
  font-size: 12px;
  text-align: center;
}

.auction-core {
  min-height: 100%;
  padding: 16px 24px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(180deg, rgba(13, 34, 52, .98), rgba(5, 15, 25, .98));
}
.auction-core::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 43%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(183, 243, 74, .35), transparent);
  box-shadow: 0 0 20px rgba(183, 243, 74, .35);
}
.mode-switch {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 5px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: #06101a;
}
.mode-switch span { padding: 8px 15px; color: #8397a8; font-size: 12px; letter-spacing: .1em; }
.mode-switch span.active { background: var(--lime); color: var(--ink); font-weight: 900; }
.timer-wrap {
  --progress: 1;
  position: relative;
  z-index: 2;
  width: clamp(160px, 16vw, 230px);
  aspect-ratio: 1;
  margin: auto;
  display: grid;
  place-items: center;
  padding: 4px;
  border-radius: 50%;
  background: conic-gradient(var(--lime) calc(var(--progress) * 1turn), rgba(255, 255, 255, .06) 0);
  filter: drop-shadow(0 0 20px rgba(183, 243, 74, .13));
  will-change: --progress, filter;
  transition: --progress .12s linear, filter .2s ease;
}
.timer-wrap.timer-reset { animation: timerReset .56s cubic-bezier(.2,.8,.25,1); }
.timer-ring {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 7px solid #081522;
  border-radius: 50%;
  background: radial-gradient(circle, #10273a, #07131f 68%);
}
.timer-ring span { color: #9caebb; font-size: 13px; letter-spacing: .1em; }
.timer-ring strong { font-family: "Arial Narrow", Impact, sans-serif; font-size: clamp(48px, 5vw, 73px); line-height: 1.08; }
.timer-ring small { max-width: 150px; color: #8fa3b2; font-size: 12px; text-align: center; }
.auction-core.urgent .timer-wrap {
  background: conic-gradient(var(--coral) calc(var(--progress) * 1turn), rgba(255, 255, 255, .06) 0);
  animation: urgentGlow 1s infinite;
}
.auction-core.urgent .timer-ring strong { color: #ff8c82; }
.timer-pattern {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -2px 0 12px;
  color: #91a5b5;
  font-size: 13px;
}
.timer-pattern b { color: #adbdc8; }
.price-block { position: relative; z-index: 2; text-align: center; }
.price-block > span { display: block; color: #99aaba; font-size: 13px; letter-spacing: .12em; }
.price-block strong {
  display: block;
  margin: 4px 0;
  color: var(--lime);
  font-family: "Arial Narrow", Impact, sans-serif;
  font-size: clamp(36px, 3.6vw, 56px);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.price-block strong.pop { animation: pricePop .42s ease-out; }
.price-block small { color: #b1c0ca; font-size: 16px; }
.sealed-note {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(242, 185, 75, .3);
  background: rgba(242, 185, 75, .055);
  color: #d8ba79;
  font-size: 14px;
  line-height: 1.65;
  text-align: center;
}
.bid-control { position: relative; z-index: 2; width: 100%; margin-top: 15px; }
.amount-input { display: flex; align-items: center; min-height: 43px; border: 1px solid var(--line); background: #06101a; }
.amount-input input { min-height: 41px; border: 0; background: transparent; font-weight: 850; }
.amount-input em { padding-right: 12px; color: #93a7b6; font-size: 14px; font-style: normal; }
.quick-bids { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 6px 0; }
.quick-bids button { min-height: 40px; border: 1px solid rgba(255, 255, 255, .09); background: rgba(255, 255, 255, .04); color: #b6c4ce; font-size: 14px; cursor: pointer; }
.budget-line { display: block; margin-top: 8px; color: #91a5b4; font-size: 13px; text-align: center; }
.auction-result { position: relative; z-index: 2; margin: auto; text-align: center; }
.auction-result > span { display: block; color: var(--lime); font-size: 13px; letter-spacing: .2em; }
.auction-result strong { display: block; margin: 9px 0; font-size: clamp(46px, 6vw, 82px); }
.auction-result p { color: #91a2af; font-size: 12px; }
.auction-win-reveal { position:absolute; z-index:30; inset:0; display:grid; place-items:center; padding:clamp(18px,3vw,50px); overflow:hidden; pointer-events:none; opacity:0; visibility:hidden; background:radial-gradient(circle at 50% 44%, rgba(183,243,74,.2), rgba(4,15,25,.86) 48%, rgba(3,9,15,.94)); transition:opacity .28s ease, visibility 0s linear .28s; }
.auction-win-reveal::before,.auction-win-reveal::after { content:""; position:absolute; inset:12%; border:1px solid rgba(183,243,74,.28); transform:rotate(18deg) scale(.72); opacity:0; }
.auction-win-reveal::after { inset:22%; border-color:rgba(228,197,109,.38); transform:rotate(-22deg) scale(.65); }
.auction-win-reveal.show { visibility:visible; opacity:1; transition-delay:0s; }
.auction-win-reveal.show::before { animation:auctionWinRay 4.6s ease-out both; }.auction-win-reveal.show::after { animation:auctionWinRay 4.6s .12s ease-out both reverse; }
.auction-win-frame { position:relative; z-index:1; display:grid; justify-items:center; width:min(760px,94%); padding:clamp(24px,3vw,54px) clamp(24px,4vw,70px); border:1px solid rgba(226,255,183,.58); background:linear-gradient(145deg,rgba(25,58,64,.95),rgba(5,17,28,.97) 72%); box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 30px 90px rgba(0,0,0,.58),0 0 58px rgba(183,243,74,.2); text-align:center; transform:translateY(22px) scale(.92); opacity:0; }
.auction-win-reveal.show .auction-win-frame { animation:auctionWinEnter .62s cubic-bezier(.2,.92,.24,1.12) both, auctionWinPulse 1.8s 1s ease-in-out 2; }
.auction-win-kicker { color:var(--lime); font-size:clamp(14px,1.15vw,20px); font-weight:900; letter-spacing:.28em; }
.auction-win-state { margin:4px 0 0; color:#f4ffe0; font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(62px,8vw,132px); line-height:.9; letter-spacing:.08em; text-shadow:0 0 24px rgba(183,243,74,.44); }
.auction-win-team { display:flex; align-items:center; justify-content:center; gap:clamp(12px,1.5vw,22px); margin-top:clamp(12px,1.8vw,24px); min-width:0; }
.auction-win-team b { min-width:0; max-width:min(480px,68vw); overflow:hidden; color:#fff; font-size:clamp(24px,3vw,52px); line-height:1; text-overflow:ellipsis; white-space:nowrap; }
.auction-win-emblem { --winner-color:#7fb6d0; display:grid; place-items:center; flex:0 0 auto; width:clamp(62px,6vw,108px); height:clamp(62px,6vw,108px); overflow:hidden; border:2px solid color-mix(in srgb,var(--winner-color),#fff 48%); border-radius:10px; background:linear-gradient(145deg,color-mix(in srgb,var(--winner-color),#fff 12%),var(--winner-color)); box-shadow:0 0 0 5px rgba(255,255,255,.06),0 0 22px color-mix(in srgb,var(--winner-color),transparent 55%); }
.auction-win-emblem img { display:block; width:100%; height:100%; object-fit:contain; }.auction-win-emblem:not(.is-flag) { border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.9); }
.auction-win-frame p { max-width:100%; margin:clamp(12px,1.4vw,20px) 0 0; overflow:hidden; color:#b6c9d4; font-size:clamp(14px,1.1vw,20px); font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
@keyframes auctionWinEnter { from { opacity:0; transform:translateY(22px) scale(.92); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes auctionWinPulse { 50% { box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 30px 90px rgba(0,0,0,.58),0 0 92px rgba(183,243,74,.34); } }
@keyframes auctionWinRay { 0% { opacity:0; transform:rotate(18deg) scale(.72); } 18% { opacity:1; } 100% { opacity:0; transform:rotate(198deg) scale(1.24); } }
@media (max-width:600px) { .auction-win-frame { width:100%; }.auction-win-state { font-size:clamp(54px,17vw,86px); }.auction-win-team b { max-width:58vw; }.auction-win-frame p { white-space:normal; } }
@media (prefers-reduced-motion:reduce) { .auction-win-reveal,.auction-win-frame,.auction-win-reveal::before,.auction-win-reveal::after { animation:none!important; transition:none!important; }.auction-win-reveal.show .auction-win-frame { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .timer-wrap { transition:none; }.timer-wrap.timer-reset { animation:none; } }

.team-board { min-height: 100%; padding: 16px; display: flex; flex-direction: column; }
.team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 12px 0; }
.team-slot {
  --team: var(--blue);
  position: relative;
  min-width: 0;
  min-height: 82px;
  padding: 10px 8px 9px 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .035);
  transition: border-color .2s, background .2s, opacity .2s;
}
.team-slot::before { content: ""; position: absolute; left: -1px; top: 8px; bottom: 8px; width: 2px; background: var(--team); opacity: .72; }
.team-slot > span { color: #8297a8; font-size: 11px; }
.team-slot b { display: block; margin-top: 5px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-slot small { display: block; margin-top: 4px; color: #9badba; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-slot.no-bid { opacity: .52; }
.team-slot.leading { border-color: var(--lime); background: rgba(183, 243, 74, .1); box-shadow: 0 0 18px rgba(183, 243, 74, .09); }
.team-slot.leading b { color: var(--lime); }
.team-slot.mine { outline: 1px dashed var(--blue); outline-offset: -4px; }
.team-slot.flash { animation: bidFlash .65s ease-out; }
.team-slot .slot-badge { position: absolute; top: -7px; right: -4px; padding: 3px 7px; background: var(--lime); color: var(--ink); font-size: 12px; font-weight: 900; }
.bid-feed { min-height: 140px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }
.feed-row { display:grid; grid-template-columns:22px 22px minmax(0,1fr) auto; grid-template-areas:"rank mark bidder amount" ". . time amount"; align-items:center; column-gap:8px; row-gap:3px; margin-top:8px; padding:9px 10px; background:rgba(255,255,255,.035); font-size:13px; }
.feed-row > span:first-child { grid-area:rank; color:#4f6577; }
.feed-row > :is(i,.feed-team-mark) { grid-area:mark; justify-self:center; align-self:center; }
.feed-row i { width:5px; height:5px; border-radius:50%; background:var(--blue); }
.feed-row b { grid-area:bidder; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.feed-row strong { grid-area:amount; align-self:center; color:var(--lime); font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.feed-row small { grid-area:time; min-width:0; color:#8398a8; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sealed-message { min-height: 88px; display: grid; place-items: center; color: #97a9b7; font-size: 14px; text-align: center; }

.auction-list-hero {
  padding: clamp(24px, 3.5vw, 52px);
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 28%, rgba(183, 243, 74, .12), transparent 24%),
    linear-gradient(135deg, rgba(18, 44, 64, .96), rgba(6, 17, 28, .98));
}
.auction-list-hero::after {
  content: "84452";
  position: absolute;
  right: -8px;
  bottom: -34px;
  color: rgba(255, 255, 255, .035);
  font-family: Impact, sans-serif;
  font-size: clamp(100px, 17vw, 250px);
  letter-spacing: -.03em;
}
.auction-list-hero > * { position: relative; z-index: 2; }
.auction-list-hero h1 { max-width: 780px; margin: 9px 0 12px; font-size: clamp(36px, 5.5vw, 82px); line-height: 1.02; letter-spacing: -.045em; }
.auction-list-hero p { max-width: 680px; color: #92a5b5; line-height: 1.75; }
.auction-list-hero .inline-actions { margin-top: 22px; }
.auction-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.auction-card { min-height: 210px; padding: 17px; display: flex; flex-direction: column; }
.auction-card.active { border-color: rgba(183, 243, 74, .42); box-shadow: 0 0 30px rgba(183, 243, 74, .07); }
.auction-card.card-active,
.auction-card.card-peak,
.auction-card.card-legend { color: #2f2719; }
.auction-card.card-active {
  border-color: rgba(154, 103, 16, .66);
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 250, 208, .72), transparent 31%),
    linear-gradient(145deg, #f0d27b, #bf8524 78%);
}
.auction-card.card-peak {
  border-color: rgba(255, 222, 116, .88);
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 255, 235, .94), transparent 32%),
    linear-gradient(140deg, #ffe99d, #cf9219 72%, #80500b);
  box-shadow: inset 0 0 0 2px rgba(255, 248, 199, .36), 0 18px 58px rgba(213, 154, 33, .2);
}
.auction-card.card-legend {
  color: #2f2719;
  border-color: rgba(178, 137, 58, .62);
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .96), transparent 30%),
    linear-gradient(145deg, #fffef9, #efe5c9 72%, #d0b36f);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .56), 0 18px 54px rgba(178, 137, 58, .14);
}
.auction-card.card-active p,
.auction-card.card-peak p,
.auction-card.card-legend p,
.auction-card.card-active .lot-price small,
.auction-card.card-peak .lot-price small,
.auction-card.card-legend .lot-price small { color: #715d34; }
.auction-card.card-active .lot-price strong,
.auction-card.card-peak .lot-price strong,
.auction-card.card-legend .lot-price strong { color: #72531b; }
.auction-card.card-active .pill,
.auction-card.card-peak .pill,
.auction-card.card-legend .pill {
  border-color: rgba(117, 82, 24, .28);
  background: rgba(255, 255, 255, .46);
  color: #55401e;
}
.auction-card .pill.card-category {
  margin-left: auto;
  font-weight: 900;
}
.auction-card.card-active .pill.card-category { border-color: #7c5213; background: #7c5213; color: #fff6d9; }
.auction-card.card-peak .pill.card-category { border-color: #5f3a06; background: #5f3a06; color: #ffeaa4; }
.auction-card.card-legend .pill.card-category {
  border-color: #896625;
  background: #896625;
  color: #fffdf6;
}
.auction-card.card-active .button-link.secondary,
.auction-card.card-peak .button-link.secondary,
.auction-card.card-legend .button-link.secondary {
  border-color: rgba(117, 82, 24, .28);
  background: rgba(255, 255, 255, .52);
  color: #493719;
}
.auction-card header { display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
.auction-card h2 { margin: 24px 0 6px; font-size: 24px; }
.auction-card p { margin: 0; color: #9badbb; font-size: 14px; }
.auction-card footer { margin-top: auto; padding-top: 20px; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.auction-card .lot-price small { display: block; color: #91a5b4; font-size: 12px; }
.auction-card .lot-price strong { color: var(--lime); font-size: 24px; font-variant-numeric: tabular-nums; }

@keyframes urgentGlow { 50% { filter: drop-shadow(0 0 26px rgba(255, 102, 88, .46)); } }
@keyframes timerReset { 0% { transform:scale(1); filter:drop-shadow(0 0 20px rgba(183,243,74,.13)); } 46% { transform:scale(1.045); filter:drop-shadow(0 0 34px rgba(183,243,74,.62)); } 100% { transform:scale(1); filter:drop-shadow(0 0 20px rgba(183,243,74,.13)); } }
@keyframes pricePop { 0% { transform: scale(.8); opacity: .45; } 70% { transform: scale(1.07); } }
@keyframes bidFlash { 0% { background: rgba(87, 168, 255, .34); } 100% { background: rgba(255, 255, 255, .035); } }
@keyframes iconShimmer { 50% { color: rgba(255, 242, 184, .075); text-shadow: 0 0 24px rgba(242, 185, 75, .08); } }

@media (max-width: 1240px) {
  .auction-stage { grid-template-columns: minmax(260px, .85fr) minmax(380px, 1.15fr); }
  .team-board { grid-column: 1 / -1; min-height: auto; }
  .team-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .auction-stage { grid-template-columns: 1fr; }
  .player-showcase,
  .auction-core { min-height: 580px; }
  .team-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .auction-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .auction-page-heading { align-items: flex-start; flex-direction: column; }
  .player-showcase,
  .auction-core { min-height: 530px; }
  .player-visual { min-height: 220px; }
  .rating-orbit { width: 68px; }
  .rating-orbit strong { font-size: 34px; }
  .stat-grid b { font-size: 16px; }
  .auction-grid { grid-template-columns: 1fr; }
}

@media (min-width: 2100px) {
  .auction-main { width: min(2000px, 100%); }
  .auction-stage { min-height: 860px; grid-template-columns: .9fr 1.25fr 1.1fr; }
  .player-identity h2 { font-size: 46px; }
  .team-slot { min-height: 84px; }
  .team-slot b { font-size: 18px; }
  .team-slot small { font-size: 14px; }
}

@media (min-width: 3000px) {
  .auction-main { width: min(3300px, calc(100% - 96px)); }
  .auction-page-heading h1 { font-size: 64px; }
  .auction-stage { min-height: 1550px; gap: 24px; }
  .panel-kicker,
  .panel-heading { font-size: 20px; }
  .player-showcase,
  .auction-core,
  .team-board { padding: 36px; }
  .player-photo { width: min(82%, 520px); height: min(50vh, 650px); }
  .player-silhouette { width: clamp(260px, 10vw, 340px); }
  .player-identity h2 { font-size: 74px; }
  .player-identity p,
  .identity-tags span { font-size: 21px; }
  .rating-orbit { width: 150px; }
  .rating-orbit span { font-size: 18px; }
  .rating-orbit strong { font-size: 72px; }
  .rating-orbit i { font-size: 20px; }
  .stat-grid { gap: 8px; }
  .stat-grid span { padding: 15px 5px; font-size: 18px; }
  .stat-grid b { font-size: 30px; }
  .metadata-warning { font-size: 18px; }
  .mode-switch span { padding: 12px 22px; font-size: 20px; }
  .timer-wrap { width: 440px; }
  .timer-ring strong { font-size: 128px; }
  .timer-ring span,
  .timer-ring small,
  .timer-pattern,
  .price-block > span { font-size: 20px; }
  .price-block strong { font-size: 100px; }
  .price-block small { font-size: 26px; }
  .sealed-note,
  .budget-line,
  .auction-result p { font-size: 20px; }
  .auction-result > span { font-size: 18px; }
  .team-slot { min-height: 126px; padding: 18px; }
  .team-slot > span,
  .team-slot .slot-badge { font-size: 18px; }
  .team-slot b { font-size: 25px; }
  .team-slot small { font-size: 20px; }
  .feed-row { font-size: 20px; }
  .feed-row strong { font-size: 22px; }
  .sealed-message { font-size: 20px; }
  .auction-list-hero h1 { max-width: 1200px; font-size: 110px; }
  .auction-list-hero p { max-width: 1000px; font-size: 22px; }
  .section-heading h2 { font-size: 38px; }
  .section-heading small { font-size: 20px; }
  .auction-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
  .auction-card { min-height: 300px; padding: 28px; }
  .auction-card h2 { font-size: 34px; }
  .auction-card p { font-size: 20px; }
  .auction-card .lot-price small { font-size: 18px; }
  .auction-card .lot-price strong { font-size: 34px; }
}

/* Bidder-side live room: the same live state drives the stage, queue and
   personal squad without requiring a manual refresh or navigation click. */
.auction-pool-fab,.auction-team-fab{position:fixed;z-index:12;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(183,243,74,.42);background:rgba(7,22,34,.92);box-shadow:0 10px 30px rgba(0,0,0,.32);color:#e8f3f7;font-size:15px;font-weight:850;cursor:pointer;backdrop-filter:blur(12px)}.auction-pool-fab{top:92px;right:28px}.auction-team-fab{right:28px;bottom:26px;border-color:rgba(87,168,255,.46)}.auction-pool-fab span,.auction-team-fab span{color:var(--lime);font-size:18px}.auction-team-fab span{color:#86c9ff}.auction-pool-fab:hover,.auction-team-fab:hover{border-color:var(--lime);background:#102b3b;transform:translateY(-1px)}.auction-pool-fab:focus-visible,.auction-team-fab:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.auction-overlay-dialog{width:min(1180px,calc(100vw - 40px));max-height:calc(100vh - 56px);padding:0;overflow:hidden;border:1px solid rgba(183,243,74,.34);background:linear-gradient(145deg,#0d2639,#06131f);color:#edf5f8;box-shadow:0 36px 110px rgba(0,0,0,.66)}.auction-overlay-dialog::backdrop{background:rgba(1,9,15,.72);backdrop-filter:blur(4px)}.auction-overlay-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.auction-overlay-dialog>header span{display:block;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.15em}.auction-overlay-dialog h2{margin:4px 0 0;font-size:28px}.auction-pool-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:420px;padding:18px;overflow:auto}.auction-pool-columns>section{min-width:0;border:1px solid rgba(255,255,255,.09);background:rgba(2,13,22,.38)}.auction-pool-columns>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.auction-pool-columns h3{margin:0;font-size:18px}.auction-pool-columns header small{color:#9fb2bd;font-size:13px}.auction-pool-list{display:grid;align-content:start;gap:7px;max-height:calc(100vh - 230px);min-height:350px;overflow:auto;padding:10px}.auction-pool-lot{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;min-height:68px;padding:8px;border-left:3px solid #7993a3;background:rgba(255,255,255,.035)}.auction-pool-lot.card-legend{border-left-color:#d3af5b}.auction-pool-lot.card-peak,.auction-pool-lot.card-active{border-left-color:#e9b548}.auction-pool-lot>img{width:44px;height:52px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 7px rgba(0,0,0,.38))}.auction-pool-lot b,.auction-pool-lot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auction-pool-name{font-size:15px}.auction-pool-meta{margin-top:3px;color:#a6b8c2;font-size:12px}.auction-pool-price{margin-top:2px;color:var(--lime);font-size:12px;font-variant-numeric:tabular-nums}.auction-pool-empty{display:grid;min-height:90px;place-items:center;margin:0;color:#94a7b2;font-size:14px}.auction-team-dialog{width:min(620px,calc(100vw - 40px))}.auction-team-summary{display:grid;grid-template-columns:1fr auto;gap:3px 16px;align-items:end;padding:19px 22px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(87,168,255,.11),rgba(7,19,31,.42))}.auction-team-summary strong{font-size:22px}.auction-team-summary b{grid-row:span 2;color:var(--lime);font-size:30px;font-variant-numeric:tabular-nums}.auction-team-summary small{color:#9fb3bf;font-size:14px}.auction-team-signings{display:grid;gap:7px;max-height:calc(100vh - 280px);overflow:auto;padding:14px 18px 18px}.auction-team-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.auction-team-player img{width:40px;height:45px;object-fit:contain;object-position:center bottom}.auction-team-player b,.auction-team-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auction-team-player b{font-size:15px}.auction-team-player small{margin-top:3px;color:#9db0bd;font-size:12px}.auction-team-player em{color:var(--lime);font-size:14px;font-style:normal;font-variant-numeric:tabular-nums}.team-slot{min-height:96px}.team-slot .team-bid-status{margin-top:4px}.team-slot .team-budget{margin-top:2px;color:#d9ebef;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.team-slot.leading .team-budget{color:#dffca9}
@media (max-width: 620px){.auction-pool-fab{top:84px;right:12px}.auction-team-fab{right:12px;bottom:14px}.auction-pool-columns{grid-template-columns:1fr;min-height:0}.auction-pool-list{max-height:230px;min-height:0}}