.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:.3rem;font-size:.82rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}
.button:hover{transform:translateY(-2px)}.button--primary{background:var(--colour-electric-green);color:var(--colour-bg)}.button--primary:hover{background:#f1ff39}.button--ghost{background:rgba(6,16,12,.25);border-color:var(--colour-border);color:var(--colour-text)}.button--ghost:hover{background:var(--colour-surface-hover);border-color:rgba(255,255,255,.25)}.button--small{min-height:2.65rem;padding:.55rem .8rem}
.court-embeds{display:grid;gap:1rem}
.court-embed{overflow:hidden;border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface);box-shadow:var(--shadow)}
.court-embed__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem}
.court-embed__header .eyebrow{margin-bottom:.4rem}.court-embed__header h3{font-size:1.35rem}
.court-score{min-height:19rem;padding:1.25rem;border-top:1px solid var(--colour-border);background:radial-gradient(circle at 90% 0,rgba(227,241,33,.08),transparent 35%),#11151f}
.court-score__loading,.court-score__empty{min-height:16rem;display:grid;place-items:center;text-align:center;color:var(--colour-text-muted);font-weight:700}
.court-score__status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.2rem}
.court-score__set{color:var(--colour-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.court-score__columns,.court-score__team{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,2.8rem);gap:.45rem;align-items:center}
.court-score__columns{padding:0 0 .45rem;color:var(--colour-text-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.court-score__columns span:first-child{text-align:left}
.court-score__team{min-height:5.35rem;padding:.85rem 0;border-top:1px solid var(--colour-border)}
.court-score__name{overflow-wrap:anywhere;font:800 .82rem/1.35 var(--font-heading)}
.court-score__serve{display:inline-block;width:.48rem;height:.48rem;margin-left:.35rem;border-radius:50%;background:var(--colour-electric-green);box-shadow:0 0 0 .25rem rgba(227,241,33,.12)}
.court-score__number{display:grid;place-items:center;min-height:2.7rem;border-radius:.35rem;background:rgba(255,255,255,.04);font:800 1.15rem var(--font-heading)}
.court-score__number--points{background:var(--colour-electric-green);color:var(--colour-bg)}
.court-score__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.8rem;border-top:1px solid var(--colour-border);color:var(--colour-text-muted);font-size:.67rem}
.court-score--error .court-score__empty{color:#fca5a5}
.live-dot{display:inline-flex!important;align-items:center;gap:.45rem;color:var(--colour-electric-green);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-dot>span,.live-dot i,.status-live i{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;background:var(--colour-electric-green);box-shadow:0 0 0 .28rem rgba(227,241,33,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 .5rem rgba(227,241,33,0)}}
.status-live{color:var(--colour-electric-green)}.status-live i{margin-right:.4rem}
.live-score{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--colour-surface),#0a1811);border:1px solid var(--colour-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.live-score::before{content:"";position:absolute;inset:0 auto 0 0;width:.3rem;background:var(--colour-electric-green)}
.live-score__top,.live-score__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--colour-border)}
.live-score__meta{font-size:.7rem;color:var(--colour-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.live-score__body{padding:1.25rem}.live-score__round{color:var(--colour-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.live-score__team{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--colour-border)}
.live-score__team:last-of-type{border-bottom:0}.live-score__names{font-family:var(--font-heading);font-weight:800;line-height:1.25}.live-score__names span{display:block}.server-dot{display:inline-block!important;width:.48rem;height:.48rem;border-radius:50%;background:var(--colour-electric-green);margin-left:.35rem}
.live-score__sets{display:flex;gap:.6rem;color:var(--colour-text-muted);font:700 1.3rem var(--font-heading)}.live-score__sets strong{color:var(--colour-text)}
.live-score__current{min-width:2.7rem;text-align:center;color:var(--colour-electric-green);font:900 var(--score)/1 var(--font-heading)}
.live-score__bottom{border:0;border-top:1px solid var(--colour-border);align-items:flex-start;flex-direction:column}.live-score__bottom p{font-size:.75rem;color:var(--colour-text-muted);text-transform:uppercase;font-weight:700}.live-score__actions{display:flex;flex-wrap:wrap;gap:.5rem}
.live-score--loading{padding:2rem;min-height:22rem}.skeleton{border-radius:.4rem;background:linear-gradient(90deg,#14241c 25%,#1c3227 50%,#14241c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton--label{width:7rem;height:1.2rem}.skeleton--title{width:50%;height:2rem;margin-top:2rem}.skeleton--score{width:100%;height:8rem;margin-top:2rem}@keyframes shimmer{to{background-position:-200% 0}}
.live-score--error{padding:2rem}.live-score--stale::before{background:var(--colour-warning)}
.filter-group{display:grid;gap:.65rem;margin-bottom:1.5rem}.filter-row{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.15rem}.filter-row::-webkit-scrollbar{display:none}
.filter-row button,.tablist button,.day-tabs button,.carousel-controls button{min-width:max-content;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--colour-border);border-radius:99rem;background:transparent;color:var(--colour-text-muted);font-size:.78rem;font-weight:700;cursor:pointer}
.filter-row button[aria-pressed=true],.day-tabs button[aria-pressed=true],.tablist button[aria-selected=true]{background:var(--colour-electric-green);border-color:var(--colour-electric-green);color:var(--colour-bg)}
.content-card,.fixture-card,.result-card,.story-card,.media-card,.draw-card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-md);overflow:hidden}
.fixture-card,.result-card,.content-card{padding:1.25rem}.fixture-card__top,.result-card__top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;color:var(--colour-text-muted);font-size:.72rem;text-transform:uppercase;font-weight:700}
.fixture-card__time{font:800 clamp(1rem,3vw,1.6rem) var(--font-heading);color:var(--colour-text)}.fixture-card h3,.result-card h3{font-size:1rem;line-height:1.4}.fixture-card h3 span,.result-card h3 span{display:block}.fixture-card__match{display:grid;gap:.25rem}.fixture-card__team{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}.fixture-card__team.is-winner{color:var(--colour-text)}.fixture-card__team .winner{display:inline-block}.fixture-card__score{white-space:pre;font:800 .92rem var(--font-heading);letter-spacing:.08em;color:var(--colour-electric-green)}.versus{display:block;margin:.35rem 0;color:var(--colour-text-muted);font:600 .7rem var(--font-body);text-transform:uppercase}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--colour-border)}
.status-pill{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .55rem;border:1px solid var(--colour-border);border-radius:99rem;font-size:.65rem;font-weight:800}.status-pill--live,.status-pill--completed{color:var(--colour-electric-green)}.status-pill--soon{color:var(--colour-warning)}.status-pill--cancelled{color:var(--colour-error)}
.winner{display:inline-block;margin-left:.45rem;padding:.08rem .35rem;background:var(--colour-electric-green);color:var(--colour-bg);border-radius:.2rem;font:800 .58rem var(--font-body);letter-spacing:.06em;text-transform:uppercase}.result-card__score{font:800 1.05rem var(--font-heading);letter-spacing:.1em}.result-card__duration{color:var(--colour-text-muted);font-size:.75rem}
.empty-state{padding:2.5rem;text-align:center;border:1px dashed var(--colour-border);border-radius:var(--radius-md);color:var(--colour-text-muted)}
.seed-list{overflow:hidden;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-md)}.seed-list__heading{padding:1.25rem;border-bottom:1px solid var(--colour-border)}.seed-list__heading .eyebrow{margin-bottom:.25rem}.seed-list__heading h3{font-size:1.35rem}.seed-list ol{margin:0;padding:0;list-style:none}.seed-list li{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--colour-border)}.seed-list li:last-child{border-bottom:0}.seed-list__rank{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--colour-faded-green);color:var(--colour-electric-green);font:800 .78rem var(--font-heading)}.seed-list__players{display:grid;gap:.3rem;min-width:0}.seed-list__player{display:grid;grid-template-columns:1.25rem 1.75rem minmax(0,1fr);gap:.35rem;align-items:center;min-width:0}.seed-list__player img{width:1.25rem;height:.88rem;border-radius:.12rem;object-fit:cover}.seed-list__player small{color:var(--colour-text-muted);font:700 .58rem var(--font-body);letter-spacing:.04em}.seed-list__player strong{overflow:hidden;text-overflow:ellipsis;font-size:.86rem;white-space:nowrap}.seed-list__points{text-align:right;color:var(--colour-text-muted);font:800 .8rem var(--font-heading)}.seed-list__points small{display:block;font:700 .58rem var(--font-body);letter-spacing:.08em}
.tablist{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:1rem}.tablist button{border-radius:.3rem}.tabs [role=tabpanel]{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-md);padding:1rem}
.table-scroll{overflow-x:auto}table{width:100%;min-width:36rem}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--colour-border)}th{color:var(--colour-text-muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}td{font-weight:600}
.draw-card{min-height:20rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:2rem;background:radial-gradient(circle at 85% 20%,rgba(227,241,33,.16),transparent 35%),var(--colour-surface)}.draw-card p:not(.eyebrow){max-width:35rem;color:var(--colour-text-muted);margin:.75rem 0}
.media-card__image,.story-card__image{position:relative;overflow:hidden;background:linear-gradient(135deg,#263c2e,#0b1812)}.media-card__image{aspect-ratio:16/10}.story-card__image{aspect-ratio:4/5}.media-card img,.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-card:hover img,.story-card:hover img{transform:scale(1.025)}
.media-card__body,.story-card__body{padding:1.15rem}.media-card__body p,.story-card__body p{color:var(--colour-text-muted);font-size:.86rem}.media-card__body h3,.story-card__body h3{margin:.45rem 0;font-size:1.1rem}.media-card--featured{grid-column:1/-1}.media-card--featured h3{font-size:var(--h3)}
.media-placeholder{width:100%;height:100%;display:grid;place-items:end start;padding:1rem;background:linear-gradient(30deg,rgba(227,241,33,.08),transparent),radial-gradient(circle at 70% 30%,#3e654a,#0a1811 58%)}.media-placeholder::after{content:"PADEUCE / PRETORIA";font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:.12em}
.carousel-controls{display:flex;gap:.5rem}.carousel-controls button{min-width:2.75rem;padding:0;border-radius:50%;font-size:1rem}
.social-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--colour-text-muted);font-size:.68rem;text-transform:uppercase;font-weight:700}
.site-footer{padding:4rem 0 2rem;background:#020705}.site-footer__top{padding-bottom:3rem}.site-footer__top h2{font:800 .7rem var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--colour-text-muted);margin-bottom:.7rem}.site-footer__top a:not(.brand){display:block;padding:.3rem 0;color:#d1d5db;font-size:.85rem}.site-footer__top p{margin-top:1rem;color:var(--colour-text-muted);font-size:.85rem}.site-footer__bottom{padding-top:1.5rem;border-top:1px solid var(--colour-border);color:var(--colour-text-muted);font-size:.72rem}.back-top{color:var(--colour-electric-green);font-weight:800}
.mobile-live-shortcut{position:fixed;z-index:60;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));min-height:3rem;display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:99rem;background:var(--colour-electric-green);color:var(--colour-bg);box-shadow:var(--shadow);font-size:.78rem;font-weight:900}.mobile-live-shortcut span{width:.5rem;height:.5rem;border-radius:50%;background:var(--colour-bg)}
.toast{position:fixed;z-index:1000;left:50%;bottom:5rem;max-width:calc(100% - 2rem);padding:.75rem 1rem;border-radius:.4rem;background:var(--colour-off-white);color:var(--colour-bg);font-size:.82rem;font-weight:700;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,1rem);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.offline-banner{position:fixed;z-index:999;top:4rem;left:50%;transform:translateX(-50%);width:min(90%,35rem);padding:.6rem 1rem;text-align:center;background:var(--colour-warning);color:#120d02;font-size:.75rem;font-weight:800;border-radius:0 0 .5rem .5rem}