.number-hero{overflow:hidden}
.number-hero::after{
  content:"001  007  042  088  111";
  position:absolute;right:-.02em;bottom:-.15em;z-index:0;
  color:rgba(255,255,255,.025);font-size:min(18vw,260px);font-weight:1000;
  font-style:italic;letter-spacing:-.09em;white-space:nowrap;pointer-events:none
}
.number-hero .shell{position:relative;z-index:1}
.number-hero h1 span{color:var(--gold)}
.number-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.number-summary-wrap{position:relative;z-index:4;margin-top:-30px}
.number-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:#28323d;box-shadow:var(--shadow)}
.number-summary article{min-height:132px;padding:24px 26px;background:linear-gradient(145deg,#111821,#090d12)}
.number-summary article:first-child{background:linear-gradient(145deg,rgba(245,183,0,.16),#0b1016 62%)}
.number-summary span,.number-summary small{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.number-summary span{color:#7f8b98;font-size:8px}
.number-summary b{display:block;margin:9px 0 6px;color:var(--white);font-size:43px;font-style:italic;letter-spacing:-.06em;line-height:1}
.number-summary article:nth-child(2) b{color:var(--green)}
.number-summary small{color:#697582;font-size:7px}
.registry-head{align-items:end}
.number-toolbar,.available-toolbar{
  display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:end;
  margin-bottom:24px;padding:18px;border:1px solid #2b3540;background:#0a0f15
}
.number-search span{display:block;margin:0 0 8px;color:#7e8995;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.number-search input{
  width:100%;height:50px;padding:0 16px;border:1px solid #34404c;background:#070b10;
  color:#fff;outline:none;font:800 13px Inter,Arial,sans-serif
}
.number-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,183,0,.08)}
.number-filter{display:flex;gap:7px;flex-wrap:wrap}
.number-filter button{
  height:50px;padding:0 17px;border:1px solid #36414d;background:#10161d;color:#8e99a5;
  cursor:pointer;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase
}
.number-filter button:hover,.number-filter button.active{border-color:var(--gold);background:var(--gold);color:#05070a}
.number-status{margin:0 0 18px;color:#818d99;font-size:11px}
.number-status.ok{color:var(--green)}.number-status.error{color:#ff7184}
.number-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.number-holder-card{
  position:relative;isolation:isolate;min-height:260px;padding:0;overflow:hidden;
  border:1px solid #303b47;background:linear-gradient(145deg,#111821,#080c11);
  box-shadow:0 18px 55px rgba(0,0,0,.28);transition:.2s
}
.number-holder-card:hover{transform:translateY(-4px);border-color:rgba(245,183,0,.55);box-shadow:0 25px 70px rgba(0,0,0,.4)}
.number-holder-card::before{
  content:attr(data-number);position:absolute;right:-.07em;bottom:-.25em;z-index:-1;
  color:rgba(255,255,255,.035);font-size:190px;font-weight:1000;font-style:italic;letter-spacing:-.11em;line-height:1
}
.number-holder-card.reserved-card{border-color:rgba(245,183,0,.4)}
.holder-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #28323d}
.holder-state{display:flex;align-items:center;gap:8px;color:#8c98a4;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.holder-state i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(57,255,20,.65)}
.reserved-card .holder-state i{background:var(--gold);box-shadow:0 0 14px rgba(245,183,0,.55)}
.holder-official{color:#56616d;font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.holder-main{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;padding:26px 22px 29px}
.race-number{
  display:grid;place-items:center;width:120px;height:120px;border:1px solid rgba(245,183,0,.42);
  background:radial-gradient(circle at 35% 25%,rgba(245,183,0,.18),transparent 42%),#090e14;
  color:var(--gold);font-size:55px;font-weight:1000;font-style:italic;letter-spacing:-.09em;line-height:1;
  clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)
}
.holder-identity{min-width:0}
.team-logo-wrap{height:50px;display:flex;align-items:center;margin-bottom:13px}
.team-logo-wrap img{max-width:118px;max-height:46px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 12px rgba(0,0,0,.4))}
.holder-identity small{display:block;color:#737f8b;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.holder-identity h3{margin:7px 0 9px;font-size:clamp(24px,2.3vw,37px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;font-style:italic}
.holder-team{margin:0;color:#9aa5b0;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.reserved-card .holder-identity h3{color:var(--gold)}
.available-section{background:#080c11;border-top:1px solid #202a34}
.available-toolbar{grid-template-columns:minmax(240px,430px) 1fr}
.legend{display:flex;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:wrap;padding-bottom:14px;color:#7f8a96;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;border-radius:50%}.legend .free{background:var(--green);box-shadow:0 0 10px rgba(57,255,20,.45)}.legend .held{background:#5b6672}.legend .reserved{background:var(--gold)}
.available-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}
.number-chip{
  min-height:48px;display:grid;place-items:center;border:1px solid rgba(57,255,20,.24);
  background:rgba(57,255,20,.035);color:var(--green);font-size:12px;font-weight:950;font-style:italic
}
.number-chip.held{border-color:#222c36;background:#0a0e13;color:#3f4a55;text-decoration:line-through}
.number-chip.reserved{border-color:rgba(245,183,0,.27);background:rgba(245,183,0,.045);color:#9b7616}
.number-chip.match{outline:2px solid var(--white);outline-offset:2px;transform:scale(1.05)}
.available-count{margin:18px 0 0;color:#788490;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.claim-panel{
  margin-top:50px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;
  border:1px solid rgba(57,255,20,.26);background:radial-gradient(circle at 8% 20%,rgba(57,255,20,.08),transparent 27%),#0a1015
}
.claim-panel h3{margin:0;font-size:clamp(31px,4vw,55px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;font-style:italic}
.claim-panel p:not(.eyebrow){max-width:760px;margin:14px 0 0;color:#96a2ad;line-height:1.65}
.number-empty{grid-column:1/-1;padding:48px 24px;border:1px dashed #37434f;background:#090e14;text-align:center;color:#83909c}
.number-empty strong{display:block;margin-bottom:8px;color:#fff;font-size:24px;text-transform:uppercase;font-style:italic}
@media(max-width:1180px){
  .number-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .available-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
}
@media(max-width:820px){
  .number-summary{grid-template-columns:repeat(2,1fr)}
  .number-toolbar,.available-toolbar,.claim-panel{grid-template-columns:1fr}
  .legend{justify-content:flex-start;padding:0}
  .available-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media(max-width:620px){
  .number-card-grid{grid-template-columns:1fr}
  .holder-main{grid-template-columns:92px minmax(0,1fr);gap:15px;padding:22px 18px}
  .race-number{width:92px;height:92px;font-size:43px}
  .available-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .number-summary article{min-height:110px;padding:19px}.number-summary b{font-size:35px}
}

.claim-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}