:root{--bg:#030708;--panel:rgba(8,18,20,.88);--panel2:rgba(10,28,30,.74);--cyan:#24f2e6;--teal:#00afa8;--emerald:#36e88e;--magenta:#e450ff;--silver:#e9f3f2;--muted:#8ca3a4;--gold:#ffc64a;--danger:#ff465b;--line:rgba(53,238,223,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--silver);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020506}body{min-height:100dvh}.screen-shell{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden;background:radial-gradient(circle at 18% 25%,rgba(0,190,181,.12),transparent 32%),radial-gradient(circle at 85% 15%,rgba(227,64,255,.08),transparent 28%),linear-gradient(145deg,#020607 0%,#071011 48%,#020506 100%)}.ambient-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(33,223,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(33,223,210,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.ambient-grid:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 120deg,transparent 0 35%,rgba(31,241,225,.06) 42%,transparent 50% 100%);animation:sweep 14s linear infinite}.particle-field{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(43,244,226,.6) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.25) 0 1px,transparent 1.4px);background-size:130px 130px,190px 190px;background-position:0 0,60px 40px;opacity:.35;animation:drift 22s linear infinite}.broadcast-header{position:relative;z-index:4;height:clamp(76px,9vh,106px);padding:0 clamp(18px,2.2vw,44px);display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;border-bottom:1px solid rgba(40,232,217,.18);background:linear-gradient(90deg,rgba(4,10,11,.96),rgba(8,19,20,.9),rgba(4,9,10,.96));box-shadow:0 12px 40px rgba(0,0,0,.35)}.brand-lockup,.sponsor-lockup,.header-center{display:flex;align-items:center}.spl-logo{width:clamp(54px,4.2vw,78px);height:clamp(54px,4.2vw,78px);filter:drop-shadow(0 0 18px rgba(31,245,229,.25));margin-right:14px}.eyebrow{font-size:11px;letter-spacing:.32em;color:var(--cyan);font-weight:800}.brand-lockup h1{font-size:clamp(18px,1.55vw,30px);line-height:1;margin:5px 0 0;letter-spacing:.06em}.header-center{gap:clamp(13px,1.4vw,28px);justify-content:center}.player-number,.from-town{display:flex;flex-direction:column;gap:3px}.player-number span,.from-town{font-size:clamp(8px,.66vw,12px);letter-spacing:.18em;color:var(--muted)}.player-number strong{font-size:clamp(24px,2.3vw,44px);line-height:.9;color:#fff}.from-town strong{font-size:clamp(12px,.92vw,17px);color:var(--cyan);margin-top:4px}.live-pill{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,70,91,.45);background:rgba(255,42,69,.12);border-radius:999px;color:#ff7181;font-weight:900;font-size:12px;letter-spacing:.12em}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px rgba(255,70,91,.12);animation:pulse 1.25s infinite}.sponsor-lockup{justify-content:flex-end;gap:10px}.ha-monogram{display:grid;place-items:center;width:clamp(42px,3vw,58px);aspect-ratio:1;border:1px solid rgba(36,242,230,.45);clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);background:linear-gradient(135deg,rgba(36,242,230,.24),rgba(228,80,255,.12));font-weight:950;font-size:clamp(14px,1.15vw,22px);color:#fff;text-shadow:0 0 14px var(--cyan)}.sponsor-lockup div,.standby-sponsor div{display:flex;flex-direction:column}.sponsor-lockup small,.standby-sponsor small{font-size:9px;letter-spacing:.24em;color:var(--muted);margin-bottom:3px}.sponsor-lockup strong{font-size:clamp(10px,.82vw,15px);letter-spacing:.06em}.mode-view{position:absolute;z-index:2;top:clamp(76px,9vh,106px);left:0;right:0;bottom:0;transition:opacity .55s ease,transform .55s ease,visibility .55s}.mode-view.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015)}.live-view{display:grid;grid-template-rows:1fr auto;padding:clamp(16px,1.4vw,28px) clamp(18px,2vw,38px) clamp(14px,1.2vw,24px);gap:clamp(12px,1.2vw,22px)}.live-main{min-height:0;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(380px,.88fr);gap:clamp(14px,1.3vw,24px)}.glass-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,22,23,.92),rgba(4,10,11,.86));box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 60px rgba(0,0,0,.32);backdrop-filter:blur(18px);border-radius:20px;overflow:hidden}.player-stage{position:relative;display:grid;grid-template-columns:minmax(250px,.84fr) minmax(270px,1.05fr) minmax(270px,.9fr);align-items:stretch;min-height:0}.player-stage:before{content:"";position:absolute;left:0;top:0;width:55%;height:3px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan)}.player-photo-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:0;background:radial-gradient(circle at 50% 45%,rgba(23,236,218,.18),transparent 48%),linear-gradient(180deg,rgba(15,41,42,.62),rgba(3,8,9,.2));overflow:hidden}.player-photo-wrap:after{content:"";position:absolute;inset:auto 8% 4% 8%;height:8%;background:rgba(31,242,224,.26);filter:blur(24px);border-radius:50%}.player-photo-wrap img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 24px rgba(0,0,0,.5))}.photo-halo{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(41,239,222,.19);border-radius:50%;box-shadow:0 0 70px rgba(29,219,203,.12),inset 0 0 50px rgba(35,224,210,.06);animation:halo 6s ease-in-out infinite}.player-status{position:absolute;z-index:4;left:18px;bottom:18px;padding:8px 12px;border-left:3px solid var(--emerald);background:rgba(2,9,9,.8);font-size:10px;letter-spacing:.18em;font-weight:900}.player-copy{align-self:center;padding:clamp(20px,2.2vw,44px);min-width:0}.section-kicker{margin:0 0 9px;color:var(--cyan);font-weight:800;font-size:clamp(9px,.7vw,12px);letter-spacing:.2em}.player-copy h2{margin:0 0 clamp(24px,3vh,38px);font-size:clamp(38px,3.8vw,76px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 8px 28px rgba(0,0,0,.5)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.detail-grid div{padding:12px 0;border-top:1px solid rgba(175,213,210,.13);min-width:0}.detail-grid span,.current-bid-card span,.bidder-card>span,.summary-card span,.modal-totals span{display:block;color:var(--muted);font-weight:800;font-size:clamp(8px,.67vw,12px);letter-spacing:.16em;margin-bottom:6px}.detail-grid strong{font-size:clamp(15px,1.3vw,24px);text-transform:uppercase;overflow-wrap:anywhere}.detail-grid .price-small{color:var(--gold)}.bid-stack{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(18px,1.8vw,34px);border-left:1px solid rgba(43,230,216,.13);background:linear-gradient(180deg,rgba(6,15,16,.35),rgba(0,0,0,.12))}.current-bid-card,.bidder-card{position:relative;padding:clamp(20px,2vw,36px);border:1px solid rgba(255,198,74,.25);border-radius:16px;background:linear-gradient(145deg,rgba(36,29,9,.3),rgba(8,12,12,.72));overflow:hidden}.current-bid-card strong{display:block;color:var(--gold);font-size:clamp(44px,4.2vw,84px);line-height:.92;letter-spacing:-.05em;text-shadow:0 0 30px rgba(255,190,48,.22);white-space:nowrap}.current-bid-card.bid-changed strong{animation:bidChange .6s ease}.bid-pulse{position:absolute;right:-25%;bottom:-100%;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,197,64,.16),transparent 66%);animation:bidGlow 3s ease-in-out infinite}.bidder-card{border-color:rgba(36,242,230,.21);background:linear-gradient(145deg,rgba(6,44,43,.25),rgba(7,12,13,.76))}.bidder-content{display:flex;align-items:center;gap:16px}.bidder-content img{width:clamp(54px,4.5vw,86px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 14px rgba(33,240,223,.22))}.bidder-content div{min-width:0}.bidder-content strong{display:block;font-size:clamp(24px,2.15vw,42px);line-height:1;color:var(--cyan)}.bidder-content small{display:block;margin-top:8px;font-size:clamp(10px,.82vw,15px);letter-spacing:.1em;color:#c5d8d7}.teams-stage{display:flex;flex-direction:column;padding:clamp(18px,1.5vw,28px);min-height:0}.teams-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.teams-heading h2{margin:0;font-size:clamp(20px,1.55vw,30px)}.auto-scroll{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(54,232,142,.25);border-radius:999px;color:var(--emerald);font-weight:800;font-size:9px;letter-spacing:.12em;white-space:nowrap}.auto-scroll i{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald)}.team-instruction{margin:12px 0 12px;color:#779091;font-size:9px;letter-spacing:.12em}.team-scroller{min-height:0;flex:1;overflow-y:auto;padding:3px 76px 3px 2px;scrollbar-width:thin;scrollbar-color:rgba(35,239,222,.35) rgba(255,255,255,.03);outline:none}.team-row-wrap{position:relative;margin-bottom:10px}.team-row{position:relative;display:grid;grid-template-columns:34px 50px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:9px 13px;border:1px solid rgba(121,174,171,.16);border-radius:13px;background:linear-gradient(90deg,rgba(15,29,30,.95),rgba(7,14,15,.88));cursor:pointer;transition:.22s ease;user-select:none}.team-row:hover,.team-row:focus-visible{border-color:rgba(36,242,230,.46);transform:translateX(3px);box-shadow:0 0 24px rgba(31,224,210,.08);outline:none}.team-row.is-selected{border-color:var(--cyan);background:linear-gradient(90deg,rgba(9,64,61,.72),rgba(7,20,21,.9));box-shadow:inset 3px 0 var(--cyan),0 0 26px rgba(36,242,230,.12)}.team-rank{font-size:19px;color:#758d8e;font-weight:900}.team-row img{width:46px;height:46px;object-fit:contain}.team-names{min-width:0}.team-names strong{display:block;font-size:clamp(14px,1vw,19px);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-names small{display:block;color:#8da3a4;margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players-count{text-align:right;font-size:10px;color:#a8bcbb;white-space:nowrap}.players-count b{display:block;font-size:16px;color:var(--emerald)}.purse-chip{position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:64px;padding:8px 4px;border:1px solid rgba(255,198,74,.3);border-radius:10px;background:rgba(31,24,8,.92);text-align:center;box-shadow:0 0 18px rgba(255,190,53,.08)}.purse-chip span{display:block;color:#b9a879;font-size:6px;letter-spacing:.08em}.purse-chip strong{display:block;margin-top:4px;color:var(--gold);font-size:9px;white-space:nowrap}.more-teams{padding-top:10px;text-align:center;color:var(--cyan);font-size:11px;letter-spacing:.16em;font-weight:800}.auction-footer{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:12px}.summary-card{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 20px;border:1px solid rgba(46,224,211,.15);border-radius:14px;background:rgba(7,16,17,.88)}.summary-card span{margin:0}.summary-card strong{font-size:clamp(24px,2vw,38px);color:#fff}.connection-indicator{display:flex;align-items:center;justify-content:center;gap:8px;min-width:136px;padding:0 16px;border:1px solid rgba(80,214,156,.22);border-radius:14px;background:rgba(6,17,16,.85);font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--emerald)}.connection-indicator i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.connection-indicator.is-connecting{color:var(--gold)}.connection-indicator.is-offline{color:var(--danger)}.standby-view{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(10,88,83,.16),transparent 42%)}.standby-center{position:relative;z-index:5;width:min(1080px,78vw);text-align:center}.gavel-mark{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 25px;border:1px solid rgba(36,242,230,.45);transform:rotate(45deg);font-size:20px;color:var(--cyan);box-shadow:0 0 34px rgba(36,242,230,.13)}.gavel-mark::first-letter{transform:rotate(-45deg)}.standby-center>p{color:var(--cyan);font-weight:900;font-size:clamp(16px,1.2vw,23px);letter-spacing:.32em}.standby-center h2{margin:24px auto;max-width:1050px;font-size:clamp(42px,5.3vw,102px);line-height:.98;letter-spacing:-.04em;text-shadow:0 0 45px rgba(29,237,220,.13)}.standby-center>strong{display:block;color:var(--gold);font-size:clamp(16px,1.6vw,30px);letter-spacing:.3em}.standby-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px auto 26px;color:#bbcecd;font-size:13px;letter-spacing:.26em;font-weight:800}.standby-line i{display:block;width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.standby-line i:last-child{transform:scaleX(-1)}.standby-sponsor{display:flex;justify-content:center;align-items:center;gap:12px}.standby-sponsor b{font-size:14px;letter-spacing:.08em}.standby-connection{position:absolute;right:26px;bottom:24px;min-height:42px}.cricket-silhouette{position:absolute;bottom:-1%;height:76%;opacity:.14;filter:drop-shadow(0 0 34px rgba(36,242,230,.18))}.cricket-silhouette.batter{left:-4%}.cricket-silhouette.bowler{right:-5%;transform:scaleX(-1)}.stadium-lights{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-start}.stadium-lights i{width:1px;height:65%;transform-origin:top;background:linear-gradient(to bottom,rgba(228,255,253,.38),transparent);filter:blur(11px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);animation:lightMove 8s ease-in-out infinite}.stadium-lights i:nth-child(2){animation-delay:-2s}.stadium-lights i:nth-child(3){animation-delay:-4s}.stadium-lights i:nth-child(4){animation-delay:-6s}.purchase-modal{width:min(880px,92vw);max-height:84vh;padding:0;border:1px solid rgba(38,240,223,.35);border-radius:20px;background:linear-gradient(145deg,#0b1718,#050a0b);color:var(--silver);box-shadow:0 34px 120px rgba(0,0,0,.72),0 0 50px rgba(31,225,211,.1)}.purchase-modal::backdrop{background:rgba(0,4,5,.82);backdrop-filter:blur(8px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid rgba(38,234,219,.16)}.modal-team{display:flex;align-items:center;gap:17px}.modal-team img{width:72px;height:72px;object-fit:contain}.modal-team p{margin:0;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.18em}.modal-team h2{margin:4px 0 2px;font-size:32px}.modal-team small{color:var(--muted);letter-spacing:.09em}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:26px;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--cyan);outline:none}.purchase-table-wrap{max-height:42vh;overflow:auto;padding:0 26px}.purchase-table-wrap table{width:100%;border-collapse:collapse}.purchase-table-wrap th,.purchase-table-wrap td{padding:15px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.purchase-table-wrap th{position:sticky;top:0;background:#091314;color:#799091;font-size:10px;letter-spacing:.14em}.purchase-table-wrap td:last-child{color:var(--gold);font-weight:800;text-align:right}.purchase-table-wrap th:last-child{text-align:right}.modal-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,242,230,.1);border-top:1px solid rgba(36,242,230,.13)}.modal-totals div{padding:20px 24px;background:#071011}.modal-totals strong{font-size:22px}.modal-totals div:nth-child(2) strong{color:var(--gold)}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:130px 130px,-130px 230px}}@keyframes halo{50%{transform:scale(1.05);opacity:.55}}@keyframes bidGlow{50%{transform:scale(1.25);opacity:.45}}@keyframes bidChange{0%{transform:scale(.86);opacity:.15}50%{transform:scale(1.07)}100%{transform:scale(1);opacity:1}}@keyframes lightMove{50%{transform:rotate(10deg);opacity:.45}}@media(max-width:1180px){.broadcast-header{grid-template-columns:1fr auto}.header-center{display:none}.live-main{grid-template-columns:1fr 390px}.player-stage{grid-template-columns:minmax(220px,.82fr) minmax(260px,1fr)}.bid-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:14px 22px;border-left:0;border-top:1px solid rgba(43,230,216,.13)}.current-bid-card,.bidder-card{padding:18px 22px}.current-bid-card strong{font-size:46px}.player-copy h2{font-size:48px}}@media(max-width:900px){html,body{overflow:auto}.screen-shell{height:auto;min-height:100dvh;overflow:visible}.broadcast-header{position:sticky;top:0;height:auto;min-height:76px;grid-template-columns:1fr auto;padding:10px 16px}.sponsor-lockup strong{max-width:145px}.mode-view{position:relative;top:auto;min-height:calc(100dvh - 76px)}.mode-view.is-hidden{position:absolute;top:76px}.live-view{padding:14px}.live-main{grid-template-columns:1fr}.player-stage{min-height:620px}.teams-stage{min-height:560px}.auction-footer{grid-template-columns:repeat(3,1fr)}.connection-indicator{grid-column:1/-1;min-height:46px}.standby-view{height:calc(100dvh - 76px)}.standby-center{width:90vw}.cricket-silhouette{height:60%}}@media(max-width:620px){.sponsor-lockup{display:none}.broadcast-header{grid-template-columns:1fr}.brand-lockup{justify-content:center}.live-view{padding:10px}.player-stage{grid-template-columns:1fr;min-height:auto}.player-photo-wrap{height:350px}.player-copy{padding:25px}.player-copy h2{font-size:44px}.bid-stack{grid-template-columns:1fr;padding:12px}.current-bid-card strong{font-size:44px}.detail-grid{gap:8px 18px}.teams-stage{min-height:520px;padding:15px}.team-scroller{padding-right:4px}.purse-chip{position:static;transform:none;width:auto;grid-column:1/-1;margin:8px 0 0;display:flex;justify-content:space-between;padding:8px 12px}.team-row-wrap{display:grid}.team-row{grid-template-columns:30px 48px minmax(0,1fr);}.players-count{grid-column:2/-1;text-align:left;display:flex;gap:6px;align-items:center}.players-count b{font-size:13px}.auction-footer{grid-template-columns:1fr}.summary-card{min-height:54px}.standby-center h2{font-size:44px}.standby-line i{width:35px}.modal-totals{grid-template-columns:1fr}.purchase-modal{max-height:92vh}.modal-team img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.particle-field.is-disabled{opacity:0;animation:none}

.screen-shell.mode-standby .broadcast-header{grid-template-columns:1fr 1fr}.screen-shell.mode-standby .header-center{display:none}.screen-shell.no-background-animation .particle-field,.screen-shell.no-background-animation .ambient-grid:after,.screen-shell.no-background-animation .stadium-lights i,.screen-shell.no-background-animation .photo-halo{animation:none!important}.screen-shell.no-background-animation .particle-field{opacity:0}


/* Always-visible admin shortcut. This is a normal link, so it works even if JavaScript or the live backend is offline. */
.admin-shortcut{
  position:fixed;
  top:16px;
  right:18px;
  z-index:1000;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:84px;
  height:42px;
  padding:0 17px;
  border:1px solid rgba(36,242,230,.52);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(4,24,25,.96),rgba(11,48,47,.96));
  box-shadow:0 8px 26px rgba(0,0,0,.42),0 0 18px rgba(36,242,230,.12);
  color:#efffff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.admin-shortcut:hover,
.admin-shortcut:focus-visible{
  transform:translateY(-1px);
  border-color:var(--cyan);
  background:linear-gradient(135deg,rgba(5,42,42,.98),rgba(12,67,63,.98));
  box-shadow:0 10px 30px rgba(0,0,0,.48),0 0 24px rgba(36,242,230,.24);
  outline:2px solid rgba(36,242,230,.34);
  outline-offset:3px;
}
@media(min-width:901px){
  .sponsor-lockup{padding-right:104px}
}
@media(max-width:900px){
  .admin-shortcut{top:16px;right:14px;height:40px;min-width:78px;padding:0 13px}
  .broadcast-header{padding-right:108px}
}
@media(max-width:620px){
  .admin-shortcut{top:13px;right:12px;height:38px;min-width:72px;font-size:10px}
  .broadcast-header{padding-right:96px}
}
