/* Cricket auction: big screen + auctioneer console (v2: real members, photos, Icon + Lucky pairs).
   Everything is sized in rem; the root size follows the screen (16px at 1920×1080),
   so the layout is identical on any 16:9 screen and fills 16:10 laptops. */
:root{
  --bg0:#070B18; --bg1:#0B1430;
  --gold:#F5C542; --gold2:#FFE49A; --gold3:#B8871F;
  --ivory:#F4F1E8; --muted:#8A93B2; --red:#FF4D5E; --green:#3BE38A; --amber:#FFB547;
  --line:rgba(255,255,255,.085);
  --font:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  /* category colours */
  --cI:#F5C542; --cBD:#A77BFF; --cA:#2EC9D8; --cB:#5B8CFF; --cS:#FF7A59; --cW:#FF5FA8; --cx:#8A93B2;
}
html{font-size:min(.8333vw,1.4815vh)}
html,body{margin:0;height:100%;overflow:hidden}
body{
  color:var(--ivory);font-family:var(--font);-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(70rem 42rem at 10% -14%, rgba(110,150,255,.20), transparent 62%),
    radial-gradient(70rem 42rem at 92% -16%, rgba(245,197,66,.11), transparent 60%),
    radial-gradient(90rem 50rem at 55% 125%, rgba(40,95,210,.22), transparent 62%),
    linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 100%);
}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}

/* ---------- stadium atmosphere ---------- */
#atmos{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
#atmos .pitch{position:absolute;left:-10%;right:-10%;bottom:-30%;height:75%;
  background:repeating-linear-gradient(90deg,rgba(120,200,140,.035) 0 7rem,rgba(255,255,255,0) 7rem 14rem);
  transform:perspective(60rem) rotateX(62deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 85%);mask-image:linear-gradient(0deg,#000 10%,transparent 85%)}
#atmos .beam{position:absolute;top:-20%;width:42rem;height:150%;opacity:.55;filter:blur(2.2rem);
  background:linear-gradient(180deg,rgba(200,220,255,.20),rgba(200,220,255,0) 70%);animation:beam 11s ease-in-out infinite alternate}
#atmos .beam.l{left:2%;transform:rotate(18deg);transform-origin:top center}
#atmos .beam.r{right:2%;transform:rotate(-18deg);transform-origin:top center;animation-delay:-5s;
  background:linear-gradient(180deg,rgba(255,226,150,.16),rgba(255,226,150,0) 70%)}
#atmos .dots{position:absolute;top:1.2rem;left:0;right:0;height:.6rem;display:flex;justify-content:space-between;padding:0 18%;opacity:.5}
#atmos .dots i{width:.35rem;height:.35rem;border-radius:50%;background:#fff;box-shadow:0 0 1.2rem .4rem rgba(220,235,255,.55)}
#atmos .vig{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 60%,rgba(0,0,0,.55) 100%)}
@keyframes beam{from{opacity:.35}to{opacity:.7}}

/* ---------- app grid ---------- */
#app{position:relative;z-index:1;display:grid;grid-template-columns:22rem minmax(0,1fr);gap:1rem;padding:1rem;height:100vh}
#rail{display:flex;flex-direction:column;gap:.7rem;min-height:0;min-width:0}
#main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.9rem;min-height:0;min-width:0}

.panel{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022));
  border:1px solid var(--line);border-radius:1.15rem;
  box-shadow:0 1.2rem 3rem rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)}
.ph{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.ph b{color:var(--ivory);letter-spacing:.06em}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ---------- photos (positioned by JS so the face is centred and never cut) ---------- */
.frame{position:relative;overflow:hidden;background:radial-gradient(80% 60% at 50% 30%,#1D2A57,#0A1129)}
.frame .ini,.av .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;color:rgba(255,255,255,.55);letter-spacing:.02em}
img.fit{position:absolute;max-width:none;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--ease);display:block}
img.fit.ok{opacity:1}
.av{--c:#F5C542;display:block;width:2.9rem;height:2.9rem;border-radius:50%;flex:none;position:relative;overflow:hidden;
  font-weight:900;font-size:1rem;color:#fff;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff 10%),color-mix(in srgb,var(--c) 40%,#0B1430) 70%);
  box-shadow:0 0 0 .14rem var(--bg1),0 0 0 .3rem var(--c),0 .4rem 1rem rgba(0,0,0,.4)}
.av .ini{font-size:inherit;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}

/* ---------- category badges ---------- */
.k-I{--k:var(--cI)} .k-BD{--k:var(--cBD)} .k-A{--k:var(--cA)} .k-B{--k:var(--cB)} .k-S{--k:var(--cS)} .k-W{--k:var(--cW)} .k-x{--k:var(--cx)}
.cat{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem .3rem .45rem;border-radius:99rem;white-space:nowrap;
  font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  background:linear-gradient(90deg,color-mix(in srgb,var(--k) 55%,#0B1430),color-mix(in srgb,var(--k) 22%,#0B1430));
  border:1px solid color-mix(in srgb,var(--k) 80%,transparent);box-shadow:0 0 1.2rem color-mix(in srgb,var(--k) 45%,transparent)}
.cat svg{width:1.25rem;height:1.25rem;flex:none}
.cat.big{font-size:1.15rem;padding:.45rem 1.15rem .45rem .6rem;gap:.55rem;letter-spacing:.14em}
.cat.big svg{width:1.9rem;height:1.9rem}
.cat.k-I{color:#2A1C00;background:linear-gradient(90deg,#FFF0BE,#F5C542 55%,#C99A23);border-color:#FFE9A3;
  box-shadow:0 0 1.6rem rgba(245,197,66,.75),0 0 .3rem rgba(255,240,190,.9) inset}
.cat.k-BD{background:linear-gradient(90deg,#C9A8FF,#8E5BFF 60%,#5B2FC9);border-color:#D8C2FF;box-shadow:0 0 1.5rem rgba(167,123,255,.7)}
.cdot{width:.65rem;height:.65rem;border-radius:50%;flex:none;background:var(--k);box-shadow:0 0 .6rem var(--k)}

/* ---------- rail ---------- */
.brand{display:flex;gap:.9rem;align-items:center;padding:.9rem 1.05rem}
.brand .crest{width:3.5rem;height:4rem;flex:none;filter:drop-shadow(0 .4rem 1.2rem rgba(245,197,66,.35))}
.brand .crest svg{width:100%;height:100%}
#title{font-size:1.25rem;font-weight:900;letter-spacing:-.01em;line-height:1.1;
  background:linear-gradient(180deg,#fff, var(--gold2) 60%, var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
#subtitle{font-size:.8rem;color:var(--muted);margin-top:.25rem;font-weight:600;letter-spacing:.02em}

.status{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:99rem;
  font-size:.78rem;font-weight:900;letter-spacing:.16em;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.pill i{width:.62rem;height:.62rem;border-radius:50%;background:var(--muted)}
.pill.live{background:rgba(255,77,94,.14);border-color:rgba(255,77,94,.5);color:#FFD6DA}
.pill.live i{background:var(--red);animation:livedot 1.4s infinite}
.pill.paused{background:rgba(255,181,71,.13);border-color:rgba(255,181,71,.5);color:#FFE3B5}
.pill.paused i{background:var(--amber)}
.pill.between{background:rgba(62,193,243,.12);border-color:rgba(62,193,243,.45);color:#CFEFFF}
.pill.between i{background:#3EC1F3}
.pill.done{background:rgba(245,197,66,.14);border-color:rgba(245,197,66,.55);color:var(--gold2)}
.pill.done i{background:var(--gold)}
@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(255,77,94,.7)}70%{box-shadow:0 0 0 .7rem rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}
.tag{font-size:.74rem;font-weight:800;color:var(--muted);letter-spacing:.08em;padding:.33rem .55rem;border-radius:.5rem;background:rgba(255,255,255,.04)}
.tag b{color:var(--ivory)}

.prog{display:flex;gap:.9rem;align-items:center;padding:.8rem .95rem}
.ring{width:5.8rem;height:5.8rem;flex:none;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .rc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring .rc b{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.ring .rc span{font-size:.6rem;color:var(--muted);font-weight:800;letter-spacing:.14em;margin-top:.2rem}
.ring circle{fill:none;stroke-width:9;transition:stroke-dasharray .8s var(--ease),stroke-dashoffset .8s var(--ease)}
.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem .4rem;flex:1;min-width:0}
.stat{display:flex;flex-direction:column}
.stat b{font-size:1.2rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.stat span{font-size:.58rem;color:var(--muted);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.stat.wide{grid-column:span 3;flex-direction:row;justify-content:space-between;align-items:baseline;
  border-top:1px solid var(--line);padding-top:.35rem;margin-top:.1rem}
.stat.wide b{font-size:1rem;color:var(--gold2)}
.stat .s-sold{color:var(--green)} .stat .s-uns{color:#9AA3C0}

/* pairs still to be confirmed (auctioneer only) */
.unsure{padding:.65rem .8rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,181,71,.13),rgba(255,181,71,.05));
  border:1px solid rgba(255,181,71,.5);flex:none}
.unsure .uh{display:flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#FFD08A}
.unsure .uh svg{width:1rem;height:1rem;flex:none}
.unsure .ul{margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem}
.unsure .ui{font-size:.74rem;font-weight:700;color:#FFE7C2;line-height:1.3;display:flex;gap:.4rem;align-items:flex-start}
.unsure .ui i{width:.6rem;height:.6rem;border-radius:.15rem;flex:none;margin-top:.25rem;background:var(--sw);box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.unsure .un{font-size:.68rem;color:#CDB48C;font-weight:700;margin-top:.3rem}

.lp{padding:.75rem .85rem;min-height:0;display:flex;flex-direction:column}
.lp.grow{flex:1 1 auto}
.lp:not(.grow){flex:none}
.list{display:flex;flex-direction:column;gap:.3rem;min-height:0;overflow:hidden}
#nextList{flex:1 1 auto}
.row{display:flex;align-items:center;gap:.55rem;padding:.3rem .5rem;border-radius:.65rem;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);font-size:.88rem;min-height:2.6rem}
.row .rn{font-size:.68rem;font-weight:900;color:var(--muted);width:1.7rem;flex:none;text-align:center}
.row .rt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.row .rt small{display:block;font-size:.66rem;color:var(--muted);font-weight:700;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}
.row .rv{font-weight:900;font-size:.95rem;flex:none}
.row.unsold .rv{color:#8C93AE;font-size:.7rem;letter-spacing:.14em}
.row.first{background:linear-gradient(90deg,rgba(245,197,66,.13),rgba(245,197,66,.02));border-color:rgba(245,197,66,.25)}
.row .medal{width:1.35rem;height:1.35rem;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-size:.66rem;font-weight:900;color:#1a1300;background:linear-gradient(135deg,#FFE7A0,#C9971F)}
.row .medal.m2{background:linear-gradient(135deg,#F2F4F8,#9AA3B6)} .row .medal.m3{background:linear-gradient(135deg,#F2C49B,#A8642F)}
.row .chip{width:.45rem;height:1.9rem;border-radius:.25rem;flex:none;background:var(--c);box-shadow:0 0 .7rem var(--c)}
.thumbs{display:flex;flex:none;position:relative}
.thumbs .th{width:2.15rem;height:2.15rem;border-radius:50%;box-shadow:0 0 0 .12rem #0B1430,0 0 0 .24rem var(--k)}
.thumbs .th+.th{margin-left:-.75rem}
.thumbs .th .ini{font-size:.7rem}
.row .pairtag{font-size:.56rem;font-weight:900;letter-spacing:.12em;color:#1A1302;background:var(--gold);padding:.08rem .3rem;border-radius:.25rem;margin-left:.3rem;vertical-align:.1rem}
.empty{font-size:.85rem;color:var(--muted);padding:.4rem .2rem;font-style:italic}

.tabs{display:flex;gap:.3rem}
.tabs button{border:0;background:transparent;padding:.2rem .5rem;border-radius:.45rem;cursor:pointer;
  font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tabs button.on{background:rgba(245,197,66,.14);color:var(--gold2)}
#callSearch{width:100%;padding:.5rem .7rem;border-radius:.6rem;border:1px solid var(--line);background:rgba(0,0,0,.25);
  font-size:.88rem;outline:none;margin-bottom:.4rem}
#callSearch:focus{border-color:rgba(245,197,66,.55)}
#callList{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}
#callList .row{cursor:pointer}
#callList .row:hover{border-color:rgba(245,197,66,.4);background:rgba(245,197,66,.07)}
#callList .row .go{font-size:.66rem;font-weight:900;letter-spacing:.14em;color:var(--gold);flex:none}
#callBox{display:flex;flex-direction:column;min-height:0;flex:1}

.railfoot{display:flex;gap:.45rem;margin-top:auto}
.ghost{white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:.7rem;border:1px solid var(--line);
  background:rgba(255,255,255,.04);font-size:.78rem;font-weight:800;letter-spacing:.05em;cursor:pointer;color:var(--ivory);text-decoration:none}
.ghost:hover{border-color:rgba(245,197,66,.45)}
.ghost svg{width:1.05rem;height:1.05rem}
.ghost.on{border-color:rgba(59,227,138,.5);background:rgba(59,227,138,.1);color:#CFFBE2}

/* ---------- team cards ---------- */
#teams{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.65rem;padding-top:.3rem}
.tc{--c:#F5C542;position:relative;border-radius:1.05rem;padding:.7rem .7rem .6rem;min-width:0;
  background:
    radial-gradient(120% 70% at 50% -10%, color-mix(in srgb,var(--c) 26%,transparent), transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.06));
  box-shadow:0 1rem 2.4rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .35s var(--ease),opacity .35s var(--ease),filter .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.tc::before{content:"";position:absolute;left:.9rem;right:.9rem;top:0;height:.22rem;border-radius:0 0 .3rem .3rem;
  background:var(--c);box-shadow:0 0 1rem var(--c)}
.tc .th{display:flex;gap:.55rem;align-items:center;min-width:0}
.tc .avw{flex:none;display:block}
.tc .av{width:3.3rem;height:3.3rem}
.tc .tkey{position:absolute;top:2.95rem;left:2.95rem;width:1.3rem;height:1.3rem;border-radius:50%;display:none;z-index:2;
  align-items:center;justify-content:center;font-size:.72rem;font-weight:900;background:var(--c);color:#0B0F1E;box-shadow:0 0 0 .15rem var(--bg1)}
body.admin .tc .tkey{display:flex}
.tc .nm{min-width:0}
.tc .tn{font-size:.64rem;font-weight:900;color:var(--c);text-transform:uppercase;line-height:1.1;letter-spacing:.02em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.tc .on{font-size:.78rem;font-weight:800;line-height:1.1;margin-top:.12rem;color:#E4E7F1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tc .th{gap:.45rem}
.tc .av{width:3rem;height:3rem}
.tc .tkey{top:2.7rem;left:2.65rem}
.tc .pt{display:flex;flex-direction:column-reverse;margin-top:.45rem}
.tc .pt b{font-size:1.7rem;font-weight:900;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.tc .pt span{white-space:nowrap;margin-bottom:.12rem;font-size:.56rem;font-weight:800;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.tc .bar{height:.3rem;border-radius:1rem;background:rgba(255,255,255,.07);margin-top:.35rem;overflow:hidden}
.tc .bar i{display:block;height:100%;width:100%;border-radius:1rem;background:var(--c);
  box-shadow:0 0 .7rem var(--c);transform-origin:left;transition:transform .9s var(--ease)}
.tc .dots{display:grid;grid-template-columns:repeat(12,1fr);gap:.16rem;margin-top:.45rem}
.tc .dots i{height:.45rem;border-radius:.2rem;background:rgba(255,255,255,.09);transition:background .4s,box-shadow .4s}
.tc .dots i.f{background:var(--c);box-shadow:0 0 .45rem color-mix(in srgb,var(--c) 70%,transparent)}
.tc .dots i.o{background:#fff;box-shadow:0 0 .5rem rgba(255,255,255,.6)}
.tc .dots i.x{outline:1px solid color-mix(in srgb,var(--gold) 70%,transparent);outline-offset:1px}
.tc .ft{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem;font-size:.66rem;font-weight:800;color:var(--muted);letter-spacing:.04em;min-height:1rem;gap:.3rem}
.tc .ft b{color:var(--ivory)}
.tc .why{display:none;color:#FF9AA6;font-weight:900;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc .flag{position:absolute;left:50%;bottom:-.65rem;transform:translateX(-50%) scale(.8);opacity:0;padding:.18rem .7rem;border-radius:99rem;
  font-size:.62rem;font-weight:900;letter-spacing:.2em;background:var(--c);color:#0B0F1E;box-shadow:0 0 1.2rem var(--c);transition:.3s var(--ease);white-space:nowrap}
.tc.lead{transform:translateY(-.35rem) scale(1.035);border-color:var(--c);z-index:2;
  box-shadow:0 0 0 1px var(--c),0 0 2.4rem color-mix(in srgb,var(--c) 65%,transparent),0 1.2rem 2.8rem rgba(0,0,0,.5)}
.tc.lead .flag{opacity:1;transform:translateX(-50%) scale(1)}
.tc.dim{filter:saturate(.4);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-color:rgba(255,255,255,.06)}
.tc.dim>*:not(.ft):not(.flag){opacity:.4}
.tc.dim .ft>*:not(.why){opacity:.4}
.tc.dim::before{opacity:.3}
.tc.dim .why{display:block}
.tc.dim .mx{display:none}
.tc.hit{animation:hit .7s var(--ease)}
@keyframes hit{0%{transform:scale(1)}30%{transform:scale(1.07)}100%{transform:scale(1)}}
.tc .drop{position:absolute;right:.6rem;top:3.6rem;font-size:1.1rem;font-weight:900;color:var(--red);text-shadow:0 0 .8rem rgba(255,77,94,.7);
  animation:drop 2.2s var(--ease) forwards;pointer-events:none}
@keyframes drop{0%{opacity:0;transform:translateY(-.6rem)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}100%{opacity:0;transform:translateY(1.6rem)}}

/* ---------- stage ---------- */
#stage{position:relative;display:grid;gap:1rem;min-height:0;grid-template-rows:minmax(0,1fr)}
#stage>*{grid-row:1;min-height:0;min-width:0}
#stage.m-lot{grid-template-columns:minmax(0,1fr) 31rem}
#stage.m-lot #aucCol,#stage.m-lot #teaser{display:none}
#stage.m-lot #lotArea{grid-column:1}
#stage.m-lot #bidCol{grid-column:2}
#stage.m-between,#stage.m-ready,#stage.m-done{grid-template-columns:minmax(0,1fr) 23rem minmax(0,1.3fr)}
#stage.m-between #aucCol,#stage.m-ready #aucCol,#stage.m-done #aucCol{grid-column:1}
#stage.m-between #teaser,#stage.m-ready #teaser{grid-column:2}
#stage.m-between #bidCol,#stage.m-ready #bidCol,#stage.m-done #bidCol{grid-column:3}
#stage:not(.m-lot) #lotArea{display:none}
#stage.m-done #teaser{display:none}

/* auctioneer */
#aucCol{overflow:hidden;display:flex;flex-direction:column}
#aucCol::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(60% 45% at 50% 30%,rgba(245,197,66,.12),transparent 70%),radial-gradient(70% 30% at 50% 100%,rgba(62,120,255,.18),transparent 70%)}
#a3d{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
#a3d canvas{display:block;width:100%!important;height:100%!important}
#aucFallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#aucFallback svg{width:78%;max-height:72%}
#aucFallback .gv{transform-origin:70% 72%;transform-box:fill-box}
#aucFallback.strike .gv{animation:strike .5s var(--ease)}
@keyframes strike{0%{transform:rotate(0)}35%{transform:rotate(-26deg)}60%{transform:rotate(6deg)}100%{transform:rotate(0)}}
.auclabel{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.65rem .9rem;border-radius:.85rem;background:rgba(5,9,22,.82);border:1px solid var(--line)}
.auclabel .eyebrow{color:var(--gold)}
#aucSay{font-size:1rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- the player(s) under the hammer ---------- */
#lotArea{position:relative;display:grid;gap:1rem;min-height:0}
#lotArea.reveal>*{animation:rise .7s var(--ease) both}
#lotArea.reveal>*:nth-child(2){animation-delay:.08s}
#lotArea.reveal>*:nth-child(3){animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(1.4rem) scale(.985)}to{opacity:1;transform:none}}
#lotArea.single{grid-template-columns:auto minmax(0,1fr)}
#lotArea.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}

/* hero portrait card (single lot) */
.hero{--k:var(--cx);position:relative;height:100%;aspect-ratio:3/4;max-width:36rem;border-radius:1.5rem;padding:.38rem;min-height:0;
  background:linear-gradient(150deg,color-mix(in srgb,var(--k) 85%,#fff 15%),color-mix(in srgb,var(--k) 55%,#0B1430) 45%,color-mix(in srgb,var(--k) 90%,#fff 10%) 70%,color-mix(in srgb,var(--k) 45%,#0B1430));
  box-shadow:0 2.5rem 5rem rgba(0,0,0,.6),0 0 3.5rem color-mix(in srgb,var(--k) 40%,transparent)}
.hero.k-I{box-shadow:0 2.5rem 5rem rgba(0,0,0,.6),0 0 4.5rem rgba(245,197,66,.55)}
.hero .frame{position:absolute;inset:.38rem;border-radius:1.15rem}
.hero .frame .ini{font-size:8rem}
.hero .shade{position:absolute;inset:.38rem;border-radius:1.15rem;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,8,22,.55) 0%,rgba(4,8,22,0) 16%,rgba(4,8,22,0) 52%,rgba(4,8,22,.88) 76%,rgba(4,8,22,.97) 100%)}
.hero .shade::after{content:"";position:absolute;inset:.45rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--k) 55%,transparent)}
.hero .hz-top{position:absolute;top:1.1rem;left:1.1rem;right:1.1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;z-index:2}
.lotno{font-size:.74rem;font-weight:900;letter-spacing:.2em;color:var(--gold2);padding:.3rem .6rem;border-radius:.5rem;background:rgba(0,0,0,.45);border:1px solid rgba(245,197,66,.3);white-space:nowrap}
.lotno b{color:#fff;font-size:1rem;letter-spacing:0;margin-left:.25rem}
.hero .hz-foot{position:absolute;left:1.3rem;right:1.3rem;bottom:1.15rem;z-index:2}
.pname{font-size:2.55rem;font-weight:900;letter-spacing:-.02em;line-height:1.02;color:#fff;text-shadow:0 .2rem 1rem rgba(0,0,0,.6);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pco{font-size:1.1rem;font-weight:800;color:color-mix(in srgb,var(--k) 55%,#fff);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbiz{font-size:.92rem;font-weight:700;color:#C3C9DE;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbase{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--k) 35%,transparent)}
.pbase span{font-size:.66rem;font-weight:900;letter-spacing:.2em;color:var(--muted)}
.pbase b{font-size:1.25rem;font-weight:900;color:var(--gold)}
.pbase .re{margin-left:auto;font-size:.66rem;font-weight:900;letter-spacing:.14em;color:#FFE3B5;background:rgba(255,181,71,.18);border:1px solid rgba(255,181,71,.5);padding:.2rem .45rem;border-radius:.35rem}
.hero .shine{position:absolute;inset:.38rem;border-radius:1.15rem;pointer-events:none;overflow:hidden}
.hero .shine::before{content:"";position:absolute;top:-30%;bottom:-30%;width:26%;left:-40%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:shine 6s ease-in-out infinite}
@keyframes shine{0%,64%{left:-40%}100%{left:130%}}

/* facts column: business + cricket */
.facts{display:flex;flex-direction:column;gap:.9rem;min-height:0;min-width:0}
.fx{--k:var(--cx);position:relative;padding:1rem 1.1rem;border-radius:1.1rem;min-height:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);
  box-shadow:0 1rem 2.4rem rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07)}
.fx>.ph{margin-bottom:.6rem}
.fx>.ph svg{width:1rem;height:1rem;color:var(--gold);flex:none}
.fx>.ph .pht{display:flex;align-items:center;gap:.45rem}
.idcard{display:flex;flex-direction:column;gap:.45rem}
.idcard .pname{font-size:2.1rem;text-shadow:none}
.bz-given{padding:.8rem .95rem;border-radius:.9rem;background:linear-gradient(90deg,rgba(59,227,138,.13),rgba(59,227,138,.03));border:1px solid rgba(59,227,138,.3)}
.bz-given span,.bz-row span{display:block;font-size:.64rem;font-weight:900;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.bz-given b{display:block;font-size:2.7rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;color:#BFFAD8;white-space:nowrap}
.bz-given small{font-size:.9rem;font-weight:800;color:#8FD9B0}
.bz-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem}
.bz-row div{padding:.65rem .85rem;border-radius:.85rem;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.bz-row b{display:block;font-size:2.1rem;font-weight:900;letter-spacing:-.02em;line-height:1.05}
.nodata{font-size:.95rem;color:var(--muted);font-weight:700;font-style:italic;padding:.6rem .2rem;display:flex;align-items:center;gap:.6rem}
.nodata svg{width:1.6rem;height:1.6rem;flex:none;opacity:.6;color:var(--muted)}

.crk{flex:1 1 auto;display:flex;flex-direction:column}
.cr-role{display:flex;align-items:center;gap:.85rem}
.cr-role .ri{width:3.6rem;height:3.6rem;flex:none;border-radius:1rem;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(245,197,66,.22),rgba(245,197,66,.05));border:1px solid rgba(245,197,66,.4);color:var(--gold)}
.cr-role .ri svg{width:2.3rem;height:2.3rem}
.cr-role .rl{min-width:0;flex:1}
.cr-role .rl b{display:block;font-size:1.65rem;font-weight:900;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stars{display:flex;align-items:center;gap:.2rem;margin-top:.2rem}
.stars svg{width:1.25rem;height:1.25rem}
.stars .on{color:var(--gold);filter:drop-shadow(0 0 .35rem rgba(245,197,66,.7))}
.stars .off{color:rgba(255,255,255,.16)}
.stars em{font-style:normal;font-size:.85rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin-left:.4rem}
.cr-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem;align-items:center}
.avail{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .7rem;border-radius:99rem;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:1px solid}
.avail i{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}
.avail.yes{color:#7CF5B4;background:rgba(59,227,138,.12);border-color:rgba(59,227,138,.5)}
.avail.maybe{color:#FFD08A;background:rgba(255,181,71,.12);border-color:rgba(255,181,71,.5)}
.avail.no{color:#FF9AA6;background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.5)}
.agg{display:inline-flex;padding:.32rem .7rem;border-radius:99rem;font-size:.78rem;font-weight:800;color:#D6DBEC;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.cr-reason{margin-top:.55rem;font-size:.86rem;font-weight:700;color:#FFD9A0;line-height:1.35}
.cq{position:relative;margin:.8rem 0 0;padding:.75rem .95rem .75rem 2.3rem;border-radius:.9rem;background:rgba(255,255,255,.035);border:1px solid var(--line);
  font-size:1.02rem;font-weight:600;line-height:1.42;color:#E9E5D8;font-style:italic;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cq::before{content:"\201C";position:absolute;left:.65rem;top:.15rem;font-size:2.6rem;line-height:1;color:var(--gold);font-style:normal;font-weight:900}
.whyl{font-size:.6rem;font-weight:900;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-top:.8rem}
.whyl+.cq{margin-top:.3rem}

/* pair lot */
.pairban{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.55rem 1rem;border-radius:1rem;
  background:linear-gradient(90deg,rgba(245,197,66,.28),rgba(20,26,58,.6) 45%,rgba(20,26,58,.6) 55%,rgba(167,123,255,.32));
  border:1px solid rgba(255,255,255,.18);box-shadow:0 0 2.2rem rgba(245,197,66,.18),0 0 2.2rem rgba(167,123,255,.18)}
.pairban b{font-size:1.25rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap}
.pairban b em{font-style:normal;color:var(--gold)} .pairban b i{font-style:normal;color:#C9A8FF}
.pairban span{font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#D8DCEB;white-space:nowrap}
.pairban svg{width:1.8rem;height:1.8rem;flex:none}
.pairban .plus{font-size:1.6rem;font-weight:900;color:#fff}
.pb{--k:var(--cx);display:flex;flex-direction:column;gap:.7rem;min-height:0;min-width:0;padding:.8rem;border-radius:1.25rem;
  background:linear-gradient(180deg,color-mix(in srgb,var(--k) 16%,rgba(255,255,255,.03)),rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--k) 55%,transparent);box-shadow:0 0 2.6rem color-mix(in srgb,var(--k) 22%,transparent),0 1.2rem 2.8rem rgba(0,0,0,.4)}
.pb-head{display:flex;gap:.9rem;min-height:0;flex:none}
.pb-photo{width:10.8rem;flex:none;aspect-ratio:3/4;border-radius:1rem;padding:.28rem;
  background:linear-gradient(150deg,color-mix(in srgb,var(--k) 85%,#fff 15%),color-mix(in srgb,var(--k) 50%,#0B1430))}
.pb-photo .frame{width:100%;height:100%;border-radius:.8rem}
.pb-photo .frame .ini{font-size:4rem}
.pb-id{min-width:0;flex:1;display:flex;flex-direction:column;gap:.35rem;justify-content:flex-end;padding-bottom:.2rem}
.pb-id .pname{font-size:2rem;text-shadow:none;-webkit-line-clamp:3}
.pb-id .pco{font-size:1rem}
.pb .fx{padding:.75rem .85rem}
.pb .fx>.ph{margin-bottom:.45rem}
.pb .bz-line{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.45rem}
.pb .bz-line div{padding:.45rem .6rem;border-radius:.7rem;background:rgba(255,255,255,.04);border:1px solid var(--line);min-width:0}
.pb .bz-line div:first-child{background:linear-gradient(90deg,rgba(59,227,138,.13),rgba(59,227,138,.03));border-color:rgba(59,227,138,.3)}
.pb .bz-line span{display:block;font-size:.56rem;font-weight:900;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .bz-line b{display:block;font-size:1.45rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .bz-line div:first-child b{color:#BFFAD8}
.pb .crk{flex:1 1 auto;min-height:0;overflow:hidden}
.pb .cr-role .ri{width:2.8rem;height:2.8rem;border-radius:.8rem}
.pb .cr-role .ri svg{width:1.8rem;height:1.8rem}
.pb .cr-role .rl b{font-size:1.3rem}
.pb .stars svg{width:1.05rem;height:1.05rem}
.pb .cr-meta{margin-top:.5rem}
.pb .cq{font-size:.9rem;-webkit-line-clamp:3;margin-top:.5rem;padding:.5rem .7rem .5rem 1.9rem}
.pb .cq::before{font-size:2rem;left:.5rem}
.pb .whyl{display:none}

/* ---------- teaser (between / ready) ---------- */
#teaser{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem}
.tz-ribbon{font-size:.85rem;font-weight:900;letter-spacing:.32em;color:var(--gold2);text-transform:uppercase}
.tz-cards{display:flex;gap:.6rem;justify-content:center;width:100%}
.tz{--k:var(--cx);flex:1;max-width:19rem;aspect-ratio:3/4;border-radius:1.3rem;position:relative;padding:.3rem;
  background:linear-gradient(150deg,color-mix(in srgb,var(--k) 75%,#fff 10%),color-mix(in srgb,var(--k) 35%,#0B1430));
  box-shadow:0 1.6rem 3.4rem rgba(0,0,0,.5),0 0 2.4rem color-mix(in srgb,var(--k) 30%,transparent);animation:float 6s ease-in-out infinite}
.tz-cards.two .tz{max-width:11rem}
.tz-cards.two .tz:nth-child(2){animation-delay:-3s}
.tz .frame{position:absolute;inset:.3rem;border-radius:1.05rem}
.tz .frame .ini{font-size:4rem}
.tz .shade{position:absolute;inset:.3rem;border-radius:1.05rem;background:linear-gradient(180deg,rgba(4,8,22,0) 50%,rgba(4,8,22,.92) 90%)}
.tz .tzm{position:absolute;left:.9rem;right:.9rem;bottom:.85rem;z-index:2}
.tz .tzm .cat{font-size:.62rem;padding:.2rem .5rem .2rem .3rem}
.tz .tzm .cat svg{width:.95rem;height:.95rem}
.tz .tz-name{font-size:1.4rem;font-weight:900;letter-spacing:-.01em;margin-top:.35rem;line-height:1.05;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tz-cards.two .tz-name{font-size:1.05rem}
.tz .tz-sub{font-size:.78rem;color:#C3C9DE;font-weight:700;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-pairnote{font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#E6DAFF}
.tz-done{width:19rem;aspect-ratio:3/4;border-radius:1.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1.2rem;
  background:linear-gradient(180deg,#121D44,#070C22);border:1px solid rgba(245,197,66,.3)}
.tz-done b{font-size:4rem;color:var(--gold)}
.tz-done div{font-size:1.4rem;font-weight:900}
.tz-done span{font-size:.85rem;color:var(--muted);font-weight:700}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.7rem)}}

/* ---------- bid panel ---------- */
#bidCol{display:flex;flex-direction:column;padding:1.15rem 1.25rem 1.05rem;overflow:hidden}
#bidCol::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.9;transition:background .5s;
  background:radial-gradient(70% 45% at 30% 20%,color-mix(in srgb,var(--lc,#F5C542) 22%,transparent),transparent 70%)}
#bidLive{display:flex;flex-direction:column;min-height:0;flex:1}
.bp-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;position:relative}
.bp-state{font-size:.72rem;font-weight:900;letter-spacing:.2em;padding:.3rem .65rem;border-radius:.45rem;background:rgba(255,255,255,.06);color:var(--muted);white-space:nowrap}
.bp-state.paused{background:rgba(255,181,71,.16);color:var(--amber)}
.bp-state.open{background:rgba(59,227,138,.12);color:var(--green)}
.bp-state.hot{background:rgba(255,77,94,.16);color:#FF8F9B}
.bp-main{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.4rem;position:relative}
.bp-amt{min-width:0;flex:1}
#bidAmt{font-size:4.9rem;font-weight:900;letter-spacing:-.045em;line-height:.98;color:var(--gold);
  text-shadow:0 0 2.4rem color-mix(in srgb,var(--lc,#F5C542) 55%,transparent),0 .25rem 0 rgba(0,0,0,.25);white-space:nowrap}
#bidAmt.waiting{font-size:2.6rem;color:var(--ivory);text-shadow:none}
#bidAmt.pop{animation:pop .5s var(--ease)}
@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.1)}100%{transform:scale(1)}}
.bp-unit{font-size:.82rem;font-weight:900;letter-spacing:.14em;color:var(--muted);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-unit b{color:var(--ivory);letter-spacing:.02em}
.cd{width:8.6rem;height:8.6rem;flex:none;position:relative}
.cd svg{width:100%;height:100%;transform:rotate(-90deg)}
.cd .trk{fill:none;stroke:rgba(255,255,255,.08);stroke-width:7}
.cd .arc{fill:none;stroke:var(--gold);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 .45rem var(--gold))}
.cd.hot .arc{stroke:var(--red);filter:drop-shadow(0 0 .7rem var(--red))}
.cd.paused .arc{stroke:var(--amber);filter:none}
.cd .ticks{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2;stroke-dasharray:.6 4.635}
.cd .cc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#cdNum{font-size:3.2rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.cd.hot #cdNum{color:#FF6B7A;text-shadow:0 0 1.5rem rgba(255,77,94,.8)}
.cd .cc span{font-size:.58rem;font-weight:900;letter-spacing:.2em;color:var(--muted);margin-top:.15rem}
.leader{display:flex;align-items:center;gap:.85rem;margin-top:.9rem;padding:.7rem .85rem;border-radius:1rem;position:relative;
  background:linear-gradient(90deg,color-mix(in srgb,var(--lc,#888) 22%,transparent),rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--lc,#888) 45%,transparent);transition:background .4s,border-color .4s}
.leader .av{width:3.7rem;height:3.7rem;font-size:1.25rem}
.leader .lt{min-width:0;flex:1}
.leader .lk{font-size:.64rem;font-weight:900;letter-spacing:.2em;color:var(--muted)}
.leader .ln{font-size:1.45rem;font-weight:900;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.leader .lo{font-size:.84rem;font-weight:700;color:#C7CDE2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leader.none{--lc:#8A93B2}
.leader.none .ln{color:#C7CDE2;font-size:1.2rem}
.nextbid{text-align:right;flex:none}
.nextbid span{display:block;font-size:.6rem;font-weight:900;letter-spacing:.2em;color:var(--muted)}
.nextbid b{font-size:1.45rem;font-weight:900;color:var(--ivory);white-space:nowrap}
.ladder{position:relative;margin-top:.9rem;flex:1;min-height:0;display:flex;flex-direction:column}
.ladder .ph{margin-bottom:.45rem}
#lad{display:flex;flex-direction:column;gap:.32rem;overflow:hidden;flex:1;min-height:0;
  -webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.lrow{--c:#F5C542;display:flex;align-items:center;gap:.6rem;padding:.42rem .65rem;border-radius:.7rem;flex:none;
  background:linear-gradient(90deg,color-mix(in srgb,var(--c) 14%,transparent),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.05)}
.lrow.new{animation:lin .45s var(--ease)}
@keyframes lin{from{opacity:0;transform:translateY(-.8rem) scale(.98)}to{opacity:1;transform:none}}
.lrow .av{width:1.9rem;height:1.9rem;font-size:.66rem;box-shadow:0 0 0 .1rem var(--bg1),0 0 0 .2rem var(--c)}
.lrow .lt{flex:1;min-width:0;font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow .via{font-size:.56rem;font-weight:900;letter-spacing:.14em;color:#1A1302;background:var(--gold);padding:.12rem .35rem;border-radius:.3rem;flex:none}
.lrow .la{font-size:1.15rem;font-weight:900;flex:none;min-width:4.6rem;text-align:right;white-space:nowrap}
.lrow .tm{font-size:.72rem;font-weight:800;color:var(--muted);flex:none;width:2.9rem;text-align:right}
.lrow.top{border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.lrow.top .la{color:var(--gold)}

/* going once / twice / final call */
#call{position:absolute;left:1.25rem;right:1.25rem;bottom:1.05rem;height:40%;border-radius:1.1rem;display:flex;align-items:center;gap:1.1rem;
  padding:0 1.3rem;opacity:0;transform:translateY(1rem) scale(.97);pointer-events:none;transition:opacity .2s,transform .25s var(--ease);
  background:linear-gradient(110deg,rgba(150,20,40,.96),rgba(70,6,22,.97));border:1px solid rgba(255,120,135,.7);
  box-shadow:0 0 3rem rgba(255,77,94,.45),inset 0 0 2rem rgba(255,77,94,.25);z-index:3;overflow:hidden}
#call.on{opacity:1;transform:none}
#call .cn{font-size:8rem;font-weight:900;line-height:1;letter-spacing:-.05em;color:#fff;text-shadow:0 0 2.5rem rgba(255,77,94,1);flex:none}
#call .cw{font-size:2.7rem;font-weight:900;letter-spacing:.03em;line-height:.95;color:#FFE7EA;text-transform:uppercase}
#call .cs{font-size:.9rem;font-weight:800;color:#FFC2C9;letter-spacing:.05em;margin-top:.5rem}
#call.beat .cn,#call.beat .cw{animation:beat .6s var(--ease)}
@keyframes beat{0%{transform:scale(1.35);opacity:.2}60%{transform:scale(.97);opacity:1}100%{transform:scale(1)}}
#call::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 1rem,transparent 1rem 2rem);animation:slide 1s linear infinite}
@keyframes slide{to{background-position:4rem 0}}
#edge{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;box-shadow:inset 0 0 8rem rgba(255,77,94,.55);transition:opacity .3s}
#edge.on{animation:edge 1s ease-in-out infinite}
@keyframes edge{0%,100%{opacity:.25}50%{opacity:.9}}

#pausedBand{position:absolute;right:1.25rem;bottom:1.1rem;width:28.5rem;justify-content:center;z-index:4;padding:.6rem 1.2rem;border-radius:99rem;
  background:rgba(40,26,6,.92);border:1px solid rgba(255,181,71,.6);color:#FFE3B5;font-weight:900;letter-spacing:.28em;font-size:.95rem;
  box-shadow:0 0 2rem rgba(255,181,71,.3);display:flex;gap:.6rem;align-items:center}
#pausedBand i{height:1.1rem;border-left:.32rem solid var(--amber);border-right:.32rem solid var(--amber);width:1.1rem}

/* between / ready info in bid column */
#bidInfo{display:flex;flex-direction:column;min-height:0;flex:1}
.info{display:flex;flex-direction:column;gap:.8rem;flex:1;min-height:0;position:relative}
.info h3{margin:.2rem 0 0;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1.05}
.info .sub{color:#C7CDE2;font-size:.98rem;font-weight:600;line-height:1.45}
.lastlot{--c:#8A93B2;display:flex;align-items:center;gap:.9rem;padding:.85rem;border-radius:1rem;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.lastlot .thumbs .th{width:3.2rem;height:3.2rem}
.lastlot .ll-t{flex:1;min-width:0}
.lastlot .ll-p{font-size:1.3rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lastlot .ll-s{font-size:.86rem;color:#C7CDE2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lastlot .ll-v{font-size:1.9rem;font-weight:900;color:var(--gold);letter-spacing:-.03em;white-space:nowrap}
.lastlot.uns .ll-v{font-size:1rem;letter-spacing:.2em;color:#9AA3BE}
.autonext{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:1rem;background:rgba(62,193,243,.08);border:1px solid rgba(62,193,243,.3)}
.autonext b{font-size:2.4rem;font-weight:900;color:#8EDBFF;letter-spacing:-.03em;min-width:3.5rem;text-align:center}
.autonext span{font-weight:800;color:#CFEFFF;letter-spacing:.04em}
.kv{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}
.kv div{padding:.65rem .8rem;border-radius:.85rem;background:rgba(255,255,255,.04);border:1px solid var(--line);min-width:0}
.kv span{display:block;font-size:.6rem;font-weight:900;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv b{font-size:1.3rem;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.hint{font-size:.88rem;color:var(--muted);font-weight:700;display:flex;gap:.5rem;align-items:center}
kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:.35rem;
  font:900 .7rem/1 var(--font);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;color:var(--ivory)}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:auto}
.how div{padding:.8rem .85rem;border-radius:.9rem;background:linear-gradient(180deg,rgba(245,197,66,.08),rgba(255,255,255,.02));border:1px solid rgba(245,197,66,.18)}
.how b{display:flex;width:1.7rem;height:1.7rem;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:#1A1302;font-weight:900;font-size:.85rem;margin-bottom:.45rem}
.how span{font-size:.84rem;font-weight:700;color:#D6DBEC;line-height:1.35}
.purse{display:flex;flex-direction:column;gap:.28rem;min-height:0}
.pr{display:grid;grid-template-columns:1.8rem 8rem 1fr 4.6rem 2.6rem;align-items:center;gap:.55rem;font-size:.85rem;font-weight:800}
.pr .av{width:1.6rem;height:1.6rem;font-size:.55rem;box-shadow:0 0 0 .1rem var(--bg1),0 0 0 .2rem var(--c)}
.pr .pn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#D6DBEC}
.pr .pb2{height:.55rem;border-radius:1rem;background:rgba(255,255,255,.06);overflow:hidden}
.pr .pb2 i{display:block;height:100%;border-radius:1rem;background:var(--c);box-shadow:0 0 .6rem var(--c);transition:width .8s var(--ease)}
.pr b{text-align:right;font-size:.95rem;white-space:nowrap}
.pr .pc{text-align:right;color:var(--muted);font-size:.75rem}

/* ---------- SOLD / UNSOLD takeover (covers the stage beside the auctioneer) ---------- */
#take{grid-column:2/-1;position:relative;z-index:6;display:flex;align-items:center;justify-content:center;border-radius:1.3rem;
  opacity:0;pointer-events:none;transition:opacity .35s;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--c,#F5C542) 34%,#060A1C),#050916 78%)}
#stage.m-lot #take{grid-column:1/-1}
#take.on{opacity:1}
#take .rays{position:absolute;width:160rem;height:160rem;left:50%;top:50%;margin:-80rem 0 0 -80rem;opacity:.22;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c,#F5C542) 80%,#fff) 0 4deg,transparent 4deg 12deg);
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent 70%);mask-image:radial-gradient(closest-side,#000,transparent 70%);animation:spin 30s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.stamp{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.st-photos{display:flex;gap:1rem;justify-content:center;opacity:0;transform:translateY(1.5rem)}
#take.on .st-photos{animation:rise .6s var(--ease) .05s forwards}
.st-ph{--k:var(--cx);width:12.5rem;aspect-ratio:3/4;border-radius:1.1rem;padding:.3rem;position:relative;
  background:linear-gradient(150deg,color-mix(in srgb,var(--k) 85%,#fff 15%),color-mix(in srgb,var(--k) 45%,#0B1430));
  box-shadow:0 1.4rem 3rem rgba(0,0,0,.55),0 0 2rem color-mix(in srgb,var(--k) 40%,transparent)}
.st-ph .frame{width:100%;height:100%;border-radius:.85rem}
.st-ph .frame .ini{font-size:4rem}
.st-ph .cat{position:absolute;left:50%;bottom:-.8rem;transform:translateX(-50%);font-size:.62rem;padding:.2rem .55rem .2rem .3rem}
.st-ph .cat svg{width:.95rem;height:.95rem}
.st-main{transform:rotate(-5deg) scale(2.2);opacity:0;margin-top:1.4rem}
#take.on .st-main{animation:stamp .55s cubic-bezier(.2,1.6,.4,1) .25s forwards}
@keyframes stamp{0%{transform:rotate(-5deg) scale(2.4);opacity:0}100%{transform:rotate(-5deg) scale(1);opacity:1}}
.stamp .st-p{font-size:1.45rem;font-weight:900;letter-spacing:.04em;color:#fff;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 .2rem 1rem rgba(0,0,0,.6)}
.stamp .st-box{display:inline-block;padding:.35rem 2.4rem .55rem;border:.45rem solid var(--c,#F5C542);border-radius:1.1rem;
  box-shadow:0 0 0 .3rem rgba(5,9,22,.8),0 0 0 .5rem var(--c,#F5C542),0 0 4rem var(--c,#F5C542),inset 0 0 3rem color-mix(in srgb,var(--c,#F5C542) 35%,transparent);
  background:rgba(5,9,22,.55)}
.stamp .st-w{font-size:7rem;font-weight:900;line-height:1;letter-spacing:.02em;color:var(--c,#F5C542);text-shadow:0 0 3rem var(--c,#F5C542),0 .3rem 0 rgba(0,0,0,.35)}
.stamp .st-to{display:flex;align-items:center;justify-content:center;gap:.9rem;font-size:2.1rem;font-weight:900;color:#fff;letter-spacing:.02em;margin-top:1.1rem;text-transform:uppercase;text-shadow:0 .2rem 1rem rgba(0,0,0,.7)}
.stamp .st-to .av{width:3.6rem;height:3.6rem;font-size:1.1rem}
.stamp .st-to em{font-style:normal;color:var(--c,#F5C542)}
.stamp .st-to small{display:block;font-size:.95rem;color:#E8E3D3;letter-spacing:.08em;text-align:left}
.stamp .st-for{font-size:1.3rem;font-weight:800;color:#E8E3D3;letter-spacing:.14em;margin-top:.55rem;text-transform:uppercase}
.stamp .st-for b{font-size:2.5rem;color:var(--gold);letter-spacing:-.02em;vertical-align:-.25rem;margin:0 .4rem}
#take.uns{background:radial-gradient(60% 70% at 50% 50%,#2A3048,#050916 78%)}
#take.uns .stamp .st-w{color:#AEB5CB;text-shadow:none}
#take.uns .stamp .st-box{border-color:#7C849E;box-shadow:0 0 0 .3rem rgba(5,9,22,.8),0 0 0 .5rem #7C849E}
#take.uns .rays{display:none}
#take.uns .st-ph{filter:saturate(.35)}

/* done */
#doneView{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;border-radius:1.2rem;overflow:hidden}
#doneView .dv-bg{position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 45%,rgba(245,197,66,.22),rgba(5,9,22,.94) 75%)}
#doneView .dv{position:relative;text-align:center;max-width:70rem}
#doneView .trophy{width:8rem;height:8rem;margin:0 auto;filter:drop-shadow(0 0 2.5rem rgba(245,197,66,.6))}
#doneView h2{margin:.6rem 0 0;font-size:5.2rem;font-weight:900;letter-spacing:-.03em;line-height:1;
  background:linear-gradient(180deg,#fff 20%,var(--gold2) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
#doneView .dv-sub{font-size:1.25rem;color:#C7CDE2;font-weight:700;margin-top:.7rem}
#doneView .dv-kv{display:flex;gap:1rem;justify-content:center;margin-top:1.6rem}
#doneView .dv-kv div{padding:1rem 1.5rem;border-radius:1rem;background:rgba(255,255,255,.05);border:1px solid var(--line);min-width:11rem}
#doneView .dv-kv span{display:block;font-size:.68rem;font-weight:900;letter-spacing:.2em;color:var(--muted)}
#doneView .dv-kv b{font-size:2.1rem;font-weight:900}
.btn-gold{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.8rem;padding:1rem 2rem;border-radius:99rem;font-size:1.15rem;font-weight:900;letter-spacing:.06em;
  color:#1A1302;text-decoration:none;background:linear-gradient(180deg,#FFE9A3,#F5C542 55%,#C99A23);box-shadow:0 .8rem 2.4rem rgba(245,197,66,.45),inset 0 1px 0 rgba(255,255,255,.6);border:0;cursor:pointer}

/* ---------- admin dock ---------- */
#dock{padding:.7rem .8rem;display:flex;flex-direction:column;gap:.55rem}
#bidBtns{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.65rem}
.bb{--c:#F5C542;position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:.8rem;cursor:pointer;min-width:0;text-align:left;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 34%,#0B1430),color-mix(in srgb,var(--c) 14%,#070B18));
  border:1px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 .4rem 1rem rgba(0,0,0,.35);
  transition:transform .12s,filter .2s,opacity .2s}
.bb:hover{filter:brightness(1.18)}
.bb:active,.bb.press{transform:translateY(2px) scale(.98)}
.bb kbd{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.25)}
.bb .bt{min-width:0;flex:1}
.bb .bn{display:block;font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb .bv{display:block;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb.no{opacity:.38;filter:saturate(.3)}
.bb.lead{box-shadow:0 0 0 2px var(--c),0 0 1.4rem var(--c)}
.bb.jumping:not(.no):not(.lead) .bv{color:#FFE49A}
.drow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.ctrls{display:flex;flex-wrap:wrap;gap:.32rem;align-items:center}
.cb{display:inline-flex;align-items:center;gap:.4rem;padding:.44rem .55rem;border-radius:.65rem;border:1px solid var(--line);cursor:pointer;
  background:rgba(255,255,255,.055);font-size:.78rem;font-weight:800;letter-spacing:.03em;color:var(--ivory);text-decoration:none;white-space:nowrap}
.cb:hover:not(:disabled){border-color:rgba(245,197,66,.5);background:rgba(245,197,66,.08)}
.cb:disabled{opacity:.35;cursor:default}
.cb.primary{background:linear-gradient(180deg,#3BE38A,#1FA862);color:#04150B;border-color:transparent}
.cb.goldb{background:linear-gradient(180deg,#FFE49A,#F5C542 60%,#C99A23);color:#1A1302;border-color:transparent}
.cb.warn{color:#FFC2C9;border-color:rgba(255,77,94,.35)}
.cb.primary kbd,.cb.goldb kbd{background:rgba(0,0,0,.18);border-color:rgba(0,0,0,.25);color:inherit}
.cb.danger{background:linear-gradient(180deg,#FF6B7A,#D63347);color:#fff;border-color:transparent}
.sep{width:1px;height:1.6rem;background:var(--line);margin:0 .1rem}
.auto{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;color:var(--muted)}
.auto input{width:3.2rem;padding:.4rem .4rem;border-radius:.5rem;border:1px solid var(--line);background:rgba(0,0,0,.25);text-align:center;font-weight:900}
.exp{display:inline-flex}
.exp .cb:first-child{border-radius:.65rem 0 0 .65rem}
.exp .cb:last-child{border-radius:0 .65rem .65rem 0;border-left:0}
/* jump bid */
.jump{display:flex;align-items:center;gap:.32rem;padding:.25rem .3rem .25rem .6rem;border-radius:.8rem;
  background:linear-gradient(90deg,rgba(245,197,66,.12),rgba(245,197,66,.03));border:1px solid rgba(245,197,66,.35)}
.jump .jl{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:var(--gold2);text-transform:uppercase;white-space:nowrap}
#jumpAmt{width:7.6rem;padding:.38rem .5rem;border-radius:.5rem;border:1px solid var(--line);background:rgba(0,0,0,.35);font-weight:900;font-size:.88rem;outline:none}
#jumpAmt:focus{border-color:rgba(245,197,66,.7)}
#jumpAmt.bad{border-color:var(--red)}
#jumpVal{font-size:.8rem;font-weight:900;color:var(--ivory);min-width:6.4rem;white-space:nowrap}
#jumpVal.dim{color:var(--muted);font-weight:700}
#jumpVal.bad{color:#FF9AA6}
.jump .jc{padding:.32rem .45rem;border-radius:.5rem;border:1px solid rgba(245,197,66,.35);background:rgba(245,197,66,.08);
  font-size:.72rem;font-weight:900;color:var(--gold2);cursor:pointer;white-space:nowrap}
.jump .jc:hover:not(:disabled){background:rgba(245,197,66,.2)}
.jump .jc:disabled,.jump input:disabled{opacity:.35;cursor:default}
.jump.armed{border-color:var(--gold);box-shadow:0 0 1rem rgba(245,197,66,.35)}

/* ---------- toasts / offline / modal ---------- */
#toasts{position:fixed;top:1.2rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}
.toast{padding:.75rem 1.3rem;border-radius:.85rem;font-weight:800;font-size:1rem;background:rgba(14,20,44,.94);border:1px solid var(--line);
  box-shadow:0 1rem 2.5rem rgba(0,0,0,.5);animation:tin .3s var(--ease);max-width:50rem;text-align:center}
.toast.err{border-color:rgba(255,77,94,.6);color:#FFD6DA;background:rgba(60,10,20,.94)}
.toast.ok{border-color:rgba(59,227,138,.5);color:#CFFBE2}
.toast.out{opacity:0;transform:translateY(-.5rem);transition:.3s}
@keyframes tin{from{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:none}}
#offline{position:fixed;top:0;left:0;right:0;z-index:60;display:none;align-items:center;justify-content:center;gap:.8rem;padding:.7rem;
  background:linear-gradient(90deg,#7A0F1E,#B4192E,#7A0F1E);color:#fff;font-weight:900;letter-spacing:.06em;font-size:1.05rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.5)}
#offline i{width:.7rem;height:.7rem;border-radius:50%;background:#fff;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
html.offline #offline{display:flex}
#modal{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;background:rgba(3,6,16,.86)}
#modal.on{display:flex}
.mbox{width:min(70rem,92vw);max-height:88vh;display:flex;flex-direction:column;padding:1.4rem 1.6rem;background:linear-gradient(180deg,#121B3C,#0A1128);
  border:1px solid rgba(255,255,255,.12);border-radius:1.3rem;box-shadow:0 2rem 6rem rgba(0,0,0,.7);animation:tin .25s var(--ease)}
.mbox.small{width:min(34rem,92vw)}
.mbox h2{margin:0 0 .3rem;font-size:1.6rem;font-weight:900}
.mbox p{margin:0 0 1rem;color:#C7CDE2;font-size:1rem;line-height:1.45}
.mbody{overflow:auto;min-height:0;flex:1}
.mfoot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}
.mfoot .cb{font-size:.95rem;padding:.65rem 1.2rem}
.form label{display:block;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:.8rem 0 .35rem}
.form label .cnt{float:right;letter-spacing:.06em}
.form .cnt.ok{color:var(--green)} .form .cnt.bad{color:var(--red)}
.form input,.form textarea{width:100%;padding:.65rem .8rem;border-radius:.65rem;border:1px solid var(--line);background:rgba(0,0,0,.3);font-size:.92rem;outline:none}
.form textarea{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;line-height:1.5;resize:vertical}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

/* ---------- small screens (degrade, don't break) ---------- */
@media (max-width:1000px),(max-height:560px){
  html{font-size:11px}
  html,body{overflow:auto;height:auto}
  #app{grid-template-columns:1fr;height:auto}
  #rail{order:2}
  #teams{grid-template-columns:repeat(3,1fr)}
  #stage.m-lot,#stage.m-between,#stage.m-ready,#stage.m-done{grid-template-columns:1fr;grid-template-rows:none}
  #stage>*{grid-row:auto!important;grid-column:auto!important}
  #lotArea.single,#lotArea.pair{grid-template-columns:1fr}
  .hero{height:auto;width:100%;max-width:30rem;margin:0 auto}
  #aucCol{height:22rem}
  #teaser{min-height:30rem}
  #take{position:fixed;inset:0;z-index:30}
  #bidBtns{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- category pricing (base + fixed step per category) ---------- */
.bp-rule{--k:var(--cx);display:flex;align-items:center;gap:.45rem;margin-top:.55rem;padding:.4rem .7rem;border-radius:.7rem;position:relative;
  background:linear-gradient(90deg,color-mix(in srgb,var(--k) 26%,transparent),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--k) 60%,transparent);
  font-size:.85rem;font-weight:800;color:#E4E7F1;white-space:nowrap;overflow:hidden}
.bp-rule svg{width:1.15rem;height:1.15rem;flex:none;color:var(--k)}
.bp-rule b{color:color-mix(in srgb,var(--k) 60%,#fff);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.bp-rule span{overflow:hidden;text-overflow:ellipsis}
.pbase .stp{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--k) 55%,#fff);
  padding:.18rem .45rem;border-radius:.35rem;border:1px solid color-mix(in srgb,var(--k) 55%,transparent);background:color-mix(in srgb,var(--k) 15%,transparent)}
.pbase .re.fin{color:#2A1C00;background:var(--gold);border-color:var(--gold2)}
.bp-state.final{background:rgba(245,197,66,.18);color:var(--gold2)}
#bidLive.fixed .bp-main,#bidLive.fixed .leader,#bidLive.fixed .ladder{display:none}
#finalBox{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.55rem;margin-top:.8rem;padding:1.3rem 1.3rem;border-radius:1.1rem;text-align:center;
  background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--lc) 22%,transparent),rgba(255,255,255,.02));border:1px dashed color-mix(in srgb,var(--lc) 70%,transparent)}
#finalBox .fb-k{--k:var(--cx);display:inline-flex;align-self:center;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:99rem;font-size:1rem;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--k) 40%,#0B1430);border:1px solid var(--k);box-shadow:0 0 1.4rem color-mix(in srgb,var(--k) 50%,transparent)}
#finalBox .fb-k svg{width:1.5rem;height:1.5rem;color:var(--k)}
#finalBox .fb-amt{font-size:5.4rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--gold);text-shadow:0 0 2.4rem rgba(245,197,66,.45);margin-top:.4rem}
#finalBox .fb-full{font-size:.9rem;font-weight:900;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
#finalBox .fb-why{font-size:1.02rem;font-weight:700;color:#D6DBEC;line-height:1.45;margin-top:.4rem}
#finalBox .fb-why b{color:#fff}
#finalBox .fb-hint{font-size:.88rem;font-weight:800;color:var(--gold2);margin-top:.5rem}
#catPanel{flex:none}
#catList{display:flex;flex-direction:column;gap:.18rem}
.crow{--k:var(--cx);display:grid;grid-template-columns:.8rem minmax(0,1fr) 3.4rem 3.6rem 3rem;align-items:center;gap:.35rem;padding:.16rem .4rem;border-radius:.45rem;font-size:.76rem;font-weight:800}
.crow .cn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--k) 45%,#fff)}
.crow .cs,.crow .cl{color:var(--muted);text-align:right;font-size:.68rem}
.crow b{text-align:right;font-size:.85rem;color:var(--ivory)}
.crow.live{background:color-mix(in srgb,var(--k) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 55%,transparent)}

/* category colour classes last, so they win over component defaults */
.k-I{--k:var(--cI)} .k-BD{--k:var(--cBD)} .k-A{--k:var(--cA)} .k-B{--k:var(--cB)} .k-S{--k:var(--cS)} .k-W{--k:var(--cW)} .k-x{--k:var(--cx)}
.pb .cq{-webkit-line-clamp:2}
#nextPanel{min-height:8.6rem;flex:1.7 1 0}
#resPanel{flex:1 1 0;min-height:6rem}
#resPanel .list{flex:1}
.brand .status{padding:0;margin-top:.45rem;gap:.35rem}
.brand .status .pill{padding:.28rem .6rem;font-size:.68rem}
.brand .status .tag{padding:.22rem .45rem;font-size:.66rem}
.brand{padding:.8rem .95rem}
.crow{padding:.1rem .4rem}
.unsure{padding:.5rem .7rem}
.unsure .ui{font-size:.7rem}

/* ---------------- stop (hold) ---------------- */
.cb.stopb{border-color:rgba(255,77,94,.55);color:#FFC2C8}
.cb.stopb.on{background:linear-gradient(180deg,#F5C542,#B8871F);color:#1a1205;border-color:#F5C542}
#holdLayer{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at center,rgba(40,8,12,.82),rgba(6,8,18,.94));backdrop-filter:blur(2px)}
#holdLayer[hidden]{display:none}
.hl-card{text-align:center;padding:2.6rem 3.4rem;border-radius:1.6rem;border:1px solid rgba(255,77,94,.55);
  background:rgba(20,10,16,.9);box-shadow:0 0 5rem rgba(255,77,94,.35);max-width:52rem}
.hl-icon{display:flex;gap:1rem;justify-content:center;margin-bottom:1.2rem}
.hl-icon i{width:1.4rem;height:5rem;border-radius:.4rem;background:var(--red);box-shadow:0 0 1.6rem rgba(255,77,94,.8);animation:hlpulse 1.6s ease-in-out infinite}
@keyframes hlpulse{0%,100%{opacity:.55}50%{opacity:1}}
.hl-tag{font-weight:900;letter-spacing:.32em;font-size:3rem;color:var(--ivory)}
.hl-note{margin-top:.8rem;font-size:1.6rem;font-weight:700;color:var(--gold2)}
.hl-time{margin-top:1rem;color:var(--muted);font-size:1.05rem;letter-spacing:.06em}
.hl-time b{color:var(--ivory);font-variant-numeric:tabular-nums}
.hl-admin{display:none;margin-top:1.6rem;gap:.7rem;align-items:center;justify-content:center}
.hl-admin input{flex:1;min-width:22rem;padding:.75rem 1rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--ivory);font:inherit}
/* the auctioneer gets a banner over the stage and keeps the dock (undo, cancel) */
body.admin #holdLayer{inset:auto;top:42%;left:50%;transform:translate(-50%,-50%);background:none;backdrop-filter:none;align-items:center}
body.admin .hl-card{padding:1rem 1.6rem;max-width:64rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.2rem;text-align:left;align-items:center}
body.admin .hl-icon{grid-row:span 3;margin:0}
body.admin .hl-icon i{height:2.8rem;width:.9rem}
body.admin .hl-tag{font-size:1.4rem}
body.admin .hl-note{margin:0;font-size:1rem}
body.admin .hl-time{margin:0;font-size:.9rem}
body.admin .hl-admin{display:flex;grid-column:1 / -1;margin-top:.7rem}