.premium {
  --signal:var(--club-accent,#b5ef49);--secondary:var(--club-secondary,#5489ff);--on-signal:var(--on-accent,#080c14);
  --ink:#f0f4ff;--muted:#aebbd2;--bg:#0b101a;--panel:#121b2a;--line:#2b3850;--surface:#192438;--accent:#b5ef49;
  color-scheme:dark;background:radial-gradient(ellipse at 88% 2%,#172645 0%,transparent 44rem),var(--bg)
}
.premium[data-theme=light]{--ink:#182239;--muted:#475774;--bg:#f1f4fa;--panel:#fff;--line:#cbd4e4;--surface:#e6edf8;color-scheme:light;background:var(--bg)}
.icon{width:1.25em;height:1.25em;vertical-align:-.24em;flex:none}
.premium .bar{background:var(--bg);border-bottom:1px solid var(--line)}
.premium .bar .wrap{min-height:76px}
.premium .brand{color:var(--ink);gap:10px}.premium .brand span{font-weight:800}.premium .brand img{width:42px;height:42px;margin:0}
.premium .cta,.premium .full-button{background:var(--signal);color:var(--on-signal);border-radius:8px}
.premium .cta:hover,.premium .full-button:hover{filter:brightness(1.08)}
.premium .accent,.premium .eyebrow{color:var(--signal)}
.premium[data-theme=light] .accent,.premium[data-theme=light] .eyebrow{color:var(--ink)}
.premium .secondary,.premium .icon-button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.premium input:not([type=checkbox]),.premium select,.premium textarea{background:var(--bg);color:var(--ink);border-color:var(--line)}
.premium label{color:var(--muted)}.premium .status{color:var(--ink)}.premium .status:empty{display:none}
.premium .club-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-top:14px;border-left:3px solid var(--signal);background:var(--panel);color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.premium .club-hero{height:auto;min-height:clamp(420px,41vw,655px);margin-top:16px;border:1px solid #ffffff24;border-radius:18px;align-items:center;grid-template-columns:1fr minmax(300px,.66fr);padding:clamp(26px,5vw,72px)}
.premium .hero-shade{background:linear-gradient(90deg,#050c18f7,#071221bb 44%,#07122133),linear-gradient(0deg,#071221b8,transparent 75%)}
.premium .club-welcome h1{max-width:14ch;overflow-wrap:anywhere}.premium .club-welcome #clubLogo{width:72px;height:72px;max-height:72px;object-fit:contain}
.premium .club-featured{padding:15px;background:#0b1321;color:#f3f6ff;border:1px solid #ffffff29;border-radius:16px;align-self:center;box-shadow:0 26px 55px #050a13af;--line:#29374d;--surface:#18233a;--muted:#afbdd4;--panel:#131c2c}
.featured-label{display:flex;align-items:center;gap:8px;color:#b5ef49;font-size:12px;padding:4px 4px 12px;text-transform:uppercase;letter-spacing:.09em}
.featured-label #connection{margin-left:auto;font-size:9px;color:#bdc8d9;letter-spacing:0}
.premium .club-strip{background:var(--panel);margin-top:18px;gap:1px;border-radius:12px}
.premium .club-strip a{justify-content:flex-start;align-items:center;gap:15px;padding:22px;min-width:0;color:var(--ink)}
.premium .club-strip a:hover{background:var(--surface)}.premium .club-strip a>span:first-child{display:grid;place-items:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.premium .club-strip a>span:last-child{margin-left:auto;color:var(--muted)}
.premium .section-heading{align-items:center}.premium .section-heading h2{margin:0}
.match-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.premium .match-card{padding:17px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 28px #0002}
.premium .match-card.is-live{border-color:color-mix(in srgb,var(--signal) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--signal) 8%,var(--panel)),var(--panel) 55%)}
.premium .match-card header,.match-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:0}
.premium .match-card header span:first-child,.match-state{display:flex;align-items:center;gap:8px}.match-state{border:1px solid var(--line);padding:5px 8px;border-radius:30px;white-space:nowrap}
.premium .live-dot{background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 20%,transparent)}
.match-competition{font-weight:800;font-size:16px;margin:14px 0 5px}
.premium .match-line{border-bottom:1px solid var(--line);min-height:48px;font-size:13px}
.team-identity,.team-flags{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.team-flags{gap:3px;flex:none}.team-flags:empty{display:none}.team-flags img{width:15px;height:11px;object-fit:cover;border-radius:2px}
.premium .match-line b{background:var(--surface);color:inherit;font-variant-numeric:tabular-nums}.premium .match-line b.point{background:var(--signal);color:var(--on-signal)}
.match-bottom{margin-top:11px}.premium .match-open{background:var(--surface);color:inherit;padding:5px 9px;min-height:36px;font-size:11px;border-radius:7px;white-space:nowrap}
.premium .segmented{display:flex;gap:4px;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:10px;width:fit-content}
.premium .segmented button{background:transparent;color:var(--muted);min-height:35px;padding:6px 12px;border-radius:6px;font-size:12px;transform:none;box-shadow:none}
.premium .segmented button[aria-pressed=true]{background:var(--signal);color:var(--on-signal)}
.premium .booking-section{background:var(--panel);border:1px solid var(--line);margin:0 0 24px;padding:clamp(18px,4vw,48px)!important;border-radius:18px}
.calendar-shell{border:1px solid var(--line);background:var(--bg);border-radius:14px;overflow:hidden}
.calendar-toolbar,.calendar-filters{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}
.calendar-nav,.calendar-legend,.calendar-legend span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calendar-nav h3{font:700 17px Inter,system-ui,sans-serif;margin:0 0 0 8px;text-transform:capitalize}
.premium .icon-button{width:38px;height:38px;min-height:38px;padding:0}.reverse{transform:rotate(180deg)}
.premium #calendarToday{min-height:38px;padding:5px 12px}.calendar-filters{justify-content:flex-start}.calendar-filters label{min-width:135px}.calendar-filters input,.calendar-filters select{min-height:38px!important;padding:6px 10px!important;font-size:13px}
.calendar-legend{margin-left:auto;font-size:11px;color:var(--muted)}.calendar-legend i{width:8px;height:8px;border-radius:50%;background:var(--signal)}.calendar-legend span:last-child i{background:var(--muted)}
.schedule-scroll{overflow:auto;max-height:580px}.schedule th,.schedule td{min-width:115px;padding:6px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}
.schedule thead th{position:sticky;top:0;z-index:1;background:var(--panel);padding:10px;text-align:center;color:var(--ink)}.schedule th:first-child{min-width:58px;width:65px;text-align:center}.schedule tbody th{padding:13px 5px}.schedule thead small,.schedule thead b{display:block;color:var(--muted);margin-top:4px}
.premium .slot{width:100%;min-height:37px;padding:5px 8px;border-radius:6px;font-size:11px;gap:6px;transform:none;box-shadow:none;flex-wrap:wrap}
.premium .slot+.slot{margin-top:4px}.premium .slot.available{background:color-mix(in srgb,var(--signal) 13%,var(--panel));border-color:color-mix(in srgb,var(--signal) 34%,var(--line));color:var(--ink)}.premium .slot.available:hover{background:var(--signal);color:var(--on-signal)}
.premium .slot.unavailable{background:var(--surface);color:var(--muted);cursor:default;opacity:.8}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line)}
.month-grid .weekday{background:var(--panel);text-align:center;padding:8px;font-size:12px;color:var(--muted)}
.premium .month-day{display:flex;flex-direction:column;align-items:flex-start;min-height:80px;padding:10px;background:var(--bg);color:var(--ink);border-radius:0;box-shadow:none;transform:none;font-size:16px}
.premium .month-day:hover{background:var(--surface)}.month-day.outside{opacity:.55}.month-day.today{box-shadow:inset 0 0 0 2px var(--secondary)}.month-day small{font-size:10px}.month-day i{height:5px;width:20px;border-radius:5px;background:var(--signal)}
.calendar-status,.booking-footnote{padding:0 14px;color:var(--muted);font-size:12px}.booking-footnote{padding:0}
.premium dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,34px);width:min(540px,calc(100% - 24px));max-height:calc(100% - 24px)}
.premium dialog::backdrop{background:#050a14cc;backdrop-filter:blur(6px)}
.premium dialog h2{font-size:30px}.dialog-close{position:absolute;top:14px;right:14px}.selection-summary{color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}
.booking-price{display:grid;gap:8px;margin:18px 0}.booking-price>span,.booking-price>strong{display:flex;justify-content:space-between;gap:10px}.booking-price>strong{border-top:1px solid var(--line);padding-top:10px}.full-button{width:100%}
.premium #matchDialog{width:min(930px,calc(100% - 24px))}.broadcast-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.broadcast-screen{position:relative;aspect-ratio:16/9;background:#0c131f;margin:12px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.overlay-view .broadcast-screen{background:linear-gradient(#0005,#0005),url('/assets/showcase/padel-arena.jpg') center/cover}.broadcast-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}
.tournament-poster,.news-card,.premium .ranking-section{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}
.poster-image{position:relative;min-height:230px;isolation:isolate}.poster-image img,.poster-image::after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.poster-image::after{content:'';background:linear-gradient(transparent,#060c19eb)}.poster-heading{color:#fff;position:absolute;bottom:0;padding:22px}.poster-heading h3{font-size:34px;margin:8px 0 0}.poster-heading span{font-size:12px}
.poster-body,.news-card>div{padding:20px}.poster-body summary{border-top:1px solid var(--line)}.news-card{display:grid;grid-template-columns:1fr 1fr}.news-card img{width:100%;height:100%;max-height:270px;object-fit:cover}.news-card h3{font-size:27px}.premium .empty-public{border-color:var(--line);color:var(--muted)}.empty-public .icon{margin-right:7px}
.premium footer{background:var(--panel);border-top:1px solid var(--line)}.premium .footer-row{flex-wrap:wrap}
@media(max-width:780px){.premium .club-hero{grid-template-columns:1fr;gap:22px}.premium .club-featured{max-width:none}.premium .club-strip a{padding:13px 8px;gap:6px}.premium .club-strip a>span:first-child{width:28px;height:28px}.premium .club-strip a>span:last-child{display:none}.premium .section-heading h2{font-size:34px;margin-bottom:12px}.premium .section-heading>p{margin:0 0 14px}.calendar-toolbar,.calendar-filters{padding:10px}.calendar-legend{margin-left:0}.premium .month-day{min-height:59px;padding:4px;font-size:13px}.month-day small{font-size:8px}.news-card{grid-template-columns:1fr}.news-card img{height:180px}}
@media(prefers-reduced-motion:no-preference){.match-feed .match-card,.month-grid{animation:appear .28s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}
.premium.marketing{--signal:#b5ef49}
.premium.marketing .arena-hero{border-radius:18px;border:1px solid var(--line)}
.premium.marketing .hero-copy h1 em{color:var(--signal)}
.premium.marketing .integration-bar{background:var(--panel);padding:16px 24px;border:1px solid var(--line);border-radius:14px;margin-top:18px;min-height:95px}
.integration-logo{display:flex;align-items:center;gap:10px;color:#edf4ff;font-size:17px;white-space:nowrap}.integration-logo img{width:auto;height:32px;object-fit:contain}.integration-logo .vmix-logo{height:35px;max-width:125px}
.premium.marketing .product-stage,.premium.marketing .feature-stack article,.premium.marketing .pricing-card,.premium.marketing .window-top{background:var(--panel);border:1px solid var(--line)}
.premium.marketing .product-menu button{color:var(--ink);border-bottom-color:var(--line)}.premium.marketing .product-menu button[aria-pressed=true]{color:var(--signal);border-left-color:var(--signal);background:var(--surface)}
.premium.marketing .product-menu>p:last-child,.premium.marketing .feature-stack p,.premium.marketing .billing-note{color:var(--muted)}
.premium.marketing .pricing-section,.premium.marketing .contact-section{background:var(--bg);border-top:1px solid var(--line)}.premium.marketing .feature-stack .blue-feature{background:#1a3060}.premium.marketing .feature-symbol{color:var(--signal)}.premium.marketing .contact-section button{background:var(--signal);color:#081119}

.overlay-stage{background:linear-gradient(#0003,#0003),url("/assets/showcase/padel-arena.jpg") center/cover;margin:0;border:0;border-radius:0}
.premium[data-theme=dark]{background:radial-gradient(ellipse at 88% 2%,color-mix(in srgb,var(--secondary) 23%,var(--bg)),transparent 44rem),var(--bg)}.premium .club-strip a>span:first-child{border-color:color-mix(in srgb,var(--secondary) 34%,var(--line))}.premium .match-card:not(.is-live){border-top-color:color-mix(in srgb,var(--secondary) 36%,var(--line))}.premium .brand span{overflow-wrap:anywhere}.premium .brand img{flex:none}.premium .segmented button:hover,.premium .match-open:hover{color:var(--ink);background:var(--surface)}.premium .segmented button[aria-pressed=true]:hover{background:var(--signal);color:var(--on-signal)}.premium .match-open:hover{border-color:var(--secondary)}.premium.marketing .feature-stack article{transition:border-color .2s,transform .2s}.premium.marketing .feature-stack article:hover{transform:translateY(-3px);border-color:var(--secondary)}