.up-next-page{width:100vw;min-width:20rem;min-height:100svh;overflow-x:hidden;background:#050505;color:var(--colour-text)}
.up-next-board{position:relative;isolation:isolate;width:100vw;min-height:100svh;display:grid;grid-template-rows:7.5rem minmax(0,1fr) 5.5rem;overflow:hidden;background:linear-gradient(115deg,rgba(0,0,0,.98),rgba(4,7,5,.87) 48%,rgba(0,0,0,.96)),url("../assets/images/amaze-ball-hero-bg.jpg") center/cover no-repeat}
.up-next-board::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 43%,rgba(255,233,31,.14),transparent 27%),linear-gradient(90deg,rgba(255,233,31,.035) 1px,transparent 1px),linear-gradient(rgba(255,233,31,.025) 1px,transparent 1px);background-size:auto,5rem 5rem,5rem 5rem;mask-image:linear-gradient(180deg,transparent 4%,#000 34%,#000 86%,transparent)}
.up-next-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:1.25rem 3.5rem;border-bottom:1px solid var(--colour-border);background:rgba(2,5,3,.9);backdrop-filter:blur(16px)}
.up-next-brand{display:flex;align-items:center;gap:1.25rem;min-width:0}.up-next-brand span{width:1px;height:2.8rem;background:var(--colour-border)}.up-next-brand img{display:block;width:auto;height:2.6rem;object-fit:contain}.up-next-brand img:first-child{height:3rem}
.up-next-heading{text-align:center}.up-next-heading p{margin-bottom:.15rem;color:var(--colour-electric-green);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.up-next-heading h1{font-size:2.25rem;letter-spacing:-.045em;text-transform:uppercase}
.up-next-status{display:grid;justify-items:end;gap:.15rem;color:var(--colour-text-muted);font-size:.78rem;font-weight:700}.up-next-status span{display:flex;align-items:center;gap:.55rem}.up-next-status span::before{content:"";width:.52rem;height:.52rem;border-radius:50%;background:var(--colour-warning);box-shadow:0 0 0 .25rem rgba(242,183,5,.1)}.up-next-status span[data-state="success"]::before{background:var(--colour-electric-green);box-shadow:0 0 0 .25rem rgba(255,233,31,.1)}.up-next-status span[data-state="error"]::before{background:var(--colour-error)}.up-next-status time{color:var(--colour-text);font:800 1rem var(--font-heading)}
.up-next-match{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 15rem minmax(0,1fr);align-items:stretch;gap:2rem;padding:2.25rem 3.5rem}
.up-next-team{position:relative;min-width:0;display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1.25rem;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:1.25rem;background:linear-gradient(145deg,rgba(20,24,21,.96),rgba(6,8,7,.93));box-shadow:0 2rem 5rem rgba(0,0,0,.42);overflow:hidden}.up-next-team::after{content:"";position:absolute;inset:0 0 auto;height:.3rem;background:var(--colour-electric-green)}.up-next-team--b{direction:rtl}.up-next-team--b>*{direction:ltr}
.up-next-team__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-right:1px solid var(--colour-border);color:var(--colour-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.up-next-team--b .up-next-team__label{border-right:0;border-left:1px solid var(--colour-border)}.up-next-team__label strong{display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:50%;background:var(--colour-electric-green);color:#050505;font:900 1.8rem var(--font-heading)}
.up-next-players{min-width:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:1.25rem}.up-next-player{min-height:0;display:grid;grid-template-columns:12rem minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.25rem;border:1px solid var(--colour-border);border-radius:1rem;background:rgba(255,255,255,.035)}.up-next-player__avatar{position:relative;width:100%;aspect-ratio:1;border:1px solid rgba(255,233,31,.25);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,233,31,.18),transparent 24%),linear-gradient(145deg,#2a2d27,#0a0c0a)}.up-next-player__avatar::before{content:"";position:absolute;left:50%;top:24%;width:32%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.2);transform:translateX(-50%)}.up-next-player__avatar::after{content:"";position:absolute;left:50%;bottom:-4%;width:68%;height:48%;border-radius:50% 50% 12% 12%;background:rgba(255,255,255,.15);transform:translateX(-50%)}.up-next-player__avatar span{position:absolute;z-index:1;right:.55rem;bottom:.55rem;display:grid;place-items:center;min-width:2.35rem;height:2.35rem;padding:0 .35rem;border-radius:999px;background:var(--colour-electric-green);color:#050505;font:900 .8rem var(--font-heading)}
.up-next-player__info{min-width:0;display:grid;align-content:center;gap:.7rem}.up-next-player__number{color:var(--colour-electric-green);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.up-next-player__name{overflow-wrap:anywhere;font:900 clamp(1.35rem,1.8vw,2rem)/1.05 var(--font-heading);letter-spacing:-.04em}.up-next-player__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:.75rem;padding-top:.75rem;border-top:1px solid var(--colour-border)}.up-next-player__details span{display:grid;gap:.12rem;min-width:0;color:var(--colour-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.up-next-player__details strong{overflow:hidden;color:var(--colour-text);font-size:.82rem;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.up-next-player__details .playtomic strong{color:var(--colour-electric-green);font:900 1.1rem var(--font-heading)}
.up-next-versus{align-self:center;display:grid;justify-items:center;gap:1rem;text-align:center}.up-next-versus__stage{max-width:14rem;color:var(--colour-electric-green);font-size:.82rem;font-weight:900;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.up-next-versus>strong{display:grid;place-items:center;width:9rem;height:9rem;border:2px solid rgba(255,233,31,.38);border-radius:50%;background:radial-gradient(circle,rgba(255,233,31,.18),rgba(255,233,31,.03) 58%,transparent 60%);color:var(--colour-off-white);font:900 3.5rem var(--font-heading);letter-spacing:-.08em;box-shadow:0 0 4rem rgba(255,233,31,.1)}.up-next-versus__round{font:900 1.45rem var(--font-heading);letter-spacing:-.03em}.up-next-versus__court{padding:.45rem .85rem;border:1px solid var(--colour-border);border-radius:999px;color:var(--colour-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.up-next-loading{display:grid;grid-row:1/-1;place-items:center;color:var(--colour-text-muted);font-weight:700;text-align:center}
.up-next-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:2rem;padding:1rem 3.5rem;border-top:1px solid var(--colour-border);background:rgba(2,5,3,.94)}.up-next-footer div{display:grid;gap:.05rem}.up-next-footer span{color:var(--colour-text-muted);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.up-next-footer strong{font:800 .9rem var(--font-heading)}.up-next-footer a{min-height:2.75rem;display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px solid rgba(255,233,31,.35);border-radius:.35rem;color:var(--colour-electric-green);font-size:.75rem;font-weight:800;text-transform:uppercase}
@media(min-width:64rem){.up-next-page,.up-next-board{height:100vh;max-height:100vh}}
@media(max-width:87.49rem){.up-next-board{grid-template-rows:6rem minmax(0,1fr) 4.75rem}.up-next-header{padding:1rem 2rem}.up-next-match{grid-template-columns:minmax(0,1fr) 10rem minmax(0,1fr);gap:1rem;padding:1.25rem 2rem}.up-next-team{grid-template-columns:4rem minmax(0,1fr);gap:.8rem;padding:1rem}.up-next-team__label strong{width:3rem;height:3rem}.up-next-players{gap:.8rem}.up-next-player{grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:.9rem}.up-next-versus>strong{width:6.5rem;height:6.5rem;font-size:2.5rem}.up-next-footer{padding:.75rem 2rem}}
@media(max-width:63.99rem){.up-next-board{height:auto;max-height:none;grid-template-rows:auto auto auto}.up-next-header{grid-template-columns:1fr auto}.up-next-heading{display:none}.up-next-match{grid-template-columns:1fr;padding:1rem}.up-next-versus{order:2;grid-template-columns:1fr auto 1fr;align-items:center}.up-next-versus__stage{justify-self:end}.up-next-versus>strong{width:5rem;height:5rem;font-size:2rem}.up-next-versus__round{justify-self:start}.up-next-versus__court{grid-column:1/-1}.up-next-team--a{order:1}.up-next-team--b{order:3}.up-next-footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 1.5rem}.up-next-footer a{justify-self:end}}
@media(max-width:43.74rem){.up-next-header{padding:.8rem 1rem}.up-next-brand{gap:.5rem}.up-next-brand span{height:1.5rem}.up-next-brand img{height:1.35rem}.up-next-brand img:first-child{height:1.55rem}.up-next-status span{font-size:0}.up-next-status span::after{content:"Live";font-size:.7rem}.up-next-team{grid-template-columns:1fr}.up-next-team--b{direction:ltr}.up-next-team__label{display:none}.up-next-player{grid-template-columns:6rem minmax(0,1fr);padding:.75rem}.up-next-player__name{font-size:1.15rem}.up-next-player__details{grid-template-columns:1fr}.up-next-versus__stage,.up-next-versus__round{font-size:.82rem}.up-next-footer{grid-template-columns:1fr}.up-next-footer div:nth-child(3){display:none}.up-next-footer a{justify-self:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}