:root{
  --navy:#182231;
  --navy-dark:#101720;
  --navy-mid:#243246;
  --gold:#f2c94c;
  --gold-soft:#fff4cf;
  --ink:#17212b;
  --paper:#f4f5f7;
  --line:#e1e5e9;
  --green:#243246; /* compatibility alias: intentionally not green */
  --deep:#101720;
}


:root{--navy:#182231;--deep:#101720;--gold:#f2c94c;--ink:#17212b;--paper:#f4f5f7;--line:#e1e5e9}
*{box-sizing:border-box}body{background:linear-gradient(rgba(244,245,247,.96),rgba(244,245,247,.97)),url('https://images.unsplash.com/photo-1540747913346-19e32dc3e97e?auto=format&fit=crop&w=1800&q=80') center/cover fixed;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.dx-nav{background:linear-gradient(90deg,#101720,#1b2634);box-shadow:0 9px 28px rgba(0,0,0,.16)}.hero{min-height:550px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(15,22,32,.96),rgba(24,34,49,.82),rgba(24,34,49,.24)),url('https://images.unsplash.com/photo-1531415074968-036ba1b575da?auto=format&fit=crop&w=1900&q=85') center/cover}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);font-weight:900;letter-spacing:-.045em}.hero p{max-width:760px;color:rgba(255,255,255,.84);font-size:1.12rem}.dx-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 42px rgba(20,30,40,.08)}.page-head{background:linear-gradient(135deg,#111827,#243246);color:white;padding:48px 0}.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:900;color:#b47a11}.metric{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.metric .value{font-size:1.8rem;font-weight:900}.btn{border-radius:12px}.form-control,.form-select{border-radius:12px;padding:.7rem .82rem}.auction-stage{background:linear-gradient(135deg,rgba(15,22,32,.97),rgba(33,45,61,.93)),url('https://images.unsplash.com/photo-1624194531176-21331c595b9c?auto=format&fit=crop&w=1600&q=80') center/cover;color:white;border-radius:28px}.auction-player{width:190px;height:190px;border-radius:24px;object-fit:cover;border:5px solid rgba(255,255,255,.2);background:#fff}.auction-price{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:900;color:var(--gold)}.timer{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:6px solid rgba(255,255,255,.2);font-size:2rem;font-weight:900}.team-bid-card{cursor:pointer;transition:.18s transform,.18s box-shadow}.team-bid-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.12)}.player-photo{width:88px;height:88px;border-radius:18px;object-fit:cover;background:#e8ebef}.logo-round{width:54px;height:54px;border-radius:15px;object-fit:cover;background:#edf0f3}.badge-soft{background:#fff3d6;color:#8a5a00}.dx-footer{background:#101720;color:#fff}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#687482;white-space:nowrap}.chat-box{height:340px;overflow:auto;background:#f7f8fa;border:1px solid var(--line);border-radius:16px;padding:12px}.chat-msg{background:white;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:10px}.screen-mode .dx-nav,.screen-mode .dx-footer{display:none}.screen-mode main{min-height:100vh}.screen-stage{min-height:100vh;border-radius:0;display:flex;align-items:center}.screen-stage .auction-player{width:min(28vw,360px);height:min(28vw,360px)}.screen-stage .auction-price{font-size:clamp(4rem,9vw,8rem)}.screen-stage h1{font-size:clamp(3rem,6vw,6rem)}


/* ===== DraftXI Premium Auction v3 ===== */
.fw-black{font-weight:900}
.premium-auction-head{
  background:
    radial-gradient(circle at 80% 10%,rgba(242,201,76,.14),transparent 28%),
    linear-gradient(120deg,#0f1620,#172331 55%,#243246);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.premium-select{
  min-width:250px;
  background-color:rgba(255,255,255,.96)
}
.premium-stage{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 22%,rgba(242,201,76,.14),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(244,185,66,.10),transparent 35%),
    linear-gradient(135deg,#101720,#172331 52%,#243246);
  box-shadow:0 24px 60px rgba(10,16,24,.22);
  color:#fff;
}
.live-pill{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 13px;border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.1);
  font-size:.74rem;font-weight:900;letter-spacing:.11em
}
.live-dot{
  width:9px;height:9px;border-radius:50%;background:#ff4058;
  box-shadow:0 0 0 5px rgba(255,64,88,.14);
  animation:livePulse 1.2s infinite
}
@keyframes livePulse{50%{opacity:.45;transform:scale(.82)}}
.player-frame{position:relative;width:min(100%,290px)}
.premium-player-photo{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;
  border:5px solid rgba(255,255,255,.13);
  box-shadow:0 22px 42px rgba(0,0,0,.22);
  background:#fff
}
.player-number-badge{
  position:absolute;z-index:2;top:-12px;left:-10px;
  background:#f2c94c;color:#1b1f24;
  font-size:1.15rem;font-weight:900;
  border-radius:14px;padding:10px 14px;
  box-shadow:0 10px 25px rgba(0,0,0,.2)
}
.premium-player-name{
  font-size:clamp(2.2rem,5vw,4.3rem);
  line-height:.98;font-weight:900;letter-spacing:-.04em;margin:.3rem 0
}
.premium-price-panel,.premium-timer-panel{
  height:100%;padding:18px;border-radius:20px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.09)
}
.premium-timer-panel{text-align:center}
.premium-timer{
  width:88px;height:88px;margin:auto;border-radius:50%;
  display:grid;place-items:center;
  border:7px solid rgba(242,201,76,.8);
  background:rgba(0,0,0,.2);
  font-size:2rem;font-weight:900
}
.premium-control-card{border-top:5px solid var(--gold)}
.spinner-panel{
  border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,#fafafa,#f1f3f5);padding:16px
}
.spinner-window{
  height:92px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:#101720;color:#fff;border:4px solid #283548;
  box-shadow:inset 0 0 30px rgba(0,0,0,.35);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:3.2rem;font-weight:900;letter-spacing:.06em
}
.spinner-hash{color:#f2c94c;margin-right:3px}
.spinner-winner .spinner-window{
  animation:spinnerWinner .7s ease 2;
  border-color:#f2c94c
}
@keyframes spinnerWinner{50%{transform:scale(1.035);box-shadow:0 0 0 9px rgba(242,201,76,.12),inset 0 0 30px rgba(0,0,0,.35)}}
.premium-note{
  padding:12px;border-radius:14px;background:#fff7e7;color:#6d521d;
  font-size:.83rem;line-height:1.45
}
.team-monitor-card{
  background:#fff;border:1px solid var(--line);border-left:5px solid var(--team);
  border-radius:16px;padding:15px
}
.team-monitor-logo{width:48px;height:48px;border-radius:13px;object-fit:cover;background:#edf0f3}
.available-preview{max-height:290px;overflow:auto}
.available-row{
  display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f3
}
.available-id{
  min-width:50px;font-weight:900;color:#243246;font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}

/* Premium Big Screen */
.premium-screen{
  min-height:100vh;background:
    radial-gradient(circle at 80% 18%,rgba(242,201,76,.12),transparent 25%),
    radial-gradient(circle at 20% 80%,rgba(244,185,66,.12),transparent 35%),
    linear-gradient(135deg,#0e151e,#151f2b 45%,#202d3d);
  color:#fff;position:relative;overflow:hidden;padding:80px 4vw 70px
}
#fireworksCanvas{
  position:fixed;inset:0;width:100%;height:100%;z-index:60;
  pointer-events:none
}
.screen-topbar{
  position:absolute;left:4vw;right:4vw;top:26px;
  display:flex;align-items:center;justify-content:space-between;z-index:5
}
.screen-brand{font-size:1.45rem;font-weight:900;letter-spacing:.08em}
.screen-live{
  display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1em;
  color:rgba(255,255,255,.75)
}
.screen-content{position:relative;z-index:3}
.screen-photo-wrap{position:relative;max-width:520px}
.screen-player-photo{
  width:100%;aspect-ratio:1;object-fit:cover;border-radius:38px;
  background:#fff;border:7px solid rgba(255,255,255,.13);
  box-shadow:0 30px 80px rgba(0,0,0,.34)
}
.screen-number{
  position:absolute;z-index:4;left:-18px;top:-18px;
  padding:13px 20px;border-radius:18px;background:#f2c94c;color:#171b21;
  font-size:clamp(1.4rem,2vw,2.1rem);font-weight:900
}
.screen-eyebrow{font-size:clamp(1rem,1.7vw,1.5rem);color:#f2c94c;font-weight:900;letter-spacing:.14em}
.screen-player-name{
  font-size:clamp(3rem,6.8vw,7rem);line-height:.94;
  font-weight:900;letter-spacing:-.055em;margin:.15em 0
}
.screen-meta{font-size:clamp(1.3rem,2vw,2rem);color:rgba(255,255,255,.6)}
.screen-bid-row{
  display:flex;align-items:flex-end;gap:5vw;margin-top:3vh;flex-wrap:wrap
}
.screen-small-label{font-size:clamp(.8rem,1.3vw,1.05rem);font-weight:900;letter-spacing:.13em;color:rgba(255,255,255,.5)}
.screen-price{font-size:clamp(4rem,8vw,8.2rem);line-height:1;font-weight:900;color:#f2c94c;letter-spacing:-.05em}
.screen-highest-box{padding-bottom:1.1vw}
.screen-highest{font-size:clamp(1.7rem,3vw,3.2rem);font-weight:900}
.screen-team-card{
  --team:#243246;
  padding:13px 15px;border-radius:17px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  border-left:5px solid var(--team)
}
.screen-team-logo{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff}
.screen-team-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-team-stats{font-size:.9rem;color:rgba(255,255,255,.58)}
.screen-bottom{
  position:absolute;bottom:18px;left:4vw;right:4vw;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.45);font-size:.9rem;letter-spacing:.08em
}

/* SOLD / UNSOLD event */
.result-overlay{
  position:fixed;inset:0;z-index:55;
  display:grid;place-items:center;
  background:rgba(10,15,22,.78);
  backdrop-filter:blur(9px);
  opacity:0;visibility:hidden;
  transition:.28s ease
}
.result-overlay.show{opacity:1;visibility:visible}
.result-card{
  width:min(900px,88vw);
  text-align:center;border-radius:38px;padding:48px 38px;
  transform:scale(.72) rotate(-2deg);
  opacity:0;
  transition:.4s cubic-bezier(.2,.8,.2,1.2);
  box-shadow:0 40px 100px rgba(0,0,0,.4)
}
.result-overlay.show .result-card{transform:scale(1) rotate(0);opacity:1}
.result-overlay.sold .result-card{
  background:linear-gradient(135deg,#f2c94c,#f7dd7c);
  color:#1d2126;border:7px solid rgba(255,255,255,.6)
}
.result-overlay.unsold .result-card{
  background:linear-gradient(135deg,#7c1220,#b51f35);
  color:white;border:7px solid rgba(255,255,255,.18)
}
.result-icon{font-size:clamp(3rem,7vw,6rem)}
.result-label{
  font-size:clamp(4rem,12vw,10rem);
  line-height:.88;font-weight:1000;letter-spacing:-.06em
}
.result-player{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:900;margin-top:20px}
.result-team{font-size:clamp(1.2rem,2.6vw,2.2rem);font-weight:800;margin-top:8px}
.result-price{font-size:clamp(2rem,5vw,4.7rem);font-weight:1000;margin-top:8px}
@media(max-width:991px){
  .premium-screen{padding-top:95px;overflow:auto}
  .screen-photo-wrap{max-width:330px}
  .screen-bid-row{justify-content:center;text-align:center}
  .screen-content{text-align:center}
}