@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');
:root{ --team:#00f7ff; }
html,body{ background: transparent !important; }
body { font-family: "Orbitron", sans-serif; color: #00f7ff; display:flex; justify-content:center; align-items:center; height:100vh; overflow:hidden;}
.auction-card{ position:relative; background:linear-gradient(180deg,rgba(0,255,255,0.12),rgba(0,255,255,0.05)); border:2px solid #00eaff; border-radius:12px; box-shadow:0 0 25px #00f7ff; width:90%; max-width:900px; display:flex; justify-content:space-between; align-items:center; padding:16px 24px; text-align:center; animation:floatCard 5s ease-in-out infinite;}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.section{flex:1; min-width:200px;}
.player-info{text-align:center;}
.player-img{ position:absolute; top:-120px; left:50%; transform:translateX(-50%); width:160px; height:160px; border-radius:50%; border:3px solid #00eaff; box-shadow:0 0 40px #00f7ff; background:#001a1a; object-fit:cover; animation:glow 2s ease-in-out infinite alternate;}
@keyframes glow{0%{box-shadow:0 0 20px #00eaff}100%{box-shadow:0 0 40px #00ffff}}
h2{ margin-top:60px; font-size:30px; color:#fff; letter-spacing:1px; line-height:1.2; animation:textPulse 3s ease-in-out infinite;}
@keyframes textPulse{0%,100%{text-shadow:0 0 10px #00ffff}50%{text-shadow:0 0 25px #00ffff}}
.label{ font-size:14px; color:#ccc; letter-spacing:1px;}
.value{ font-size:28px; color:#00f7ff; font-weight:700; margin-top:6px;}
.left-box{ display:flex; flex-direction:column; align-items:center; gap:8px;}
.team-logo{ width:110px; height:110px; object-fit:contain; display:none; filter:drop-shadow(0 0 16px rgba(0,0,0,.5));}
.team-logo.show{ display:block; animation:logoPop .7s ease;}
@keyframes logoPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}
.bottom-info{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:12px; font-size:14px; color:#00f7ff;}
.bottom-info span{ background:rgba(0,255,255,0.08); padding:6px 12px; border:1px solid #00eaff; border-radius:6px; transition:all .3s;}
.bottom-info span:hover{ background:rgba(0,255,255,0.25); transform:scale(1.05); box-shadow:0 0 12px #00eaff;}
.highlight{ color:#fff; font-weight:700;}
#soldTo{ margin-top:6px; font-size:16px; color:#fff; letter-spacing:2px; display:none;}
#soldTo.show{ display:block; animation:soldReveal 1.1s ease;}
@keyframes soldReveal{0%{transform:translateY(8px) scale(.95); opacity:0}60%{transform:translateY(-2px) scale(1.03); opacity:1}100%{transform:translateY(0) scale(1)}}
.theme-sold .auction-card{ border-color:var(--team); box-shadow:0 0 40px var(--team);}
.theme-sold .auction-card.sold-anim{ animation:soldPulse 1.8s ease;}
@keyframes soldPulse{0%{box-shadow:0 0 10px var(--team)}50%{box-shadow:0 0 50px var(--team)}100%{box-shadow:0 0 25px var(--team)}}
.theme-unsold .auction-card{ border-color:#ff5252; box-shadow:0 0 40px #ff5252;}
.sponsor-bar{ position:fixed; bottom:10px; left:50%; transform:translateX(-50%); width:min(96vw,1920px); height:200px; display:grid; place-items:center; opacity:0; transition:opacity .4s;}
.sponsor-bar.show{ opacity:1;}
.sponsor-bar img{ width:100%; height:100%; object-fit:contain;}