:root{
  --bg:#081018;--panel:#101b26;--panel2:#132231;--text:#f4f7f9;--muted:#91a0ae;
  --line:#223445;--accent:#fa8a02;--accent2:#fa8a02;--hub-orange:#fa8a02;--warn:#ffd36b;--danger:#ff8a8a;
  --shadow:0 28px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 78% -8%,#163247 0,transparent 34%),radial-gradient(circle at 8% 32%,rgba(250,138,2,.045),transparent 25%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
.shell{max-width:1180px;margin:auto;padding:calc(36px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left))}
.hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:32px 0 38px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.brand-logo{display:block;width:min(100%,520px);height:auto;margin:0 0 18px;border-radius:18px;box-shadow:var(--shadow)}
.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.18em;font-size:12px}
h1{font-size:clamp(42px,7vw,72px);line-height:.95;letter-spacing:-.055em;margin:14px 0 20px;max-width:800px}
h1 span{color:var(--accent)}
.lede{color:var(--muted);max-width:620px;font-size:18px;line-height:1.6}
.hero-badge{border:1px solid var(--line);border-radius:26px;background:rgba(16,27,38,.75);padding:22px;display:grid;grid-template-columns:auto auto;gap:4px 12px;box-shadow:var(--shadow);min-width:170px}
.hero-badge strong{font-size:34px;line-height:1}.hero-badge span{align-self:end;color:var(--muted);padding-bottom:4px}
.search-card{display:grid;grid-template-columns:1.1fr .8fr 1fr 1fr auto auto;gap:14px;align-items:end;background:linear-gradient(180deg,rgba(16,30,43,.94),rgba(12,24,35,.94));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.control label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin:0 0 7px}
.control-helper{margin:7px 2px 0;color:var(--muted);font-size:11px;line-height:1.35}
input[type=date],select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:13px 14px;outline:none}
input:focus,select:focus{border-color:var(--accent2)}
.primary{border:0;background:var(--hub-orange);color:#111a0b;font-weight:850;padding:14px 18px;border-radius:14px;white-space:nowrap}
.toggle{display:flex;align-items:center;gap:9px;color:var(--muted);height:47px;white-space:nowrap}.toggle input{display:none}.toggle span{width:42px;height:24px;background:#2b3b49;border-radius:30px;position:relative}.toggle span:after{content:"";width:18px;height:18px;border-radius:50%;background:#b5c0c8;position:absolute;top:3px;left:3px;transition:.2s}.toggle input:checked+span{background:var(--accent)}.toggle input:checked+span:after{left:21px;background:#0b1308}
.statusbar{margin:16px 0 38px;padding:13px 16px;border-radius:17px;border:1px solid rgba(75,105,130,.38);background:rgba(7,16,24,.36);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;gap:18px}.statusbar b{color:var(--text);margin-right:8px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 5px rgba(250,138,2,.10);margin-right:10px}.ghost{background:transparent;border:0;color:var(--accent);font-weight:750}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.section-head h2,.how h2{font-size:28px;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);font-size:14px}.section-head select{width:auto;min-width:170px}
.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.club-card{background:linear-gradient(180deg,rgba(19,34,49,.96),rgba(14,26,38,.96));border:1px solid rgba(56,82,104,.78);border-radius:22px;padding:20px;min-height:300px;display:flex;flex-direction:column;transition:.2s}.club-card:hover{transform:translateY(-2px);border-color:rgba(250,138,2,.52);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.club-top{display:flex;justify-content:space-between;gap:10px}.provider{font-size:11px;font-weight:850;letter-spacing:.08em;color:var(--accent2);text-transform:uppercase}.club-name{font-size:22px;letter-spacing:-.025em;margin:7px 0 0}.star{border:0;background:transparent;color:#8fa0ad;font-size:26px;line-height:1}.star.on{color:var(--accent)}
.numbers{display:flex;gap:28px;margin:28px 0 19px}.numbers div{display:flex;flex-direction:column}.numbers strong{font-size:28px}.numbers span{font-size:12px;color:var(--muted)}
.sync{display:inline-flex;align-self:flex-start;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800;margin-bottom:18px}.sync.public_grid{background:rgba(250,138,2,.12);color:var(--accent2)}.sync.login_required{background:rgba(255,211,107,.1);color:var(--warn)}.sync.provider_connection{background:rgba(255,138,138,.09);color:#ffaaaa}
.club-actions{display:flex;gap:8px;margin-top:auto}.book{flex:1;border:0;background:var(--hub-orange);color:#0d1509;border-radius:13px;padding:12px;font-weight:850}.copy{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:13px;padding:12px}
.note{color:var(--muted);font-size:12px;line-height:1.45;margin:13px 0 0}
.how{margin-top:52px;padding:30px;border:1px solid var(--line);border-radius:25px;background:rgba(16,27,38,.6)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.steps article{border-top:1px solid var(--line);padding-top:16px}.steps span{color:var(--accent);font-weight:850}.steps h3{margin:8px 0}.steps p{color:var(--muted);line-height:1.55;font-size:14px}
footer{display:flex;justify-content:space-between;gap:15px;color:#657685;font-size:12px;margin-top:34px;padding:0 4px}
@media(max-width:900px){.search-card{grid-template-columns:1fr 1fr}.club-grid{grid-template-columns:1fr 1fr}.hero-badge{display:none}.steps{grid-template-columns:1fr}.primary{grid-column:1/-1}.statusbar{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.shell{padding:calc(20px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(45px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.hero{padding-top:12px}.brand-logo{width:100%;max-width:420px}.search-card{grid-template-columns:1fr}.club-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head select{width:100%}.statusbar .ghost{padding:0}.club-card{min-height:280px}footer{flex-direction:column}}


.availability{
  border-top:1px solid var(--line);
  padding-top:15px;
  margin:2px 0 18px;
}
.availability-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
.availability-label{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.availability-count{
  color:var(--accent2);
  font-size:11px;
  font-weight:800;
}
.slots{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  min-height:32px;
}
.slot-placeholder,.slot-empty,.slot-error{
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.slot-error{color:#ffaaaa}
.slot{
  border:1px solid #365369;
  background:#0e1a24;
  color:var(--text);
  border-radius:10px;
  padding:7px 9px;
  font-size:12px;
  font-weight:800;
}
.slot:hover{
  border-color:var(--accent);
  color:var(--accent);
}
.sync.live{
  background:rgba(250,138,2,.12);
  color:var(--accent2);
}
.sync.loading{
  background:rgba(255,211,107,.1);
  color:var(--warn);
}
.sync.tuning{
  background:rgba(255,138,138,.09);
  color:#ffaaaa;
}

.status-actions{display:flex;align-items:center;gap:8px}
.install-btn{border:0;background:var(--hub-orange);color:#111a0b;font-weight:850;padding:9px 12px;border-radius:11px}
.pwa-help{margin:18px 0 44px;padding:24px;border:1px solid #35506a;border-radius:22px;background:linear-gradient(135deg,rgba(250,138,2,.10),rgba(250,138,2,.035));display:flex;align-items:center;justify-content:space-between;gap:25px}
.pwa-help h2{font-size:25px;margin:7px 0 8px}
.pwa-help p{max-width:760px;color:var(--muted);line-height:1.55;margin:0}
.install-secondary{flex:0 0 auto}
@media(max-width:900px){.status-actions{width:100%;justify-content:space-between}.pwa-help{align-items:flex-start;flex-direction:column}.install-secondary{width:100%}}


/* v4 availability-first card hierarchy */
.numbers{display:none!important}
.club-meta{margin-top:8px;color:var(--muted);font-size:12px}
.availability-feature{margin:22px 0 14px;display:flex;flex-direction:column}
.available-courts{font-size:42px;line-height:.95;letter-spacing:-.05em;color:var(--accent)}
.available-courts-label{margin-top:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted)}
.availability{border-top:0;padding-top:0;margin:0 0 18px}
.availability-head{margin-bottom:9px}
.slot{padding:8px 10px;font-size:13px}

/* v4.1 animated availability loader */
.loading-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.loading-dots i{
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  animation:padelDotPulse 1.05s infinite ease-in-out;
}
.loading-dots i:nth-child(2){animation-delay:.14s}
.loading-dots i:nth-child(3){animation-delay:.28s}
.loading-dots-large{
  min-height:40px;
  justify-content:flex-start;
}
.loading-dots-large i{
  width:10px;
  height:10px;
}
.loading-dots-inline{
  margin-left:5px;
  gap:3px;
  transform:translateY(-1px);
}
.loading-dots-inline i{
  width:4px;
  height:4px;
  background:var(--accent2);
}
@keyframes padelDotPulse{
  0%,60%,100%{opacity:.25;transform:translateY(0) scale(.82)}
  30%{opacity:1;transform:translateY(-4px) scale(1)}
}
@media (prefers-reduced-motion: reduce){
  .loading-dots i{animation:none;opacity:.8}
}


/* v5.4.3 mobile polish */
button,.slot,.star,.toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@supports (-webkit-touch-callout:none){
  input[type=date],select{font-size:16px}
}


/* v5.4.3 LOGO DRAFT — card header only; availability layout unchanged */
.club-identity{display:flex;align-items:center;gap:13px;min-width:0}
.club-title-wrap{min-width:0}
.club-logo{
  width:58px;height:58px;flex:0 0 58px;
  border-radius:50%;
  overflow:hidden;
  object-fit:cover;
  display:block;
  padding:0;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 2px 8px rgba(0,0,0,.14);
}
.club-top{align-items:flex-start}
@media(max-width:620px){
  .club-logo{width:52px;height:52px;flex-basis:52px;border-radius:50%;overflow:hidden;object-fit:cover;padding:0}
  .club-identity{gap:11px}
}

.logo-fallback{
  background:#ffffff;
  border-color:rgba(250,138,2,.34);
  border-radius:50%;
}


/* v5.4.9 — approved PadelHub hero theme */
.hero-pro{
  position:relative;
  min-height:400px;
  margin:18px 0 34px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(84,113,137,.54);
  background:
    radial-gradient(circle at 4% 16%,rgba(99,132,158,.16) 0 2px,transparent 3px) 0 0/31px 31px,
    linear-gradient(112deg,#07121c 0%,#0b1c2a 46%,#112638 100%);
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  isolation:isolate;
}
.hero-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,13,21,.96) 0%,rgba(5,13,21,.88) 31%,rgba(5,13,21,.35) 53%,rgba(5,13,21,.16) 72%,rgba(5,13,21,.50) 100%),
    linear-gradient(0deg,rgba(4,11,18,.20),transparent 46%);
  pointer-events:none;
}
.hero-pro::after{
  content:"";
  position:absolute;
  left:40%;
  right:8%;
  bottom:-2px;
  height:2px;
  z-index:3;
  background:linear-gradient(90deg,transparent,var(--hub-orange),transparent);
  opacity:.52;
  box-shadow:0 0 18px rgba(250,138,2,.55);
}
.hero-pro-art{
  position:absolute;
  z-index:0;
  left:39%;
  top:0;
  width:45%;
  height:100%;
  overflow:hidden;
}
.hero-pro-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,18,28,.60),transparent 22%,transparent 80%,rgba(7,18,28,.22));
}
.hero-pro-art img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.90) contrast(1.08) brightness(.78);
}
.hero-pro-copy{
  position:relative;
  z-index:4;
  width:52%;
  padding:62px 0 52px 66px;
}
.padelhub-wordmark{
  display:flex;
  align-items:center;
  white-space:nowrap;
  font-size:clamp(58px,6.6vw,88px);
  font-weight:850;
  letter-spacing:-.062em;
  line-height:.88;
}
.padel-word{color:#fff;text-shadow:0 5px 18px rgba(0,0,0,.30)}
.hub-word{
  color:#071018;
  background:linear-gradient(180deg,#f3a13d,#df8c2e);
  border-radius:12px;
  padding:.12em .16em .15em .13em;
  margin-left:.035em;
  letter-spacing:-.055em;
  box-shadow:0 8px 25px rgba(250,138,2,.12);
}
.padelhub-by{
  margin-top:13px;
  font-size:20px;
  font-weight:850;
  letter-spacing:-.025em;
}
.hero-accent-line{
  display:block;
  width:62px;
  height:4px;
  border-radius:99px;
  margin:28px 0 35px;
  background:var(--hub-orange);
  box-shadow:0 0 18px rgba(250,138,2,.38);
}
.hero-pro-lede{
  margin:0;
  max-width:560px;
  color:#b2bfca;
  font-size:18px;
  line-height:1.6;
}
.hero-pro-stats{
  position:absolute;
  z-index:5;
  right:42px;
  top:50%;
  transform:translateY(-50%);
  width:248px;
  padding:24px 26px;
  border-radius:25px;
  border:1px solid rgba(120,150,173,.55);
  background:linear-gradient(180deg,rgba(15,33,48,.86),rgba(9,20,31,.90));
  box-shadow:0 20px 50px rgba(0,0,0,.28),0 12px 30px rgba(250,138,2,.05);
  backdrop-filter:blur(9px);
}
.hero-stat{
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:11px;
}
.hero-stat strong{
  font-size:40px;
  line-height:1;
  letter-spacing:-.05em;
}
.hero-stat span:last-child{
  color:#afbdc8;
  font-size:17px;
}
.hero-stat-icon{
  width:47px;height:47px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(84,113,137,.55);
  color:#8ea5b7;
  font-size:24px;
}
.hero-stat-divider{
  height:1px;
  margin:19px 0;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(250,138,2,.38),rgba(255,255,255,.04));
}
.available-courts.just-padel-open{
  font-size:27px;
  letter-spacing:.035em;
  line-height:1;
}
@media(max-width:980px){
  .hero-pro{min-height:365px}
  .hero-pro-copy{width:58%;padding:54px 0 44px 44px}
  .hero-pro-art{left:42%;width:46%}
  .hero-pro-stats{right:25px;width:204px;padding:20px}
  .hero-stat{grid-template-columns:42px 1fr auto;gap:8px}
  .hero-stat-icon{width:39px;height:39px;font-size:20px}
  .hero-stat strong{font-size:32px}
  .hero-stat span:last-child{font-size:14px}
  .hero-pro-lede{font-size:16px;max-width:430px}
}
@media(max-width:720px){
  .hero-pro{min-height:420px;margin-top:4px;border-radius:26px}
  .hero-pro::before{background:linear-gradient(180deg,rgba(5,13,21,.42),rgba(5,13,21,.92) 68%,rgba(5,13,21,.98))}
  .hero-pro-art{left:31%;top:0;width:69%;height:66%;opacity:.88}
  .hero-pro-copy{width:100%;padding:31px 25px 0}
  .padelhub-wordmark{font-size:clamp(47px,14vw,66px)}
  .padelhub-by{font-size:15px;margin-top:9px}
  .hero-accent-line{width:44px;height:3px;margin:16px 0 0}
  .hero-pro-lede{position:absolute;top:253px;left:25px;right:25px;max-width:none;font-size:14px;line-height:1.45}
  .hero-pro-stats{top:auto;bottom:20px;left:25px;right:25px;width:auto;transform:none;display:grid;grid-template-columns:1fr 1px 1fr;gap:17px;padding:14px 18px;border-radius:18px}
  .hero-stat-divider{width:1px;height:auto;margin:0;background:linear-gradient(180deg,transparent,rgba(250,138,2,.35),transparent)}
  .hero-stat{grid-template-columns:34px auto 1fr;gap:7px}
  .hero-stat-icon{width:31px;height:31px;font-size:16px}
  .hero-stat strong{font-size:27px}
  .hero-stat span:last-child{font-size:12px}
}
@media(max-width:420px){
  .hero-pro{min-height:405px}
  .hero-pro-copy{padding-left:20px;padding-right:20px}
  .hero-pro-lede{left:20px;right:20px;top:245px}
  .hero-pro-stats{left:20px;right:20px;bottom:18px}
}


/* v5.5.1 — approved full-bleed hero */
.hero-pro{
  display:block;
  min-height:0;
  margin:18px 0 34px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  position:relative;
}
.hero-pro::before,
.hero-pro::after{
  display:none !important;
}
.hero-full-image{
  width:100%;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(84,113,137,.54);
  background:#07121c;
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}
.hero-full-image__asset{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.hero-compat-hooks{
  display:none !important;
}
@media(max-width:720px){
  .hero-pro{
    margin-top:4px;
    margin-bottom:20px;
  }
  .hero-full-image{
    border-radius:24px;
  }
}


/* v5.5.2 sharing */
.share-card:disabled{opacity:.68;cursor:wait}


/* v5.5.3 — taller mobile hero + improved share button */
.hero-full-image{
  aspect-ratio: 1680 / 760;
}
.hero-full-image__asset{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.share-card{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:108px;
  border:1px solid rgba(250,138,2,.42);
  background:linear-gradient(180deg,rgba(24,37,50,.94),rgba(12,22,32,.96));
  color:#f7f9fb;
  border-radius:13px;
  padding:12px 14px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.18);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.share-card::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  background:no-repeat center/16px 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e79a42' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.59 13.51 15.42 17.49'/%3E%3Cpath d='M15.41 6.51 8.59 10.49'/%3E%3C/svg%3E");
}
.share-card:hover{
  transform:translateY(-1px);
  border-color:rgba(250,138,2,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 28px rgba(0,0,0,.24);
}
.share-card:active{transform:translateY(0)}
.share-card:disabled{
  opacity:.78;
  cursor:wait;
  transform:none;
}
@media (max-width: 720px){
  .hero-pro{
    margin-top:6px;
    margin-bottom:22px;
  }
  .hero-full-image{
    border-radius:24px;
    aspect-ratio: 4 / 5;
  }
  .hero-full-image__asset{
    object-position:58% center;
  }
  .club-actions{
    gap:10px;
  }
  .share-card{
    min-width:96px;
    padding:12px 12px;
  }
}


/* v5.5.4 — approved mobile hero implementation */
.mobile-hero-overlay{display:none}

@media (max-width:720px){
  .hero-pro{
    margin-top:6px;
    margin-bottom:22px;
  }

  .hero-full-image{
    position:relative;
    aspect-ratio:auto;
    height:350px;
    border-radius:24px;
    overflow:hidden;
    background:#07121c;
  }

  .hero-full-image__asset{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:59% center;
    filter:brightness(.74) saturate(.94) contrast(1.06);
  }

  .hero-full-image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(90deg,rgba(3,9,15,.80) 0%,rgba(3,9,15,.54) 39%,rgba(3,9,15,.05) 72%),
      linear-gradient(0deg,rgba(3,9,15,.76) 0%,transparent 42%,rgba(3,9,15,.10) 100%);
    pointer-events:none;
  }

  .mobile-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    pointer-events:none;
  }

  .mobile-wordmark{
    position:absolute;
    left:22px;
    top:23px;
  }

  .mobile-wordmark-main{
    display:flex;
    align-items:center;
    white-space:nowrap;
    line-height:.90;
    font-weight:880;
    letter-spacing:-.055em;
    font-size:44px;
  }

  .mobile-padel{
    color:#fff;
    text-shadow:0 5px 18px rgba(0,0,0,.42);
  }

  .mobile-hub{
    color:#071018;
    background:linear-gradient(180deg,#f5a542,#df8d2f);
    padding:.10em .14em .14em .11em;
    border-radius:8px;
    margin-left:.04em;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
  }

  .mobile-byline{
    margin-top:8px;
    color:#fff;
    font-size:12px;
    font-weight:850;
    letter-spacing:.01em;
    text-shadow:0 3px 12px rgba(0,0,0,.55);
  }

  .mobile-hero-stats{
    position:absolute;
    left:14px;
    right:14px;
    bottom:13px;
    min-height:62px;
    display:grid;
    grid-template-columns:1fr 1px 1fr 1px .72fr;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border-radius:18px;
    border:1px solid rgba(126,153,175,.42);
    background:linear-gradient(180deg,rgba(10,24,36,.86),rgba(7,17,26,.91));
    box-shadow:0 13px 32px rgba(0,0,0,.28);
    backdrop-filter:blur(8px);
  }

  .mobile-hero-stat{
    display:grid;
    grid-template-columns:28px auto 1fr;
    align-items:center;
    gap:6px;
    min-width:0;
  }

  .mobile-stat-icon{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border:1px solid rgba(115,145,170,.45);
    border-radius:50%;
    color:#a3b5c2;
    font-size:13px;
  }

  .mobile-hero-stat strong{
    color:#fff;
    font-size:22px;
    line-height:1;
    letter-spacing:-.04em;
  }

  .mobile-hero-stat span:last-child{
    color:#a7b6c2;
    font-size:10px;
    white-space:nowrap;
  }

  .mobile-stat-separator{
    width:1px;
    height:32px;
    background:linear-gradient(180deg,transparent,rgba(250,138,2,.35),transparent);
  }

  .mobile-live-stat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#fff;
    font-size:12px;
    font-weight:750;
  }

  .mobile-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#58dd75;
    box-shadow:0 0 10px rgba(88,221,117,.55);
  }
}

@media (max-width:430px){
  .hero-full-image{height:330px}

  .mobile-wordmark{
    left:18px;
    top:20px;
  }

  .mobile-wordmark-main{font-size:39px}

  .mobile-hero-stats{
    left:11px;
    right:11px;
    bottom:11px;
    padding:9px 10px;
  }

  .mobile-hero-stat{
    grid-template-columns:25px auto 1fr;
    gap:5px;
  }

  .mobile-stat-icon{
    width:24px;
    height:24px;
    font-size:12px;
  }

  .mobile-hero-stat strong{font-size:20px}
  .mobile-hero-stat span:last-child{font-size:9px}
}


/* v5.5.5 — desktop hero geometry correction */
@media (min-width:721px){
  .hero-full-image{
    width:100%;
    aspect-ratio:1672 / 508;
    height:auto;
    overflow:hidden;
  }
  .hero-full-image__asset{
    position:static;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    filter:none;
  }
}

/* v5.5.5 — slightly stronger mobile wordmark */
@media (max-width:720px){
  .mobile-wordmark-main{
    font-size:47px;
    letter-spacing:-.045em;
  }
  .mobile-hub{
    margin-left:.11em;
    padding:.10em .15em .14em .13em;
  }
}
@media (max-width:430px){
  .mobile-wordmark-main{
    font-size:42px;
  }
  .mobile-hub{
    margin-left:.10em;
  }
}


/* v5.5.7 — richer mobile header to match approved phone concept */
@media (max-width:720px){
  .hero-pro{
    margin-top:4px;
    margin-bottom:22px;
  }

  .hero-full-image{
    position:relative;
    height:392px;
    border-radius:28px;
    overflow:hidden;
  }

  .hero-full-image__asset{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:61% center;
    filter:brightness(.82) saturate(1.03) contrast(1.05);
  }

  .hero-full-image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(180deg,rgba(3,10,18,.26) 0%,rgba(3,10,18,.12) 28%,rgba(3,10,18,.40) 62%,rgba(3,10,18,.88) 100%),
      linear-gradient(90deg,rgba(3,10,18,.48) 0%,rgba(3,10,18,.22) 30%,rgba(3,10,18,.08) 56%,rgba(3,10,18,.26) 100%);
  }

  .mobile-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    pointer-events:none;
  }

  .mobile-wordmark{
    position:absolute;
    left:18px;
    top:18px;
  }

  .mobile-wordmark-main{
    display:flex;
    align-items:center;
    gap:0;
    white-space:nowrap;
    line-height:.92;
    font-weight:900;
    letter-spacing:-.058em;
    font-size:44px;
  }

  .mobile-padel{
    color:#fff;
    text-shadow:0 5px 20px rgba(0,0,0,.38);
  }

  .mobile-hub{
    color:#081018;
    background:linear-gradient(180deg,#f9a323,#fa8a02);
    padding:.12em .14em .14em .14em;
    border-radius:8px;
    margin-left:.09em;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
  }

  .mobile-byline{
    margin-top:6px;
    color:#fff;
    font-size:12px;
    font-weight:850;
    letter-spacing:.01em;
    text-shadow:0 3px 10px rgba(0,0,0,.50);
  }

  .mobile-hero-bell{
    position:absolute;
    right:18px;
    top:18px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(115,145,170,.35);
    background:rgba(8,18,28,.34);
    box-shadow:0 10px 26px rgba(0,0,0,.18);
    backdrop-filter:blur(10px);
    display:grid;
    place-items:center;
  }

  .mobile-hero-bell__icon{
    color:#f7f9fb;
    font-size:20px;
    line-height:1;
    transform:translateY(-1px);
    opacity:.96;
  }

  .mobile-hero-bell__dot{
    position:absolute;
    right:6px;
    top:6px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--hub-orange);
    box-shadow:0 0 0 2px rgba(8,18,28,.88);
  }

  .mobile-hero-stats.mobile-hero-stats--rich{
    position:absolute;
    left:12px;
    right:12px;
    bottom:12px;
    min-height:86px;
    display:grid;
    grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;
    align-items:center;
    gap:0;
    padding:14px 8px;
    border-radius:20px;
    border:1px solid rgba(117,145,168,.34);
    background:linear-gradient(180deg,rgba(8,20,30,.74),rgba(6,16,24,.84));
    box-shadow:0 14px 38px rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
  }

  .mobile-hero-stat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:0;
    padding:0 6px;
  }

  .mobile-stat-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(120,146,168,.40);
    color:#f2f5f8;
    font-size:16px;
    flex:0 0 38px;
    background:rgba(12,22,32,.24);
  }

  .mobile-stat-icon--star{
    color:var(--hub-orange);
  }

  .mobile-stat-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    line-height:1.05;
  }

  .mobile-stat-copy strong{
    color:#fff;
    font-size:18px;
    letter-spacing:-.035em;
    font-weight:850;
    display:flex;
    align-items:center;
    gap:6px;
  }

  .mobile-stat-copy span{
    color:#d8e0e7;
    font-size:10px;
    opacity:.96;
  }

  .mobile-stat-separator{
    width:1px;
    height:40px;
    background:linear-gradient(180deg,transparent,rgba(250,138,2,.28),transparent);
  }

  .mobile-live-dot{
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#58dd75;
    box-shadow:0 0 10px rgba(88,221,117,.56);
  }

  /* Orange calendar icon */
  input[type="date"]{
    accent-color:var(--hub-orange);
    color-scheme:dark;
  }
  input[type="date"]::-webkit-calendar-picker-indicator{
    opacity:1;
    filter:invert(49%) sepia(97%) saturate(1678%) hue-rotate(6deg) brightness(104%) contrast(103%);
    cursor:pointer;
  }
  input[type="date"]::-webkit-datetime-edit{
    color:var(--text);
  }
}

@media (max-width:430px){
  .hero-full-image{
    height:372px;
    border-radius:25px;
  }

  .mobile-wordmark{
    left:16px;
    top:16px;
  }

  .mobile-wordmark-main{
    font-size:40px;
  }

  .mobile-byline{
    font-size:11px;
  }

  .mobile-hero-bell{
    right:16px;
    top:16px;
    width:38px;
    height:38px;
  }

  .mobile-hero-stats.mobile-hero-stats--rich{
    left:10px;
    right:10px;
    bottom:10px;
    min-height:82px;
    padding:12px 6px;
  }

  .mobile-hero-stat{
    gap:8px;
    padding:0 4px;
  }

  .mobile-stat-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
    font-size:14px;
  }

  .mobile-stat-copy strong{
    font-size:17px;
  }

  .mobile-stat-copy span{
    font-size:9px;
  }

  .mobile-stat-separator{
    height:34px;
  }
}


/* v5.5.8 — approved screenshot-based mobile header */
.mobile-hero-header-shot{
  display:none;
}

@media (max-width:720px){
  .hero-pro{
    margin-top:4px;
    margin-bottom:20px;
  }

  .hero-full-image{
    position:relative;
    width:100%;
    aspect-ratio:1136 / 514;
    height:auto;
    min-height:0;
    border-radius:22px;
    overflow:hidden;
    background:none;
  }

  .hero-full-image__asset{
    display:none !important;
  }

  .hero-full-image::after{
    display:none !important;
  }

  .mobile-hero-overlay{
    display:none !important;
  }

  .mobile-hero-header-shot{
    display:block;
    width:100%;
    height:auto;
    border-radius:22px;
  }
}

/* Calendar icon larger + HUB orange, including desktop */
input[type="date"]{
  accent-color:var(--hub-orange);
  color-scheme:dark;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1;
  width:22px;
  height:22px;
  padding:2px;
  transform:scale(1.12);
  transform-origin:center;
  filter:invert(50%) sepia(91%) saturate(2131%) hue-rotate(7deg) brightness(102%) contrast(102%);
  cursor:pointer;
}


/* v5.5.9 — mobile hero truly fills the entire header */
@media (max-width:720px){
  .hero-full-image{
    position:relative;
    width:100%;
    height:250px;
    aspect-ratio:auto;
    min-height:0;
    border-radius:22px;
    overflow:hidden;
    background:#07121c;
  }

  .mobile-hero-header-shot{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    border-radius:0;
  }

  .hero-full-image__asset{
    display:none !important;
  }

  .hero-full-image::after{
    display:none !important;
  }

  .mobile-hero-overlay{
    display:none !important;
  }
}

@media (max-width:430px){
  .hero-full-image{
    height:235px;
  }
}


/* v5.5.10 — mobile header shows the full approved artwork */
@media (max-width:720px){
  .hero-full-image{
    position:relative;
    width:100%;
    aspect-ratio:1136 / 514;
    height:auto;
    min-height:0;
    border-radius:22px;
    overflow:hidden;
    background:#07121c;
  }

  .mobile-hero-header-shot{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    border-radius:0;
    background:#07121c;
  }

  .hero-full-image__asset{
    display:none !important;
  }

  .hero-full-image::after{
    display:none !important;
  }

  .mobile-hero-overlay{
    display:none !important;
  }
}

@media (max-width:430px){
  .hero-full-image{
    aspect-ratio:1136 / 514;
    height:auto;
  }

  .mobile-hero-header-shot{
    object-fit:contain;
    object-position:center center;
  }
}


/* v5.5.12 — persistent mobile Install app button */
@media (min-width:901px){
  #installApp{
    display:none;
  }
}

@media (max-width:900px){
  .statusbar{
    gap:12px;
  }

  .status-actions{
    width:auto;
    flex:0 0 auto;
    margin-left:auto;
  }

  #installApp{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 14px;
    border-radius:12px;
    background:var(--hub-orange);
    color:#111a0b;
    font-weight:900;
    box-shadow:0 8px 22px rgba(250,138,2,.16);
  }

  #installApp[hidden]{
    display:none !important;
  }
}

@media (max-width:620px){
  .statusbar{
    flex-direction:row;
    align-items:center;
  }

  .statusbar > div:first-child{
    min-width:0;
    flex:1 1 auto;
  }

  .statusbar #statusText{
    display:block;
    margin-top:4px;
    line-height:1.35;
  }
}


/* v5.5.13 — install flow must never end in a buttonless section */
#installAppLarge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

#installAppLarge[hidden]{
  display:none !important;
}

@media (max-width:900px){
  .pwa-help{
    gap:18px;
  }

  #installAppLarge{
    width:100%;
    min-height:48px;
    margin-top:4px;
    background:var(--hub-orange);
    color:#111a0b;
    font-weight:900;
    border:0;
    box-shadow:0 10px 26px rgba(250,138,2,.16);
  }
}

/* v5.5.15 — native PWA install state */
#installApp[hidden],
#installAppLarge[hidden]{
  display:none !important;
}


/* PREVIEW — streamlined card layout + larger mobile PadelHub branding */
.streamlined-mobile-hero{
  display:none;
}

.club-card .provider{
  display:none !important;
}

.club-card{
  min-height:0;
  padding:15px 16px 16px;
  border-radius:19px;
}

.club-top{
  align-items:center;
  gap:8px;
}

.club-identity{
  gap:10px;
}

.club-logo{
  width:48px;
  height:48px;
  flex-basis:48px;
}

.club-name{
  margin:0;
  font-size:20px;
  line-height:1.12;
}

.club-meta{
  margin-top:3px;
  font-size:11px;
}

.star{
  font-size:23px;
  padding:3px;
}

.sync{
  margin:8px 0 7px;
  padding:4px 8px;
  font-size:10px;
  letter-spacing:.02em;
}

.sync.live::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:5px;
  border-radius:50%;
  background:var(--hub-orange);
  box-shadow:0 0 0 3px rgba(250,138,2,.10);
}

.availability-feature{
  margin:4px 0 8px;
  flex-direction:row;
  align-items:flex-end;
  gap:8px;
}

.available-courts{
  font-size:34px;
  line-height:.92;
}

.available-courts-label{
  margin:0 0 2px;
  font-size:9px;
  letter-spacing:.06em;
}

.availability{
  margin:0 0 10px;
}

.availability-head{
  margin-bottom:6px;
}

.availability-label,
.availability-count{
  font-size:10px;
}

.slots{
  gap:5px;
  min-height:28px;
}

.slot{
  padding:6px 8px;
  border-radius:9px;
  font-size:12px;
}

.club-actions{
  margin-top:9px;
  gap:7px;
}

.book,
.share-card{
  min-height:40px;
  padding:9px 11px;
  border-radius:11px;
}

.share-card{
  min-width:94px;
}

.note{
  display:none;
}

@media (max-width:720px){
  .hero-pro{
    margin-bottom:15px;
  }

  .hero-full-image{
    height:238px;
    aspect-ratio:auto;
    border-radius:22px;
    background:#07121c;
  }

  .mobile-hero-header-shot{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:77% center;
    border-radius:0;
    background:#07121c;
  }

  .hero-full-image::before{
    content:"";
    display:block;
    position:absolute;
    inset:0;
    z-index:2;
    background:
      linear-gradient(90deg,
        rgba(5,14,23,1) 0%,
        rgba(5,14,23,.99) 37%,
        rgba(5,14,23,.95) 54%,
        rgba(5,14,23,.64) 69%,
        rgba(5,14,23,.10) 100%);
    pointer-events:none;
  }

  .streamlined-mobile-hero{
    display:flex;
    position:absolute;
    z-index:3;
    inset:0;
    padding:25px 20px 21px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    pointer-events:none;
  }

  .streamlined-wordmark{
    display:flex;
    align-items:center;
    line-height:.92;
    font-size:46px;
    font-weight:950;
    letter-spacing:-.055em;
    text-shadow:0 3px 18px rgba(0,0,0,.32);
  }

  .streamlined-padel{
    color:#fff;
  }

  .streamlined-hub{
    color:#07121c;
    background:var(--hub-orange);
    padding:6px 8px 8px;
    margin-left:5px;
    border-radius:9px;
    text-shadow:none;
  }

  .streamlined-byline{
    margin-top:8px;
    font-size:13px;
    font-weight:800;
    color:#eef3f7;
  }

  .streamlined-slogan{
    margin-top:27px;
    max-width:255px;
    color:#f5f7f9;
    font-size:18px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-.015em;
  }

  .club-card{
    padding:13px 14px 14px;
    border-radius:18px;
  }

  .club-logo{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .club-name{
    font-size:19px;
  }

  .availability-feature{
    margin-top:3px;
  }

  .available-courts{
    font-size:31px;
  }

  .slot{
    padding:6px 7px;
    font-size:11.5px;
  }
}

@media (max-width:390px){
  .streamlined-wordmark{
    font-size:42px;
  }

  .streamlined-slogan{
    font-size:17px;
  }
}


/* v5.5.17 — mobile brand position refinement */
@media (max-width:720px){
  .streamlined-mobile-hero{
    justify-content:flex-start;
    align-items:flex-start;
    padding:17px 16px 18px;
  }

  .streamlined-wordmark{
    font-size:38px;
    line-height:.92;
  }

  .streamlined-byline{
    margin-top:6px;
    font-size:12px;
  }

  .streamlined-slogan{
    margin-top:18px;
    max-width:250px;
    font-size:17px;
    font-weight:400;
    line-height:1.32;
  }
}

@media (max-width:390px){
  .streamlined-wordmark{
    font-size:36px;
  }

  .streamlined-slogan{
    font-size:16px;
    font-weight:400;
  }
}


/* PREVIEW — exact user-supplied mobile banner */
@media (max-width:720px){
  .hero-full-image{
    position:relative;
    width:100%;
    aspect-ratio:1000 / 669;
    height:auto;
    min-height:0;
    border-radius:0;
    overflow:hidden;
    background:#07121c;
  }

  .mobile-hero-header-shot{
    display:block !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1000 / 669;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:0 !important;
    background:#07121c;
  }

  .hero-full-image::before,
  .hero-full-image::after,
  .streamlined-mobile-hero,
  .mobile-hero-overlay{
    display:none !important;
  }
}


/* PREVIEW refinement — rounded mobile banner edges */
@media (max-width:720px){
  .hero-full-image{
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .mobile-hero-header-shot{
    border-radius:22px !important;
  }
}


/* PREVIEW — exact supplied desktop banner */
@media (min-width:721px){
  .hero-full-image{
    position:relative;
    width:100%;
    aspect-ratio:2044 / 620;
    height:auto;
    min-height:0;
    border-radius:22px !important;
    overflow:hidden !important;
    background:#07121c;
  }

  .hero-full-image__asset{
    display:block !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:2044 / 620;
    object-fit:contain !important;
    object-position:center center !important;
    filter:none !important;
    border-radius:22px !important;
  }

  .hero-full-image::before,
  .hero-full-image::after{
    display:none !important;
  }
}


/* PREVIEW — compact club identity row */
.club-title-wrap{
  min-width:0;
  flex:1 1 auto;
}

.club-subrow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 9px;
  margin-top:4px;
}

.club-subrow .club-meta{
  margin:0 !important;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
}

.club-subrow .sync{
  margin:0 !important;
  padding:3px 7px;
  min-height:0;
  border-radius:99px;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.02em;
}

.club-subrow .sync.live::before{
  width:5px;
  height:5px;
  margin-right:4px;
  box-shadow:none;
}

.club-top{
  align-items:center;
}

.availability-feature{
  margin-top:10px !important;
  margin-bottom:8px !important;
}

@media (max-width:720px){
  .club-card{
    padding-top:12px;
  }

  .club-name{
    margin-top:0;
  }

  .club-subrow{
    margin-top:3px;
    gap:5px 7px;
  }

  .club-subrow .club-meta{
    font-size:10.5px;
  }

  .club-subrow .sync{
    font-size:8.5px;
    padding:3px 6px;
  }

  .availability-feature{
    margin-top:8px !important;
  }
}


/* v5.5.19 — availability watch */
.main-actions-row{display:flex;gap:10px;align-items:stretch}.main-actions-row #refresh{flex:1 1 auto}
.notify-watch-btn{flex:0 0 auto;min-height:46px;padding:10px 15px;border-radius:13px;border:1px solid rgba(250,138,2,.42);background:rgba(250,138,2,.10);color:#ffd69c;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.active-watch{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(250,138,2,.34);border-radius:16px;background:linear-gradient(135deg,rgba(250,138,2,.10),rgba(14,27,39,.96));display:flex;align-items:center;justify-content:space-between;gap:12px}.active-watch[hidden],.watch-modal[hidden]{display:none!important}
.active-watch-copy{display:flex;align-items:center;gap:10px;min-width:0}.active-watch-copy strong{display:block;font-size:12px}.active-watch-copy span:not(.active-watch-bell){display:block;margin-top:2px;color:var(--muted);font-size:11px}.active-watch-bell{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(250,138,2,.15)}.cancel-watch{border:0;background:transparent;color:#f1b86b;font-weight:800;cursor:pointer}
.watch-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.watch-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.watch-sheet{position:relative;z-index:1;width:min(620px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;border:1px solid #2b3a48;border-radius:24px;background:#0d1924;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:22px}.watch-sheet-head{display:flex;justify-content:space-between;gap:18px}.watch-kicker{color:var(--hub-orange);font-size:9px;font-weight:950;letter-spacing:.13em}.watch-sheet h2{margin:5px 0;font-size:23px}.watch-sheet-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.watch-close{width:36px;height:36px;flex:0 0 36px;border-radius:11px;border:1px solid #2b3a48;background:#142431;color:#dce4ea;font-size:24px;line-height:1;cursor:pointer}
.watch-grid{margin-top:18px;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1.15fr;gap:9px}.watch-field{display:flex;flex-direction:column;gap:6px}.watch-field>span{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.watch-field input,.watch-field select{width:100%;min-height:43px;border:1px solid #2a3b4a;border-radius:12px;background:#12212e;color:#f4f7f9;padding:9px 10px;font:inherit;font-size:12px;color-scheme:dark}
.watch-explainer{margin-top:11px;padding:10px 11px;border-radius:12px;background:#111f2b;color:#aebcc8;font-size:11px;line-height:1.4}.watch-explainer strong{color:#fff}.watch-clubs-head{margin-top:18px;display:flex;justify-content:space-between;align-items:end;gap:12px}.watch-clubs-head strong{display:block;font-size:13px}.watch-clubs-head span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.watch-toggle-all{border:0;background:transparent;color:var(--hub-orange);font-size:10px;font-weight:850;cursor:pointer}
.watch-club-list{margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.watch-club-option{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #283846;border-radius:12px;background:#101d28;cursor:pointer;user-select:none}.watch-club-option.checked{border-color:rgba(250,138,2,.55);background:rgba(250,138,2,.08)}.watch-club-option input{accent-color:var(--hub-orange)}.watch-club-option img{width:29px;height:29px;flex:0 0 29px;object-fit:contain;border-radius:8px;background:#fff}.watch-club-option span{min-width:0;color:#eaf0f4;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-sheet-actions{margin-top:17px}.save-watch{width:100%;min-height:48px;border-radius:13px;font-size:14px;font-weight:900}.watch-fineprint{margin:10px 4px 0;color:#718392;font-size:9px;line-height:1.45;text-align:center}
@media(max-width:720px){.main-actions-row{gap:8px}.notify-watch-btn{padding:10px 12px}.watch-modal{padding:0;align-items:end}.watch-sheet{width:100%;max-height:88vh;border-radius:24px 24px 0 0;padding:19px 16px 22px}.watch-sheet h2{font-size:21px}.watch-grid{grid-template-columns:1fr 1fr}.watch-date-field{grid-column:1/-1}.watch-club-list{grid-template-columns:1fr}.active-watch{align-items:flex-start}}
@media(max-width:390px){.notify-watch-btn span{display:none}.notify-watch-btn{width:46px;padding:0}}


/* v5.5.20 — Notify me replaces Recommended */
.results-notify-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
}

.notify-watch-results{
  width:auto !important;
  min-width:118px;
  min-height:40px;
  padding:8px 13px;
  border-radius:12px;
  white-space:nowrap;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.notify-watch-bell-inline{
  font-size:14px;
  line-height:1;
}

.notify-watch-label{
  display:inline !important;
}

#refresh{
  width:100%;
}

@media (max-width:720px){
  .section-head{
    align-items:center;
    gap:10px;
  }

  .section-head > div:first-child{
    min-width:0;
    flex:1 1 auto;
  }

  .results-notify-wrap{
    flex:0 0 auto;
  }

  .notify-watch-results{
    width:auto !important;
    min-width:112px !important;
    min-height:38px;
    padding:8px 11px !important;
  }

  .notify-watch-results .notify-watch-label{
    display:inline !important;
  }
}

@media (max-width:390px){
  .notify-watch-results{
    width:auto !important;
    min-width:108px !important;
    padding:8px 10px !important;
  }

  .notify-watch-results .notify-watch-label{
    display:inline !important;
  }
}


/* v5.5.21 — keep Notify icon + label visible on mobile */
.notify-watch-results .notify-watch-bell-inline,
.notify-watch-results .notify-watch-label{
  display:inline !important;
}

.notify-watch-results{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
}

@media (max-width:720px){
  .notify-watch-results{
    width:auto !important;
    min-width:112px !important;
    padding:8px 11px !important;
  }

  .notify-watch-results .notify-watch-bell-inline,
  .notify-watch-results .notify-watch-label{
    display:inline !important;
  }
}

@media (max-width:390px){
  .notify-watch-results{
    width:auto !important;
    min-width:108px !important;
    padding:8px 10px !important;
  }

  .notify-watch-results span,
  .notify-watch-results .notify-watch-bell-inline,
  .notify-watch-results .notify-watch-label{
    display:inline !important;
  }
}


/* v5.5.22 — key Notify feature + full-day watch */
.notify-watch-results{
  background:var(--hub-orange) !important;
  border-color:var(--hub-orange) !important;
  color:#12171c !important;
  font-weight:950 !important;
  box-shadow:0 7px 20px rgba(250,138,2,.26) !important;
  min-width:126px !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.notify-watch-results:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 24px rgba(250,138,2,.34) !important;
  filter:brightness(1.04);
}
.notify-watch-bell-svg{
  display:block !important;
  width:17px;height:17px;flex:0 0 17px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.notify-watch-label{display:inline !important;color:inherit !important}
.mobile-notify-feature{display:none}
.watch-time-hint{
  margin-top:9px;color:#7f92a1;font-size:9px;text-align:right;
}

@media (min-width:721px){
  .results-notify-wrap{display:flex !important}
}

@media (max-width:720px){
  .results-notify-wrap{display:none !important}
  .mobile-notify-feature{
    display:block;
    margin-top:10px;
    margin-bottom:3px;
  }
  .notify-watch-mobile{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:14px;
    background:var(--hub-orange);
    color:#12171c;
    box-shadow:0 8px 24px rgba(250,138,2,.28);
    font:inherit;
    font-size:14px;
    font-weight:950;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
  }
  .notify-watch-mobile:active{transform:translateY(1px)}
  .notify-watch-mobile-icon{
    display:block;
    width:18px;height:18px;flex:0 0 18px;
    fill:none;stroke:currentColor;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round;
  }
  .mobile-notify-helper{
    margin-top:5px;
    text-align:center;
    color:#7f92a1;
    font-size:10px;
    line-height:1.25;
  }
  .mobile-notify-feature.is-active .notify-watch-mobile{
    background:#162a21;
    color:#baf1ca;
    border:1px solid rgba(83,204,121,.35);
    box-shadow:none;
  }
  .mobile-notify-feature.is-active .mobile-notify-helper{color:#86a292}
  .watch-time-hint{text-align:left;margin-top:8px}
}
@media (max-width:390px){
  .notify-watch-results span,
  .notify-watch-results .notify-watch-label{display:inline !important}
  .notify-watch-results .notify-watch-bell-svg{display:block !important}
  .notify-watch-mobile span{display:inline !important}
}


/* v5.5.23 — outlined Notify CTA on desktop + mobile */
.notify-watch-results{
  background:rgba(250,138,2,.06) !important;
  border:1px solid rgba(250,138,2,.78) !important;
  color:var(--hub-orange) !important;
  box-shadow:0 0 0 1px rgba(250,138,2,.04), 0 6px 18px rgba(250,138,2,.10) !important;
}

.notify-watch-results:hover{
  background:rgba(250,138,2,.12) !important;
  border-color:var(--hub-orange) !important;
  color:var(--hub-orange) !important;
  box-shadow:0 7px 20px rgba(250,138,2,.14) !important;
}

@media (max-width:720px){
  .notify-watch-mobile{
    background:rgba(250,138,2,.045) !important;
    border:2px solid rgba(250,138,2,.86) !important;
    color:var(--hub-orange) !important;
    box-shadow:0 0 0 1px rgba(250,138,2,.035), 0 7px 20px rgba(250,138,2,.10) !important;
  }

  .notify-watch-mobile:active{
    background:rgba(250,138,2,.11) !important;
  }

  .mobile-notify-feature.is-active .notify-watch-mobile{
    background:rgba(83,204,121,.045) !important;
    color:#8ee9a8 !important;
    border:2px solid rgba(83,204,121,.55) !important;
    box-shadow:0 0 0 1px rgba(83,204,121,.03), 0 7px 18px rgba(83,204,121,.08) !important;
  }
}


/* v5.5.27 — seamless slot booking handoff */
.booking-sheet[hidden]{display:none!important}
.booking-sheet{
  position:fixed;inset:0;z-index:10050;
  display:flex;align-items:flex-end;justify-content:center;
}
.booking-sheet-backdrop{
  position:absolute;inset:0;
  background:rgba(4,10,15,.74);
  backdrop-filter:blur(8px);
}
.booking-sheet-card{
  position:relative;z-index:1;
  width:min(100%,520px);
  background:#0d1822;
  border:1px solid rgba(250,138,2,.32);
  border-radius:22px 22px 0 0;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom));
  box-shadow:0 -18px 50px rgba(0,0,0,.42);
}
.booking-grabber{
  width:42px;height:4px;border-radius:99px;
  background:#31414f;margin:0 auto 15px;
}
.booking-kicker{
  color:var(--hub-orange);font-size:10px;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;
}
.booking-title{
  margin:5px 0 4px;color:#fff;font-size:22px;
  font-weight:950;line-height:1.05;
}
.booking-sub{color:#90a1ae;font-size:11px}
.booking-slot-card{
  margin-top:14px;border:1px solid #243542;background:#101f2a;
  border-radius:15px;padding:13px;
}
.booking-time{font-size:28px;line-height:1;font-weight:950;color:#fff}
.booking-details{margin-top:5px;color:#9cafbc;font-size:11px}
.booking-court-chooser{
  margin-top:13px;padding-top:12px;border-top:1px solid #253642;
}
.booking-court-chooser[hidden]{display:none!important}
.booking-court-heading{
  color:#fff;font-size:12px;font-weight:900;
}
.booking-court-hint{
  margin-top:3px;color:#8295a3;font-size:10px;line-height:1.35;
}
.booking-court-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;
}
.booking-court-option{
  min-height:42px;border-radius:11px;border:1px solid #314451;
  background:#0b151d;color:#d6e0e7;font:inherit;font-size:11px;font-weight:850;
  padding:8px 10px;cursor:pointer;text-align:center;
}
.booking-court-option:hover{border-color:rgba(250,138,2,.7)}
.booking-court-option.selected{
  border-color:var(--hub-orange);
  background:rgba(250,138,2,.10);
  color:var(--hub-orange);
  box-shadow:inset 0 0 0 1px rgba(250,138,2,.12);
}
.booking-state{
  margin-top:12px;min-height:38px;border-radius:11px;padding:10px;
  background:#0b151d;color:#93a5b2;font-size:10px;line-height:1.35;
  display:flex;align-items:center;
}
.booking-state.ok{
  color:#99e7ae;border:1px solid rgba(83,204,121,.24);
  background:rgba(83,204,121,.035);
}
.booking-state.warn{color:#ffd39a;border:1px solid rgba(250,138,2,.25)}
.booking-state.gone{
  color:#ffb4ae;border:1px solid rgba(255,106,96,.24);
  background:rgba(255,106,96,.035);
}
.booking-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}
.booking-main,.booking-recheck{
  min-height:49px;border-radius:13px;font:inherit;
  font-size:14px;font-weight:950;cursor:pointer;
}
.booking-main{
  border:1.5px solid var(--hub-orange);
  background:rgba(250,138,2,.05);color:var(--hub-orange);
}
.booking-main:disabled{opacity:.48;cursor:not-allowed}
.booking-recheck{border:1px solid #334957;background:#101f2a;color:#d9e2e8}
.booking-secondary{
  min-height:40px;border:0;background:transparent;color:#91a2af;
  font:inherit;font-weight:750;cursor:pointer;
}
.booking-note{
  margin-top:7px;text-align:center;color:#6f808d;
  font-size:9px;line-height:1.4;
}
.slot{cursor:pointer}
.slot:hover{border-color:rgba(250,138,2,.65)}

@media(min-width:721px){
  .booking-sheet{align-items:center;padding:20px}
  .booking-sheet-card{width:min(460px,100%);border-radius:22px;padding:20px}
}

@media(max-width:390px){.booking-court-options{grid-template-columns:1fr}}

/* v5.5.43 merch support section */
.merch-support{
  margin:-12px 0 44px;
  padding:24px;
  border:1px solid rgba(53,80,106,.9);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(16,27,38,.92),rgba(12,22,32,.92));
  display:grid;
  grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.merch-copy h2{
  font-size:25px;
  margin:7px 0 8px;
}
.merch-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.merch-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:radial-gradient(circle at 50% 10%,rgba(250,138,2,.08),transparent 35%),rgba(8,16,24,.88);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.merch-card-image{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:900px){
  .merch-support{
    grid-template-columns:1fr;
  }
}

/* v5.5.48 — Padel X API-backed confirmation */
.padelx-review-modal[hidden]{display:none!important}
.padelx-review-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:end center;padding:18px}
.padelx-review-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
.padelx-review-card{position:relative;width:min(100%,560px);background:linear-gradient(180deg,#132231,#0d1924);border:1px solid #35506a;border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.48)}
.padelx-review-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--muted);font-size:30px;line-height:1}
.padelx-review-card h2{font-size:28px;margin:7px 0 4px}
.padelx-review-account{margin:0 0 20px;color:var(--muted);font-size:13px}
.padelx-review-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.padelx-review-summary>div{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(8,16,24,.5);display:flex;flex-direction:column;gap:5px}
.padelx-review-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.padelx-review-summary strong{font-size:17px}
.padelx-review-rules{margin:12px 0;padding:12px 14px;border-left:3px solid var(--hub-orange);background:rgba(250,138,2,.07);color:var(--muted);font-size:13px;line-height:1.5}
.padelx-review-agree{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:var(--text);font-size:13px;line-height:1.4}
.padelx-review-agree input{margin-top:2px;accent-color:var(--hub-orange)}
.padelx-review-actions{display:flex;gap:10px;margin-top:14px}
.padelx-review-actions .primary{flex:1}
.padelx-review-fineprint{color:var(--muted);font-size:11px;line-height:1.45;margin:14px 0 0}
@media(max-width:620px){.padelx-review-modal{padding:0;place-items:end stretch}.padelx-review-card{width:100%;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.padelx-review-summary{grid-template-columns:1fr 1fr}}

/* v5.5.56 — compact Support the App section on desktop only.
   Mobile/tablet layout (<=900px) intentionally stays unchanged. */
@media (min-width:901px){
  .merch-support{
    padding:18px 20px;
    grid-template-columns:minmax(0,320px) auto;
    gap:20px;
    margin-bottom:28px;
  }
  .merch-card{
    width:min(440px,42vw);
    justify-self:end;
  }
}

/* v5.5.60 — Padel-Hub native Americano */
.hub-view[hidden]{display:none!important}
.hub-mode-nav{
  position:sticky;top:max(8px,env(safe-area-inset-top));z-index:80;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(520px,100%);
  margin:16px auto 18px;padding:6px;border:1px solid rgba(53,80,106,.9);border-radius:18px;
  background:rgba(8,16,24,.88);box-shadow:0 12px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.hub-mode-button{min-height:48px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}
.hub-mode-button:hover{color:var(--text);background:rgba(255,255,255,.035)}
.hub-mode-button.is-active{color:#fff;border-color:rgba(250,138,2,.48);background:linear-gradient(180deg,rgba(250,138,2,.20),rgba(250,138,2,.09));box-shadow:inset 0 0 0 1px rgba(250,138,2,.05)}
.hub-mode-icon{font-size:17px;line-height:1}
.americano-view{margin:0 0 30px;padding:18px;border:1px solid rgba(53,80,106,.9);border-radius:24px;background:linear-gradient(180deg,rgba(16,27,38,.96),rgba(9,17,26,.96));box-shadow:var(--shadow)}
.americano-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 4px 16px}
.americano-toolbar h2{font-size:28px;margin:5px 0 4px}
.americano-toolbar p{margin:0;color:var(--muted);line-height:1.45;max-width:720px}
.americano-toolbar-action,.americano-secondary-button,.americano-main-button,.americano-score-button,.americano-score-edit,.americano-link-button{font:inherit}
.americano-toolbar-action{border:1px solid rgba(250,138,2,.5);background:rgba(250,138,2,.08);color:var(--accent);border-radius:12px;padding:10px 14px;font-weight:900;white-space:nowrap}
.americano-app{min-height:520px}
.americano-screen[hidden],.americano-tab-panel[hidden],.americano-setup-card[hidden],.americano-history[hidden],.americano-resume-card[hidden]{display:none!important}
.americano-screen{animation:americanoFade .2s ease both}
@keyframes americanoFade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.americano-resume-card,.americano-setup-card,.americano-history,.americano-tournament-header,.americano-match-card,.americano-schedule-round,.americano-standings-card{border:1px solid rgba(56,82,104,.78);background:linear-gradient(180deg,rgba(19,34,49,.96),rgba(14,26,38,.96));border-radius:20px}
.americano-resume-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-bottom:14px;border-color:rgba(250,138,2,.35);background:linear-gradient(135deg,rgba(250,138,2,.09),rgba(19,34,49,.96) 48%)}
.americano-resume-card h3{margin:5px 0 3px;font-size:19px}.americano-resume-card p{margin:0;color:var(--muted);font-size:13px}
.americano-resume-card .americano-main-button{width:auto;min-width:190px}
.americano-setup-card{padding:22px}
.americano-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.americano-card-head--compact{margin-bottom:12px}.americano-card-head h3{font-size:24px;margin:5px 0 5px}.americano-card-head p{color:var(--muted);margin:0;line-height:1.5;max-width:680px;font-size:14px}
.americano-step-badge{flex:none;padding:6px 10px;border-radius:99px;border:1px solid var(--line);background:#0d1822;color:var(--muted);font-size:11px;font-weight:900}
.americano-name-control{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(8,16,24,.5)}
.americano-name-control input{width:100%;height:44px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none}
.americano-name-control input:focus{border-color:var(--accent)}
.americano-name-control>small{color:#6f8190;font-size:11px}
.americano-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.americano-number-control,.americano-select-control{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(8,16,24,.5)}
.americano-court-name-control{display:flex;flex-direction:column;gap:11px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(8,16,24,.5)}
.americano-court-name-control>div:first-child{display:flex;flex-direction:column;gap:4px}.americano-court-name-control>div:first-child>small{color:#6f8190;font-size:11px}
.americano-court-name-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.americano-court-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0c1721;border-radius:13px;padding:6px 9px 6px 7px}
.americano-court-field>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:rgba(250,138,2,.1);color:var(--accent);font-weight:900;font-size:11px}
.americano-court-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:8px 4px;font-size:13px;font-weight:750}
.americano-format-control{display:flex;flex-direction:column;gap:9px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(8,16,24,.5)}
.americano-format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.americano-format-options button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:12px 13px;border:1px solid #314657;border-radius:13px;background:#0a151e;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.americano-format-options button:hover{border-color:#536b7e;transform:translateY(-1px)}
.americano-format-options button.is-active{border-color:var(--hub-orange);background:rgba(250,138,2,.09);box-shadow:inset 0 0 0 1px rgba(250,138,2,.14)}
.americano-format-options strong{font-size:13px;font-weight:950}.americano-format-options small{color:var(--muted);font-size:10px;line-height:1.35}.americano-format-options button.is-active small{color:#c7d2da}

.americano-field-label{font-size:12px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.americano-field-label small{font-size:10px;color:#6f8190;font-weight:750;letter-spacing:.04em}
.americano-number-control small,.americano-select-control small{color:#6f8190;font-size:11px}
.americano-stepper{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px}
.americano-stepper button{height:42px;border:1px solid #354b5e;border-radius:12px;background:#101d29;color:var(--text);font-size:22px;font-weight:800}
.americano-stepper button:hover{border-color:var(--accent);color:var(--accent)}
.americano-stepper strong{text-align:center;font-size:30px;letter-spacing:-.03em}
.americano-select-control select{height:42px;padding:8px 11px;border-radius:12px}
.americano-plan-preview{margin:14px 0;padding:15px 16px;border-radius:17px;border:1px solid rgba(250,138,2,.22);background:rgba(250,138,2,.045)}
.americano-plan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.americano-plan-stats div{display:flex;flex-direction:column;gap:2px}.americano-plan-stats span{color:var(--muted);font-size:11px}.americano-plan-stats strong{font-size:16px}.americano-plan-preview p{margin:11px 0 0;color:#9fb0bd;font-size:12px;line-height:1.45}
.americano-main-button{width:100%;border:0;border-radius:14px;background:var(--hub-orange);color:#171007;font-weight:950;padding:13px 18px;min-height:46px}
.americano-main-button:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.45)}
.americano-secondary-button{border:1px solid #33495c;background:#0d1822;color:var(--text);border-radius:14px;padding:12px 17px;font-weight:850;min-height:46px}
.americano-form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px}
.americano-player-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.americano-player-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0c1721;border-radius:14px;padding:6px 10px 6px 7px}
.americano-player-field>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:rgba(250,138,2,.1);color:var(--accent);font-weight:900;font-size:12px}
.americano-player-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:9px 5px;font-size:14px;font-weight:750}
.americano-history{padding:18px;margin-top:14px}.americano-history h3{font-size:19px;margin:4px 0}
.americano-history-clear{border:1px solid rgba(255,138,138,.38);background:rgba(255,138,138,.06);color:#ffb0b0;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:850}
.americano-history-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:12px 4px;border-top:1px solid var(--line)}
.americano-history-row>div:first-child{display:flex;flex-direction:column;gap:3px}.americano-history-row span{color:var(--muted);font-size:11px}.americano-history-row strong{font-size:13px}
.americano-history-winner{display:flex;flex-direction:column;text-align:right;gap:2px}.americano-history-actions{display:flex;align-items:center;gap:7px}.americano-history-row button{border:1px solid #354b5e;background:#0d1822;color:var(--text);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850}.americano-history-row .americano-history-delete{border-color:rgba(255,138,138,.34);background:rgba(255,138,138,.05);color:#ffaaaa}
.americano-tournament-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-color:rgba(250,138,2,.25);background:linear-gradient(135deg,rgba(250,138,2,.07),rgba(19,34,49,.96) 42%)}
.americano-tournament-header h3{font-size:24px;margin:4px 0 2px}.americano-tournament-header p{margin:0;color:var(--muted);font-size:13px}
.americano-tournament-progress{text-align:right;display:flex;flex-direction:column}.americano-tournament-progress strong{font-size:22px;color:var(--accent)}.americano-tournament-progress span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.americano-tabs{display:flex;gap:5px;margin:13px 0;padding:5px;border-radius:14px;background:#0a141d;border:1px solid var(--line)}
.americano-tabs button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px;font-weight:850;font-size:13px}.americano-tabs button.is-active{color:#fff;background:#172634;box-shadow:inset 0 -2px 0 var(--accent)}
.americano-live-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:7px 2px 11px}.americano-live-head>div{display:flex;flex-direction:column}.americano-live-head span{font-size:10px;color:var(--muted);letter-spacing:.08em;font-weight:900}.americano-live-head strong{font-size:23px}.americano-live-head strong small{color:var(--muted);font-size:13px;font-weight:700}
.americano-round-progress{height:7px;border-radius:99px;background:#162430;overflow:hidden;margin-bottom:12px}.americano-round-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d36d00,var(--accent))}
.americano-rest-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 13px;margin-bottom:11px;border:1px dashed #354b5e;border-radius:13px;color:var(--muted);font-size:11px}.americano-rest-banner strong{color:var(--text);font-size:12px;text-align:right}
.americano-live-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.americano-match-card{padding:15px}.americano-match-card.is-scored{border-color:rgba(250,138,2,.35)}
.americano-match-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.americano-match-top span{font-size:10px;color:var(--accent);font-weight:950;letter-spacing:.08em}.americano-match-top strong{font-size:10px;color:var(--muted)}.americano-match-card.is-scored .americano-match-top strong{color:#dca35f}
.americano-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:78px}.americano-team{display:flex;flex-direction:column;gap:8px}.americano-team--right{text-align:right}.americano-team span{font-size:13px;line-height:1.5;font-weight:800}.americano-team strong{font-size:27px;line-height:1;color:var(--accent)}.americano-vs{font-size:10px;color:#647785;font-weight:900}.americano-team-plus{color:#667a89;font-weight:500}
.americano-score-button,.americano-score-edit{width:100%;margin-top:11px;border-radius:12px;padding:10px;font-weight:900;font-size:12px}.americano-score-button{border:0;background:var(--hub-orange);color:#161007}.americano-score-edit{border:1px solid #3d5366;background:#0c1721;color:var(--text)}
.americano-round-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.americano-round-actions .americano-main-button{width:auto;min-width:190px}.americano-live-helper{text-align:right;margin:7px 2px 0;color:#718491;font-size:11px}
.americano-schedule-list{display:grid;gap:10px}.americano-schedule-round{padding:15px}.americano-schedule-round.is-current{border-color:rgba(250,138,2,.45);box-shadow:inset 3px 0 0 var(--accent)}
.americano-schedule-round-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.americano-schedule-round-head>div{display:flex;align-items:center;gap:10px}.americano-schedule-round-head span{color:var(--accent);font-weight:950;font-size:11px}.americano-schedule-round-head strong{font-size:10px;color:var(--muted);padding:4px 7px;border-radius:99px;background:#0b1720}.americano-schedule-round-head button{border:1px solid #33495c;background:#0c1721;color:var(--text);border-radius:9px;padding:7px 9px;font-weight:800;font-size:10px}
.americano-schedule-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.americano-schedule-matches>div{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;background:#0b1620}.americano-schedule-matches span{color:var(--muted);font-size:9px}.americano-schedule-matches strong{font-size:11px}.americano-schedule-matches em{font-style:normal;color:#667987;font-size:9px}.americano-schedule-matches b{color:var(--accent);font-size:12px}.americano-schedule-round>p{margin:9px 0 0;color:var(--muted);font-size:10px}
.americano-winner-card{text-align:center;padding:22px 15px;margin-bottom:12px;border-radius:20px;border:1px solid rgba(250,138,2,.35);background:radial-gradient(circle at 50% 0,rgba(250,138,2,.16),transparent 55%),#0e1b26}.americano-winner-card span,.americano-winner-card strong,.americano-winner-card small{display:block}.americano-winner-card span{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.12em}.americano-winner-card strong{font-size:29px;margin:6px 0 2px}.americano-winner-card small{color:var(--muted)}
.americano-standings-card{overflow:hidden}.americano-standing-row{display:grid;grid-template-columns:34px minmax(130px,1fr) 66px 46px 60px 60px;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-top:1px solid var(--line);font-size:12px}.americano-standing-row:first-child{border-top:0}.americano-standing-row>span:not(:nth-child(2)),.americano-standing-row>strong:not(:nth-child(2)){text-align:right}.americano-standing-row>span:first-child{text-align:left;color:#758795}.americano-standing-row>strong:nth-child(2){font-size:13px}.americano-standing-row>strong:nth-child(5){color:var(--accent);font-size:14px}.americano-standing-head{min-height:36px;background:#0b1720;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.americano-standings-note{margin:9px 3px 0;color:#718491;font-size:10px;line-height:1.45}
.americano-modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.74);display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
.americano-score-modal{position:relative;width:min(520px,100%);border:1px solid #3a5062;border-radius:22px;background:linear-gradient(180deg,#142432,#0b1720);box-shadow:0 32px 90px rgba(0,0,0,.55);padding:22px}.americano-score-modal h3{font-size:25px;margin:5px 0 18px}.americano-modal-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:var(--muted);font-size:27px;line-height:1}.americano-score-entry{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;margin-bottom:14px}.americano-score-entry label{display:flex;flex-direction:column;gap:9px}.americano-score-entry label span{text-align:center;min-height:38px;font-size:12px;font-weight:800;line-height:1.45}.americano-score-entry>strong{padding-bottom:17px;color:var(--muted)}.americano-score-entry input{width:100%;text-align:center;font-size:31px;font-weight:950;color:var(--text);background:#09131c;border:1px solid #32495b;border-radius:14px;padding:10px;outline:none}.americano-score-entry input:focus{border-color:var(--accent)}.americano-link-button{display:block;margin:10px auto 0;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800}
.americano-score-helper{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}
@media(max-width:720px){
  .hub-mode-nav{margin:12px auto 14px;top:max(6px,env(safe-area-inset-top));border-radius:16px}.hub-mode-button{min-height:44px;font-size:13px}
  .americano-view{margin:0 -4px 22px;padding:10px;border-radius:20px}.americano-toolbar{align-items:flex-start;padding:5px 5px 12px;gap:9px}.americano-toolbar h2{font-size:24px}.americano-toolbar p{font-size:12px}.americano-toolbar-action{font-size:11px;padding:8px 10px}
  .americano-setup-card{padding:15px}.americano-card-head{margin-bottom:15px}.americano-card-head h3{font-size:20px}.americano-card-head p{font-size:12px}.americano-config-grid{grid-template-columns:1fr}.americano-court-name-inputs{grid-template-columns:1fr}.americano-plan-stats{grid-template-columns:repeat(2,1fr);gap:9px 14px}.americano-player-inputs{grid-template-columns:1fr}.americano-form-actions{grid-template-columns:1fr}.americano-resume-card{align-items:stretch;flex-direction:column}.americano-resume-card .americano-main-button{width:100%}
  .americano-tournament-header{padding:14px;align-items:flex-start}.americano-tournament-header h3{font-size:20px}.americano-tournament-header p{font-size:11px}.americano-tournament-progress strong{font-size:18px}
  .americano-tabs{position:sticky;top:70px;z-index:30;background:rgba(10,20,29,.96);backdrop-filter:blur(10px)}.americano-live-matches{grid-template-columns:1fr}.americano-versus{min-height:72px}.americano-round-actions{display:grid;grid-template-columns:1fr}.americano-round-actions .americano-main-button,.americano-round-actions .americano-secondary-button{width:100%;min-width:0}.americano-live-helper{text-align:center}
  .americano-schedule-matches{grid-template-columns:1fr}.americano-schedule-matches>div{grid-template-columns:auto 1fr auto 1fr auto}.americano-standing-row{grid-template-columns:28px minmax(100px,1fr) 45px 34px 45px 45px;padding:0 8px;gap:4px;font-size:10px}.americano-standing-head{font-size:8px}.americano-standing-row>strong:nth-child(2){font-size:11px}.americano-history-row{grid-template-columns:1fr auto}.americano-history-winner{display:none}.americano-history-actions{gap:5px}.americano-history-row button{padding:7px 8px;font-size:11px}.americano-score-modal{padding:18px}.americano-score-entry label span{font-size:10px}.americano-score-entry input{font-size:27px}
}
@media(max-width:430px){.americano-toolbar{flex-direction:column}.americano-toolbar-action{width:100%}.americano-live-head strong{font-size:19px}.americano-schedule-matches>div{grid-template-columns:auto 1fr auto 1fr}.americano-schedule-matches b{grid-column:1/-1;text-align:right}.americano-standing-row{grid-template-columns:24px minmax(90px,1fr) 34px 30px 40px}.americano-standing-row>*:last-child{display:none}}

@media(max-width:520px){.americano-format-options{grid-template-columns:1fr}.americano-format-options button{min-height:58px}}

/* v5.5.67 — Americano tournament editor */
.americano-tournament-header-actions{display:flex;align-items:center;gap:12px}
.americano-edit-tournament-button{border:1px solid rgba(250,138,2,.52);background:rgba(250,138,2,.09);color:#ffc46c;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:900;white-space:nowrap}
.americano-edit-tournament-button:hover{background:rgba(250,138,2,.15)}
.americano-edit-backdrop{align-items:start;overflow:auto;padding:28px 18px}
.americano-edit-modal{position:relative;width:min(980px,100%);margin:auto;border:1px solid #3a5062;border-radius:24px;background:linear-gradient(180deg,#142432,#0b1720);box-shadow:0 32px 90px rgba(0,0,0,.58);padding:22px}
.americano-edit-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:38px}
.americano-edit-modal-head h3{font-size:28px;margin:5px 0 5px}.americano-edit-modal-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.americano-edit-name-field{display:flex;flex-direction:column;gap:7px;margin-top:20px}.americano-edit-name-field>span{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.americano-edit-name-field input,.americano-edit-name-grid input,.americano-edit-match select{width:100%;border:1px solid #32495b;background:#09131c;color:var(--text);border-radius:11px;padding:10px 11px;outline:none;font:inherit}
.americano-edit-name-field input:focus,.americano-edit-name-grid input:focus,.americano-edit-match select:focus{border-color:var(--accent)}
.americano-edit-section{margin-top:18px;padding:16px;border:1px solid rgba(56,82,104,.7);background:rgba(9,19,28,.45);border-radius:16px}
.americano-edit-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.americano-edit-section-head>div{display:flex;flex-direction:column;gap:2px}.americano-edit-section-head span{font-size:9px;color:var(--accent);font-weight:950;letter-spacing:.1em}.americano-edit-section-head strong{font-size:15px}.americano-edit-section-head small{color:var(--muted);font-size:10px;text-align:right}
.americano-edit-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.americano-edit-name-grid label{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px}.americano-edit-name-grid label>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#0b1720;color:var(--muted);font-size:10px;font-weight:900}
.americano-edit-court-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.americano-edit-schedule-section{padding-bottom:10px}.americano-edit-round{border-top:1px solid var(--line);padding:15px 0}.americano-edit-round:first-child{border-top:0;padding-top:2px}.americano-edit-round-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.americano-edit-round-head strong{font-size:14px}.americano-edit-round-head span{font-size:9px;color:var(--muted);font-weight:850}
.americano-edit-match-list{display:grid;gap:10px}.americano-edit-match{border:1px solid rgba(56,82,104,.66);background:#0b1620;border-radius:14px;padding:12px}.americano-edit-match-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.americano-edit-match-top>strong{font-size:11px;color:#dfe8ef}.americano-edit-match-top label{display:flex;align-items:center;gap:7px}.americano-edit-match-top label span{font-size:9px;color:var(--muted);font-weight:850}.americano-edit-match-top select{width:auto;min-width:120px;padding:7px 9px;font-size:11px}
.americano-edit-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.americano-edit-teams>div>span{display:block;margin-bottom:6px;font-size:9px;color:var(--muted);font-weight:900}.americano-edit-teams>em{align-self:center;font-style:normal;color:#607486;font-weight:900;font-size:10px}.americano-edit-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.americano-edit-pair b{color:var(--accent);font-size:12px}.americano-edit-pair select{font-size:11px;padding:9px 8px}
.americano-edit-score-note{display:block;margin-top:8px;color:#7f95a6;font-size:9px}.americano-edit-rest{margin:9px 0 0;color:var(--muted);font-size:10px}.americano-edit-rest span{color:var(--accent);font-weight:900}
.americano-edit-footer{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;gap:9px;margin:18px -22px -22px;padding:14px 22px;background:linear-gradient(180deg,rgba(11,23,32,.35),#0b1720 28%);border-top:1px solid rgba(56,82,104,.55);border-radius:0 0 24px 24px}
.americano-edit-footer .americano-main-button,.americano-edit-footer .americano-secondary-button{width:auto;min-width:130px}
@media(max-width:760px){
  .americano-tournament-header-actions{flex-direction:column;align-items:flex-end;gap:7px}.americano-edit-tournament-button{padding:8px 9px;font-size:10px}
  .americano-edit-backdrop{padding:10px}.americano-edit-modal{padding:16px;border-radius:18px}.americano-edit-modal-head h3{font-size:23px}.americano-edit-name-grid,.americano-edit-court-grid{grid-template-columns:1fr 1fr}.americano-edit-teams{grid-template-columns:1fr}.americano-edit-teams>em{text-align:center}.americano-edit-footer{bottom:-16px;margin:16px -16px -16px;padding:12px 16px;border-radius:0 0 18px 18px}
}
@media(max-width:520px){
  .americano-tournament-header{flex-direction:column}.americano-tournament-header-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.americano-edit-name-grid,.americano-edit-court-grid{grid-template-columns:1fr}.americano-edit-match-top{align-items:flex-start}.americano-edit-match-top label{flex-direction:column;align-items:flex-start}.americano-edit-match-top select{min-width:150px}.americano-edit-footer{display:grid;grid-template-columns:1fr 1fr}.americano-edit-footer .americano-main-button,.americano-edit-footer .americano-secondary-button{min-width:0;width:100%}
}

/* v5.5.71 — shared Americano tournaments */
.americano-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.americano-toolbar-action--secondary{border-color:#365064;background:#0d1822;color:#d8e3ea}
.americano-toolbar-action--secondary:hover{border-color:#567287;color:#fff}
.americano-header-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.americano-share-tournament-button{border-color:#365b70;background:rgba(55,103,132,.12);color:#b9d9eb}
.americano-score-readonly{padding:9px 12px;border-top:1px solid rgba(56,82,104,.55);color:#7f94a3;font-size:10px;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.americano-live-helper--viewer{margin-top:14px;padding:10px 12px;border:1px solid rgba(55,103,132,.42);border-radius:12px;background:rgba(55,103,132,.08);color:#9bb9ca;text-align:center}
.americano-browser-backdrop{align-items:flex-start;overflow:auto;padding:28px 18px}
.americano-tournament-browser{position:relative;width:min(780px,100%);margin:auto;border:1px solid #3a5062;border-radius:24px;background:linear-gradient(180deg,#142432,#0b1720);box-shadow:0 32px 90px rgba(0,0,0,.58);padding:22px}
.americano-tournament-browser h3{font-size:27px;margin:5px 0 5px}
.americano-browser-intro{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.5}
.americano-browser-list{display:grid;gap:9px}
.americano-browser-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(56,82,104,.7);border-radius:15px;background:#0b1620}
.americano-browser-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.americano-browser-row strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.americano-browser-row span,.americano-browser-row small{color:var(--muted);font-size:10px;line-height:1.4}
.americano-browser-row button{border:1px solid rgba(250,138,2,.48);background:rgba(250,138,2,.09);color:#ffc46c;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:900;white-space:nowrap}
.americano-browser-status{width:max-content;padding:3px 7px;border-radius:99px;font-size:8px!important;font-weight:950!important;letter-spacing:.08em}
.americano-browser-status.is-live{color:#8ce8b1!important;background:rgba(50,183,104,.12);border:1px solid rgba(50,183,104,.35)}
.americano-browser-status.is-finished{color:#9fb0bd!important;background:rgba(130,150,165,.10);border:1px solid rgba(130,150,165,.28)}
.americano-browser-loading,.americano-browser-empty{padding:20px;border:1px dashed #314657;border-radius:14px;color:var(--muted);text-align:center;font-size:12px}
@media(max-width:720px){
  .americano-toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .americano-toolbar-actions .americano-toolbar-action{width:100%}
  .americano-header-buttons{justify-content:flex-start}
  .americano-browser-backdrop{padding:10px}.americano-tournament-browser{padding:17px;border-radius:18px}.americano-tournament-browser h3{font-size:23px}
}
@media(max-width:520px){
  .americano-toolbar-actions{grid-template-columns:1fr}
  .americano-tournament-header-actions{align-items:flex-start;flex-direction:column}.americano-header-buttons{width:100%}.americano-header-buttons button{flex:1}
  .americano-browser-row{grid-template-columns:1fr}.americano-browser-row button{width:100%}
}


/* v5.5.72 — creator identity + multi-admin Americano access */
.americano-created-by{margin-top:5px!important;color:#9fb0bd!important;font-size:10px!important}
.americano-created-by strong{color:#dce7ee}
.americano-admin-manager{max-width:620px}
.americano-admin-list{display:grid;gap:8px;margin:14px 0}
.americano-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(56,82,104,.7);border-radius:12px;background:#0b1620}
.americano-admin-row>div{display:flex;flex-direction:column;gap:2px}.americano-admin-row small{color:var(--muted);font-size:10px}
.americano-admin-row button{border:1px solid rgba(225,96,96,.4);background:rgba(225,96,96,.08);color:#ffaaaa;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800}
.americano-admin-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:14px}
.americano-admin-form label{display:flex;flex-direction:column;gap:6px}.americano-admin-form label span{font-size:10px;font-weight:850;color:#b9c8d2;text-transform:uppercase;letter-spacing:.06em}
.americano-admin-form input,.americano-admin-invite input{width:100%;box-sizing:border-box;border:1px solid #314657;background:#07111a;color:#f5f8fa;border-radius:10px;padding:10px 11px;font:inherit}
.americano-admin-form button,.americano-admin-invite button{border:1px solid rgba(250,138,2,.5);background:rgba(250,138,2,.12);color:#ffc46c;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:900}
.americano-admin-invite{margin-top:14px;padding:13px;border:1px solid rgba(250,138,2,.35);border-radius:13px;background:rgba(250,138,2,.05)}
.americano-admin-invite p{margin:5px 0 9px;color:var(--muted);font-size:11px;line-height:1.45}.americano-admin-invite>div{display:flex;gap:8px;margin-top:8px}
@media (max-width:620px){.americano-admin-form{grid-template-columns:1fr}.americano-admin-form button{width:100%}.americano-admin-invite>div{flex-direction:column}.americano-admin-invite button{width:100%}}

/* v5.5.73 — smart install help + creator-only tournament deletion */
.pwa-install-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,9,14,.78);backdrop-filter:blur(8px)}
.pwa-install-modal{position:relative;width:min(470px,100%);border:1px solid #3a5062;border-radius:22px;background:linear-gradient(180deg,#142432,#0b1720);box-shadow:0 28px 80px rgba(0,0,0,.58);padding:22px}
.pwa-install-modal h3{margin:5px 34px 8px 0;font-size:26px}.pwa-install-modal>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.pwa-install-modal ol{display:grid;gap:9px;margin:18px 0;padding-left:24px}.pwa-install-modal li{padding-left:4px;color:#e8eef2;font-size:13px;line-height:1.45}.pwa-install-modal li::marker{color:var(--accent);font-weight:950}
.pwa-install-close{position:absolute;top:13px;right:13px;width:34px;height:34px;border:1px solid #354b5e;border-radius:10px;background:#0b1720;color:#dfe8ef;font-size:22px;line-height:1;cursor:pointer}.pwa-install-done{width:100%}
.americano-danger-button{border:1px solid rgba(225,96,96,.52);background:rgba(225,96,96,.09);color:#ffaaaa;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:900;white-space:nowrap}.americano-danger-button:hover{background:rgba(225,96,96,.16)}
.americano-edit-footer-spacer{flex:1 1 auto}
@media(max-width:520px){.pwa-install-modal{padding:18px;border-radius:18px}.pwa-install-modal h3{font-size:23px}.americano-edit-footer-spacer{display:none}.americano-edit-footer .americano-danger-button{grid-column:1/-1;width:100%}}

/* v5.5.74 — iPhone/WebKit date input overflow fix */
@supports (-webkit-touch-callout:none){
  .control,
  .watch-field,
  .watch-date-field{
    min-width:0;
  }

  input[type="date"]{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
  }

  input[type="date"]::-webkit-date-and-time-value{
    min-width:0;
    text-align:left;
  }
}

/* v5.5.75 — court type filters */
@media(max-width:900px){
  .search-card .control select#courtType{width:100%}
}
@media(max-width:720px){
  .watch-grid .watch-court-type-field{grid-column:1/-1}
}