/* ============================================================================
   LTAT Tour Website — design system v2 (BOLD / badmintoneurope-inspired)
   Aggressive, full-bleed, big type. Navy + royal gold + green. Poppins/Sarabun.
   Fonts + FA4 @font-face are declared INLINE in the layout (absolute base_url).
   ========================================================================== */

:root{
  --navy:#0e2c5c; --navy-700:#12356b; --navy-800:#0b2349; --navy-900:#071730;
  --gold:#f5b21e; --gold-600:#e0a015; --gold-050:#fff7e6;
  --green:#2fa24d; --green-600:#268a41;
  --ink:#17233c; --muted:#5e6e82; --line:#e4e9f2;
  --bg:#ffffff; --bg-alt:#eef3fb;
  --fb:#1877f2; --yt:#ff0000; --line-green:#06c755; --ig:#e1306c;
  --font:'Poppins','Sarabun',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shadow:0 18px 50px rgba(8,23,48,.18); --shadow-sm:0 6px 20px rgba(8,23,48,.10);
  --radius:16px; --nav-h:76px; --maxw:1240px;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden;}
body{font-family:var(--font);--bs-body-font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;}
a{text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.4rem;}
.eyebrow{color:var(--gold-600);font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;}
.section{padding:4.5rem 0;}
.section-alt{background:var(--bg-alt);}
.section-navy{background:var(--navy-900);color:#fff;}
.h-sec{font-weight:900;font-size:clamp(1.7rem,3.6vw,2.7rem);letter-spacing:-.5px;line-height:1.02;}
.h-sec.center{text-align:center}

/* ---- FA4 icons (font declared inline in layout; here: base + codepoints) ---- */
.fa{display:inline-block;font:normal normal normal 14px/1 'FA4'!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;}
.fa::before{font-family:'FA4';}
.fa-phone::before{content:'\f095'} .fa-external-link::before{content:'\f08e'}
.fa-calendar::before{content:'\f073'} .fa-list-ol::before{content:'\f0cb'}
.fa-trophy::before{content:'\f091'} .fa-flag::before{content:'\f024'}
.fa-book::before{content:'\f02d'} .fa-calendar-check-o::before{content:'\f274'}
.fa-id-card-o::before{content:'\f2c3'} .fa-building-o::before{content:'\f0f7'}
.fa-file-text-o::before{content:'\f0f6'} .fa-graduation-cap::before{content:'\f19d'}
.fa-users::before{content:'\f0c0'} .fa-map-marker::before{content:'\f041'}
.fa-info-circle::before{content:'\f05a'} .fa-user::before{content:'\f007'}
.fa-user-circle::before{content:'\f2bd'} .fa-child::before{content:'\f1ae'}
.fa-arrow-right::before{content:'\f061'} .fa-bars::before{content:'\f0c9'}
.fa-envelope::before{content:'\f0e0'} .fa-facebook::before{content:'\f09a'}
.fa-youtube-play::before{content:'\f16a'} .fa-comment::before{content:'\f075'}
.fa-instagram::before{content:'\f16d'} .fa-search::before{content:'\f002'}
.fa-android::before{content:'\f17b'} .fa-apple::before{content:'\f179'}
.fa-angle-down::before{content:'\f107'} .fa-play::before{content:'\f04b'}
.fa-chevron-right::before{content:'\f054'} .fa-long-arrow-right::before{content:'\f178'}
.fa-filter::before{content:'\f0b0'} .fa-times::before{content:'\f00d'} .fa-sliders::before{content:'\f1de'} .fa-map-marker-alt::before{content:'\f041'}
.fa-sitemap::before{content:'\f0e8'} .fa-clock-o::before{content:'\f017'} .fa-list-alt::before{content:'\f022'} .fa-angle-up::before{content:'\f106'}
.fa-arrow-up::before{content:'\f062'} .fa-arrow-down::before{content:'\f063'} .fa-minus::before{content:'\f068'} .fa-trophy::before{content:'\f091'} .fa-birthday-cake::before{content:'\f1fd'} .fa-hand-paper-o::before{content:'\f256'}

/* ---- buttons ---- */
.btn-gold,.btn-navy,.btn-ghost,.btn-white{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;
  border-radius:12px;padding:.9rem 1.7rem;font-size:1rem;border:none;cursor:pointer;transition:.16s;letter-spacing:.01em;}
.btn-gold{background:var(--gold);color:var(--navy-900);white-space:nowrap;} .btn-gold:hover{background:var(--gold-600);transform:translateY(-2px);color:var(--navy-900);}
.nav-actions .btn-gold{display:inline-flex;align-items:center;gap:.4rem;}
.btn-navy{background:var(--navy);color:#fff;} .btn-navy:hover{background:var(--navy-700);transform:translateY(-2px);color:#fff;}
.btn-white{background:#fff;color:var(--navy);} .btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);color:var(--navy);}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.55);}
.btn-ghost:hover{background:#fff;color:var(--navy);}
.btn-lg{padding:1.05rem 2rem;font-size:1.08rem;}

/* ---- NAV (transparent over hero → solid on scroll) ---- */
.ltat-nav{position:fixed;top:0;left:0;right:0;z-index:1040;transition:background .28s ease,box-shadow .28s ease;background:transparent;}
.ltat-nav.solid{background:var(--navy-900);box-shadow:0 8px 26px rgba(0,0,0,.28);}
.ltat-nav .wrap{display:flex;align-items:center;gap:1.1rem;height:var(--nav-h);}
.nav-logo{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:900;font-size:1.15rem;letter-spacing:.02em;padding-right:.5rem;}
.nav-logo img{height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.nav-logo .sub{font-weight:600;font-size:.7rem;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;display:block;margin-top:-3px;}
.ltat-menu{display:flex;align-items:center;gap:.1rem;margin-left:auto;list-style:none;padding:0;margin-bottom:0;}
.ltat-menu>li>a{display:flex;align-items:center;gap:.3rem;white-space:nowrap;color:#fff;font-weight:700;font-size:.88rem;padding:.6rem .6rem;border-radius:9px;transition:.15s;text-transform:uppercase;letter-spacing:.02em;}
@media(max-width:1320px){.ltat-menu>li>a{padding:.6rem .45rem;font-size:.83rem;letter-spacing:0;} .ltat-nav .wrap{gap:.7rem;}}
.ltat-menu>li>a:hover{background:rgba(255,255,255,.12);}
.ltat-menu>li.has-mega>a::after{content:'\f107';font-family:'FA4';font-size:.72rem;opacity:.7;}
.nav-actions{display:flex;align-items:center;gap:.5rem;margin-left:.4rem;}
.nav-ic{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.12);font-size:1rem;}
.nav-ic:hover{background:rgba(255,255,255,.24);color:#fff;}
.nav-lang{display:inline-flex;align-items:center;gap:.35rem;color:#fff;font-weight:700;font-size:.82rem;}
.nav-lang a{color:#fff;opacity:.55;display:inline-flex;align-items:center;gap:.2rem;} .nav-lang a.on{opacity:1;}
/* single flag that swaps to the alternate language on hover */
.nav-lang-tog{position:relative;display:inline-flex;align-items:center;justify-content:center;width:27px;height:18px;cursor:pointer;}
.nav-lang-tog .fl-now,.nav-lang-tog .fl-alt{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s;}
.nav-lang-tog .fl-alt{opacity:0;}
.nav-lang-tog:hover .fl-now{opacity:0;} .nav-lang-tog:hover .fl-alt{opacity:1;}
.nav-lang-tog svg{box-shadow:0 0 0 1px rgba(255,255,255,.4);border-radius:3px;}
/* Home as a compact icon */
.nav-home>a{padding:.5rem .55rem;} .nav-home svg{display:block;}
.nav-toggle{display:none;width:44px;height:44px;border:none;background:rgba(255,255,255,.14);color:#fff;border-radius:10px;font-size:1.3rem;}

/* ---- MEGA MENU (bold) ---- */
.ltat-menu li.has-mega{position:static;}
.ltat-menu .mega{position:absolute;left:50%;transform:translateX(-50%) translateY(10px);top:calc(var(--nav-h) - 4px);
  width:min(940px,94vw);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:1.4rem;
  opacity:0;visibility:hidden;transition:.16s;}
.ltat-menu li.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:.5rem 1.6rem;}
.mega-col h6{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:.2rem .6rem .55rem;}
.mega-item{display:flex;gap:.8rem;padding:.6rem;border-radius:12px;transition:.13s;}
.mega-item:hover{background:var(--bg-alt);}
.mega-item .ic{width:40px;height:40px;flex:none;border-radius:11px;background:var(--gold-050);color:var(--gold-600);display:flex;align-items:center;justify-content:center;font-size:1.05rem;}
.mega-item>span{display:flex;flex-direction:column;min-width:0;}
.mega-item .tt{font-weight:800;font-size:.92rem;color:var(--ink);}
.mega-item .ds{font-size:.78rem;color:var(--muted);margin-top:.12rem;line-height:1.25;}
.mega-feature{grid-column:3;border-radius:14px;padding:1.2rem;min-height:170px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(160deg,#16386f,var(--navy-900));position:relative;overflow:hidden;}
.mega-feature .eyebrow{color:var(--gold);}
.mega-feature h5{font-weight:900;font-size:1.15rem;margin:.35rem 0 .7rem;line-height:1.1;}

/* ---- HERO (full-bleed image) ---- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;background:var(--navy-900);overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-position:center right;background-size:cover;background-repeat:no-repeat;}
.hero::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,23,48,.94) 0%,rgba(7,23,48,.72) 42%,rgba(7,23,48,.30) 70%,rgba(7,23,48,.55) 100%),
             linear-gradient(0deg,rgba(7,23,48,.85) 0%,transparent 40%);}
.hero .wrap{position:relative;z-index:2;padding-top:var(--nav-h);width:100%;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;margin-bottom:1rem;}
.hero-eyebrow::before{content:'';width:34px;height:2px;background:var(--gold);}
.hero h1{font-weight:900;font-size:clamp(2.6rem,6.6vw,5.2rem);line-height:.94;letter-spacing:-1.5px;margin:0 0 1.1rem;text-transform:uppercase;}
.hero h1 .hl{background:var(--gold);color:var(--navy-900);padding:.02em .28em;display:inline-block;transform:skewX(-4deg);}
.hero h1 .hl > span{display:inline-block;transform:skewX(4deg);}
.hero p.lead{color:#cdd8ec;font-size:1.12rem;max-width:560px;margin:0 0 2rem;line-height:1.5;}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;}
.hero-scroll{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.7);font-size:1.3rem;animation:bob 1.8s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* ---- hero social rail (minimal, on the image) ---- */
.hero-social{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem;}
.hero-social .vlabel{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:.3rem;}
.hero-social .rule{width:1px;height:38px;background:rgba(255,255,255,.35);}
.hero-social a{color:#fff;font-size:1.15rem;opacity:.78;transition:.15s;}
.hero-social a:hover{opacity:1;transform:translateY(-2px);}
.hero-social a.h-fb:hover{color:#4c9bff}.hero-social a.h-ig:hover{color:#ff6aa8}.hero-social a.h-yt:hover{color:#ff5a5a}.hero-social a.h-line:hover{color:#2ee98a}

/* ---- tournament cards (image + date pill) ---- */
.tcard{position:relative;border-radius:var(--radius);overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;
  color:#fff;box-shadow:var(--shadow-sm);transition:.18s;}
.tcard:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.tcard .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.4s;}
.tcard:hover .bg{transform:scale(1.06);}
.tcard::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,23,48,.92),rgba(7,23,48,.15) 60%,rgba(7,23,48,.35));}
.tcard>*{position:relative;z-index:2;}
.tcard .cat{position:absolute;top:1rem;left:1rem;background:var(--gold);color:var(--navy-900);font-weight:800;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .6rem;border-radius:6px;}
.tcard .body{padding:1.2rem;}
.tcard .date{color:var(--gold);font-weight:700;font-size:.82rem;}
.tcard h4{font-weight:800;font-size:1.12rem;margin:.25rem 0 .1rem;line-height:1.15;}
.tcard .loc{color:#c6d3ea;font-size:.85rem;}

/* ---- player spotlight ---- */
.spotlight{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden;background:var(--navy-900);color:#fff;box-shadow:var(--shadow);}
.spotlight .ph{min-height:420px;background-size:cover;background-position:center top;}
.spotlight .txt{padding:3rem;display:flex;flex-direction:column;justify-content:center;}
.spotlight h3{font-weight:900;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.02;margin:.6rem 0 1rem;}
.spotlight p{color:#c6d3ea;line-height:1.6;margin-bottom:1.6rem;}

/* ---- rankings snapshot ---- */
/* Homepage top-5 panel: Men's / Women's tabs + the ranking week they belong to. */
.rank-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem;}
.rank-tabs{display:inline-flex;gap:.3rem;background:var(--bg-alt);padding:.25rem;border-radius:999px;}
.rank-tabs button{border:none;background:transparent;padding:.42rem 1.1rem;border-radius:999px;font-weight:800;font-size:.86rem;color:var(--ink);cursor:pointer;transition:.14s;}
.rank-tabs button:hover{color:var(--navy);}
.rank-tabs button.on{background:var(--navy);color:#fff;}
.rank-week{display:inline-flex;align-items:baseline;gap:.35rem;font-size:.82rem;color:var(--ink);}
.rank-week b{color:var(--navy);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;}
.rank-none{padding:1.1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted,#6b7280);font-size:.9rem;text-align:center;}
/* ATP / WTA / ITF chip — a pro-tour player shows a world ranking, not national points. */
.rank-tier{display:inline-block;margin-left:.4rem;padding:.06rem .36rem;border-radius:4px;background:var(--navy);color:#fff;
  font-size:.62rem;font-weight:800;letter-spacing:.05em;vertical-align:.1em;}
.rank-row{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:12px;background:#fff;border:1px solid var(--line);margin-bottom:.6rem;transition:.14s;}
.rank-row:hover{border-color:var(--gold);transform:translateX(4px);}
.rank-row .pos{font-weight:900;font-size:1.2rem;color:var(--navy);width:34px;}
.rank-row .nm{font-weight:700;}
.rank-row .pts{margin-left:auto;font-weight:800;color:var(--gold-600);}

/* ---- CTA band ---- */
.cta-band{background:linear-gradient(120deg,var(--navy),var(--navy-900));color:#fff;border-radius:20px;padding:2.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.cta-band h3{font-weight:900;font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0;}

/* ---- partners strip (compact, distinct from new.ltat) ---- */
.partners{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;}
.partners .row-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.4rem;}
.partners img{height:34px;filter:grayscale(1) brightness(0) invert(1);opacity:.6;transition:.2s;}
.partners img:hover{filter:none;opacity:1;}

/* ---- footer ---- */
.ltat-footer{background:var(--navy-900);color:#aebbd4;padding:3.2rem 0 1.3rem;}
.ltat-footer h6{color:var(--gold);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;}
.ltat-footer a{color:#aebbd4;display:block;padding:.28rem 0;transition:.15s;} .ltat-footer a:hover{color:#fff;}
.ltat-footer .brand-line{color:#fff;font-weight:900;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;}
.ltat-footer .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.1rem;font-size:.82rem;color:#7d8cab;}

/* ---- mobile offcanvas menu list ---- */
.m-menu{list-style:none;padding:0;margin:0;}
.m-menu>li>a{display:flex;justify-content:space-between;align-items:center;padding:.9rem .25rem;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700;text-transform:uppercase;font-size:.9rem;}

/* ---- tournament calendar page ---- */
.cal-head{position:relative;overflow:hidden;background:linear-gradient(120deg,#123a7a 0%,var(--navy) 45%,var(--navy-900) 100%);color:#fff;padding:2.8rem 0 1.8rem;}
.cal-head>*{position:relative;z-index:1;}
/* diagonal glossy sheen (à la badmintoneurope) + soft glows */
.cal-head::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(112deg,transparent 41%,rgba(120,170,255,.20) 47%,rgba(228,240,255,.55) 50.2%,rgba(120,170,255,.18) 54%,transparent 63%),
    radial-gradient(760px 340px at 10% -34%,rgba(74,126,224,.45),transparent 72%),
    radial-gradient(520px 280px at 98% 128%,rgba(245,178,30,.12),transparent 70%);}
.cal-head h1{font-weight:900;font-size:clamp(1.9rem,4vw,2.9rem);text-transform:uppercase;letter-spacing:-.6px;margin:.4rem 0 0;}
/* year quick-jump (our 2016–2026 advantage) */
.cal-years{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1.1rem;}
.cal-years a{padding:.32rem .72rem;border-radius:8px;font-weight:700;font-size:.8rem;color:#cdd8ec;background:rgba(255,255,255,.10);transition:.14s;}
.cal-years a:hover{background:rgba(255,255,255,.22);color:#fff;} .cal-years a.on{background:var(--gold);color:var(--navy-900);font-weight:800;}
/* BE-style white control bar: ‹ prevYr · months · nextYr › */
.cal-bar{display:flex;align-items:center;gap:.25rem;background:#fff;border-radius:14px;box-shadow:0 12px 34px rgba(7,23,48,.30);padding:.4rem;margin-top:1rem;flex-wrap:wrap;}
.cal-yrnav{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:9px;font-weight:800;font-size:.95rem;color:var(--navy);white-space:nowrap;transition:.13s;}
.cal-yrnav:hover{background:var(--bg-alt);color:var(--navy);} .cal-yrnav.disabled{opacity:.3;pointer-events:none;}
.cal-months{display:flex;gap:.1rem;flex-wrap:wrap;flex:1 1 auto;justify-content:center;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 .25rem;}
.cal-months a{padding:.5rem .78rem;border-radius:9px;font-size:.95rem;font-weight:700;color:var(--muted);transition:.13s;} /* +2pt (owner) */
.cal-months a:hover{background:var(--bg-alt);color:var(--navy);} .cal-months a.on{background:var(--navy);color:#fff;}
.cal-months a.empty{opacity:.32;pointer-events:none;}
.cal-month-h{font-weight:900;font-size:1.35rem;color:var(--navy);border-bottom:3px solid var(--gold);display:inline-block;padding-bottom:.25rem;margin:2.2rem 0 1.3rem;scroll-margin-top:calc(var(--nav-h) + 10px);}
/* Grade cards — Option B: deep court glow + gold shiny border (owner-approved) */
.cal-card.g1{--gc:#33ad63;--gcd:#12662f} .cal-card.g2{--gc:#d8be6b;--gcd:#8a7124} .cal-card.g3{--gc:#835fd8;--gcd:#3f2b7e}
.cal-card.g4{--gc:#e2a021;--gcd:#946108} .cal-card.g5{--gc:#49a6ea;--gcd:#175f9b} .cal-card.g0{--gc:#5e7699;--gcd:#2b3d59}
.cal-card{position:relative;height:100%;min-height:200px;border-radius:16px;overflow:hidden;padding:1.2rem 1.2rem 1.55rem;
  display:flex;flex-direction:column;background:#1c4576;color:#fff;--gc:#33ad63;transition:transform .16s,box-shadow .16s;
  box-shadow:0 0 0 1.5px rgba(245,178,30,.55),0 0 16px rgba(245,178,30,.22),0 14px 30px rgba(8,23,48,.24);}
.cal-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1.6px rgba(245,178,30,.95),0 0 30px rgba(245,178,30,.5),0 20px 44px rgba(8,23,48,.34);}
.cal-card .pw{position:absolute;inset:0;z-index:0;background-size:cover;background-position:top center;opacity:.34;}
.cal-card::before{content:"";position:absolute;z-index:1;top:-42%;right:-28%;width:80%;height:128%;background:radial-gradient(circle,var(--gc),transparent 62%);opacity:.48;mix-blend-mode:screen;}
.cal-card .court{position:absolute;inset:0;z-index:1;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 44px,#fff 44px 46px),repeating-linear-gradient(0deg,transparent 0 34px,#fff 34px 35px);}
.cal-card .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(11,28,56,.90) 4%,rgba(15,36,68,.5) 46%,rgba(28,69,118,.05) 100%);}
.cal-card>*{position:relative;z-index:2;}
/* grade colour strip along the bottom — strong per-grade distinction (owner/BOD) */
.cal-card .gstrip{position:absolute;left:0;right:0;bottom:0;height:15px;z-index:3;background:linear-gradient(90deg,var(--gcd),var(--gc) 52%,var(--gcd));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.42),0 -3px 10px rgba(0,0,0,.22);}
.cal-card .top{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;min-height:26px;padding-right:3.4rem;}
/* scan-to-open-factsheet QR (client-generated) */
.cal-qr{position:absolute;top:.7rem;right:.7rem;z-index:4;width:50px;height:50px;background:#fff;border-radius:8px;padding:3px;box-shadow:0 3px 10px rgba(0,0,0,.32);}
.cal-qr canvas{display:block;width:100%!important;height:100%!important;border-radius:3px;}
.cal-body{margin-top:auto;}
.cal-grade{background:var(--gc);color:#08152b;font-weight:800;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .62rem;border-radius:6px;}
.cal-status{font-weight:800;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .58rem;border-radius:6px;white-space:nowrap;background:rgba(255,255,255,.16);color:#fff;}
.st-enter{background:rgba(28,116,56,.78);color:#e8fff1;} .st-live{background:rgba(190,135,15,.8);color:#fff6e2;}
.st-closed{background:rgba(14,32,58,.72);color:#c2cfe6;} .st-done{background:rgba(13,29,54,.66);color:#aab6cf;}
.st-cancelled{background:rgba(170,42,41,.8);color:#ffe2e2;} .st-postponed{background:rgba(168,110,12,.78);color:#ffedcd;} .st-toopen{background:rgba(26,86,160,.78);color:#dcecfb;}
.cal-card h4{font-weight:800;font-size:1.02rem;margin:0 0 .55rem;line-height:1.22;}
.cal-card h4 a{color:#fff;} .cal-card h4 a:hover{color:var(--gc);}
.cal-meta{display:flex;flex-direction:column;gap:.3rem;color:#c6d3ea;font-size:.85rem;}
.cal-meta .dt{color:var(--gc);font-weight:700;} .cal-meta i{width:16px;color:var(--gc);}
/* Week Of (Monday) — the identifier a tournament is known by, so it leads the meta block. */
.cal-meta .wk{display:inline-flex;align-items:baseline;gap:.4rem;align-self:flex-start;background:rgba(245,178,30,.14);
  border:1px solid rgba(245,178,30,.42);border-radius:6px;padding:.16rem .5rem;color:#fff;font-weight:700;letter-spacing:.01em;}
.cal-meta .wk b{color:var(--gold);font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;}
.cal-card.hide{display:none;}

/* Filter: open button + right panel + applied chips */
.cal-filterbtn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--navy-900);font-weight:800;border:none;border-radius:9px;padding:.6rem 1.1rem;cursor:pointer;transition:.14s;}
.cal-filterbtn:hover{background:var(--gold-600);transform:translateY(-1px);}
.fpanel{width:min(400px,92vw);}
.fpanel .offcanvas-header{border-bottom:1px solid var(--line);}
.fpanel h5{font-weight:800;color:var(--navy);}
.f-group{margin-bottom:1.15rem;}
.f-group>label{display:block;font-weight:800;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;}
.f-group select,.f-group input[type=text]{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 .8rem;font-family:var(--font);font-size:.92rem;color:var(--ink);background:#fff;}
.f-group select:focus,.f-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,178,30,.15);}
.age-box{position:relative;}
.age-sugg{position:absolute;left:0;right:0;top:48px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:210px;overflow:auto;z-index:5;display:none;}
.age-sugg button{display:block;width:100%;text-align:left;background:none;border:none;padding:.55rem .8rem;font-size:.9rem;color:var(--ink);cursor:pointer;}
.age-sugg button:hover{background:var(--bg-alt);}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;}
.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-alt);color:var(--navy);font-weight:700;font-size:.82rem;padding:.32rem .3rem .32rem .6rem;border-radius:6px;}
.chip b{font-weight:800;} .chip .x{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:5px;background:rgba(14,44,92,.12);cursor:pointer;font-size:.7rem;}
.chip .x:hover{background:var(--gold);color:var(--navy-900);}
.applied{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1.4rem;}
.applied .lbl{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.f-count{font-weight:700;color:var(--muted);font-size:.85rem;margin-left:auto;}
.fpanel .foot{display:flex;gap:.6rem;padding-top:.4rem;border-top:1px solid var(--line);}
.fpanel .foot .apply{flex:1;background:var(--navy);color:#fff;font-weight:800;border:none;border-radius:9px;padding:.8rem;cursor:pointer;}
.fpanel .foot .apply:hover{background:var(--navy-700);} .fpanel .foot .clear{background:#fff;border:1px solid var(--line);border-radius:9px;padding:.8rem 1.1rem;font-weight:700;color:var(--muted);cursor:pointer;}
.cal-empty{text-align:center;color:var(--muted);padding:3rem 0;}

/* tournament factsheet / hub */
.fs-head{position:relative;overflow:hidden;background:linear-gradient(120deg,#123a7a,var(--navy-900));color:#fff;padding:2.2rem 0 0;}
.fs-head>*{position:relative;z-index:1;}
.fs-head::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(120,170,255,.18) 48%,rgba(226,239,255,.5) 50.2%,rgba(120,170,255,.16) 54%,transparent 63%),radial-gradient(700px 320px at 10% -34%,rgba(74,126,224,.4),transparent 72%);}
.fs-head .gback{color:#aecaf0;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;}
.fs-head h1{font-weight:900;font-size:clamp(1.5rem,3.2vw,2.3rem);margin:.6rem 0 .6rem;line-height:1.06;}
.fs-badges{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:#c6d3ea;font-weight:600;font-size:.92rem;padding-bottom:1.1rem;}
.fs-badges .gb{background:var(--gold);color:var(--navy-900);font-weight:800;padding:.28rem .6rem;border-radius:6px;font-size:.76rem;text-transform:uppercase;}
.fs-badges i{color:var(--gold);margin-right:.25rem;}
/* Week Of badge — matches the calendar card so the tournament reads the same in both places. */
.fs-badges .wkb{display:inline-flex;align-items:baseline;gap:.4rem;background:rgba(245,178,30,.16);
  border:1px solid rgba(245,178,30,.45);border-radius:6px;padding:.2rem .58rem;color:#fff;font-weight:700;}
.fs-badges .wkb b{color:var(--gold);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.fs-tabs{border-bottom:none;gap:.3rem;}
.fs-tabs .nav-link{color:#cdd8ec;font-weight:700;border:none;border-radius:9px 9px 0 0;padding:.72rem 1.15rem;background:rgba(255,255,255,.08);}
.fs-tabs .nav-link:hover{color:#fff;background:rgba(255,255,255,.16);}
.fs-tabs .nav-link.active{background:#fff;color:var(--navy);}
.fs-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:1.2rem;box-shadow:var(--shadow-sm);}
.fs-cardhead{background:var(--bg-alt);padding:.9rem 1.2rem;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:.55rem;}
.fs-cardhead i{color:var(--gold-600);}
.fs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:.6rem 1.2rem 1rem;}
.fs-grid .row2{display:flex;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.92rem;align-items:baseline;}
.fs-grid .row2 .k{color:var(--muted);font-weight:600;min-width:120px;flex:none;}
.fs-grid .row2 .v{color:var(--ink);font-weight:600;word-break:break-word;}
.fs-timeline .tl{position:relative;padding:0 0 1.25rem 0;}
.fs-timeline .tl::before{content:'';position:absolute;left:-1.55rem;top:2px;width:13px;height:13px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-050);}
.fs-timeline .tl::after{content:'';position:absolute;left:-1.06rem;top:15px;bottom:-6px;width:2px;background:var(--line);}
.fs-timeline .tl:last-child::after{display:none;}
.fs-timeline .tl .lab{font-weight:800;color:var(--navy);font-size:.9rem;}
.fs-timeline .tl .dt{color:var(--muted);font-size:.86rem;}
.acc-cat{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:1rem;background:#fff;}
.acc-cat>summary{list-style:none;cursor:pointer;padding:.9rem 1.2rem;font-weight:800;color:var(--navy);background:var(--bg-alt);display:flex;justify-content:space-between;align-items:center;}
.acc-cat>summary::-webkit-details-marker{display:none;}
.acc-cat>summary::after{content:'\f107';font-family:'FA4';color:var(--muted);}
.acc-cat[open]>summary::after{content:'\f106';}
.acc-cat .cnt{font-weight:700;color:var(--muted);font-size:.82rem;margin-left:auto;margin-right:.8rem;}
.acc-table{width:100%;border-collapse:collapse;font-size:.9rem;}
.acc-table th{color:var(--muted);text-align:left;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.6rem 1.1rem;border-bottom:1px solid var(--line);}
.acc-table td{padding:.55rem 1.1rem;border-bottom:1px solid var(--line);color:var(--ink);}
.acc-table tr:last-child td{border-bottom:none;}
.acc-table .pos{color:var(--navy);font-weight:800;width:44px;}
.acc-table .nm{font-weight:700;}
.acc-wd{color:var(--muted);} .acc-wd .nm{text-decoration:line-through;}
.fs-empty{padding:2.6rem;text-align:center;color:var(--muted);}

/* ---- rankings ---- */
.rk-head{position:relative;overflow:hidden;background:linear-gradient(120deg,#123a7a,var(--navy-900));color:#fff;padding:2.2rem 0 1.4rem;}
.rk-head>*{position:relative;z-index:1;}
.rk-head::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(120,170,255,.18) 48%,rgba(226,239,255,.5) 50.2%,rgba(120,170,255,.16) 54%,transparent 63%),radial-gradient(700px 320px at 10% -34%,rgba(74,126,224,.4),transparent 72%);}
.rk-head h1{font-weight:900;font-size:clamp(1.7rem,3.6vw,2.6rem);text-transform:uppercase;letter-spacing:-.5px;margin:0;}
/* Line 1: title · gender ......... week · search */
.rk-line1{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.3rem;}
.rk-right{margin-left:auto;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;}
.rk-right select,.rk-right input{height:40px;border:none;border-radius:9px;padding:0 .8rem;font-family:var(--font);font-weight:600;font-size:.88rem;color:var(--ink);background:#fff;}
.rk-right .rk-search{position:relative;} .rk-right .rk-search i{position:absolute;left:.7rem;top:12px;color:var(--muted);} .rk-right .rk-search input{padding-left:2rem;min-width:200px;}
.rk-gender{display:inline-flex;background:rgba(255,255,255,.1);border-radius:9px;padding:.2rem;}
.rk-gender a{padding:.4rem .9rem;border-radius:7px;font-weight:800;font-size:.82rem;color:#cdd8ec;} .rk-gender a.on{background:#fff;color:var(--navy);}
/* Line 2: age categories */
.rk-cats{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem;}
.rk-cats a{padding:.4rem .85rem;border-radius:8px;font-weight:700;font-size:.84rem;color:#cdd8ec;background:rgba(255,255,255,.1);transition:.14s;white-space:nowrap;}
.rk-cats a:hover{background:rgba(255,255,255,.22);color:#fff;} .rk-cats a.on{background:var(--gold);color:var(--navy-900);font-weight:800;}
.rk-tier{display:inline-block;margin-left:.4rem;font-size:.6rem;font-weight:800;letter-spacing:.03em;line-height:1;padding:.18em .42em;border-radius:5px;vertical-align:middle;transform:translateY(-1px);color:#fff;}
.rk-tier.wtt{background:#1b9e5a;}   /* Juniors — World Tennis Tour (green) */
.rk-tier.atp{background:#1e6fd9;}   /* Men's — ATP (blue) */
.rk-tier.wta{background:#9127b5;}   /* Women's — WTA (purple) */
.rk-cats a.on .rk-tier{box-shadow:0 0 0 1.5px rgba(11,31,58,.25);}
/* list */
.rk-list{margin-top:.4rem;}
/* warm golden glow so each row lifts off the white background (accessibility) */
.rk-row{border:1.5px solid rgba(245,178,30,.5);border-radius:12px;background:#fff;margin-bottom:.7rem;overflow:hidden;transition:.16s;box-shadow:0 2px 9px rgba(245,178,30,.14);}
.rk-row:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(245,178,30,.28);}
.rk-row[open]{border-color:var(--gold);box-shadow:0 6px 22px rgba(245,178,30,.32);}
/* accordion tier glow — every row in an international category glows its tour colour (green WTT · blue ATP · purple WTA) */
.rk-row.tg-itf,.rk-row.tg-itf:hover{border-color:rgba(27,158,90,.65);box-shadow:0 0 0 1px rgba(27,158,90,.5),0 0 13px -2px rgba(27,158,90,.6);}
.rk-row.tg-atp,.rk-row.tg-atp:hover{border-color:rgba(30,111,217,.65);box-shadow:0 0 0 1px rgba(30,111,217,.5),0 0 13px -2px rgba(30,111,217,.6);}
.rk-row.tg-wta,.rk-row.tg-wta:hover{border-color:rgba(145,39,181,.65);box-shadow:0 0 0 1px rgba(145,39,181,.5),0 0 13px -2px rgba(145,39,181,.6);}
.rk-row.tg-itf[open]{border-color:#1b9e5a;box-shadow:0 0 0 1.5px rgba(27,158,90,.75),0 0 20px -2px rgba(27,158,90,.65);}
.rk-row.tg-atp[open]{border-color:#1e6fd9;box-shadow:0 0 0 1.5px rgba(30,111,217,.75),0 0 20px -2px rgba(30,111,217,.65);}
.rk-row.tg-wta[open]{border-color:#9127b5;box-shadow:0 0 0 1.5px rgba(145,39,181,.75),0 0 20px -2px rgba(145,39,181,.65);}
.rk-row>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;}
.rk-row>summary::-webkit-details-marker{display:none;}
.rk-pos{display:flex;align-items:center;justify-content:center;width:46px;flex:none;}
.rk-pos .n{font-weight:900;font-size:1.2rem;color:var(--navy);}
/* movement button (in the WTN cluster): green up / red down / gold NEW — fixed width so the column stays balanced */
.rk-mv-cell{width:3.9rem;flex:none;display:flex;align-items:center;justify-content:center;}
.rk-mv{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;flex:none;min-width:2.4rem;padding:.4rem .45rem;border-radius:7px;font-weight:800;font-size:.78rem;line-height:1;}
.rk-mv i{font-size:.7rem;}
.rk-mv.up{background:#1f9d55;color:#fff;box-shadow:0 1px 8px rgba(31,157,85,.38);}
.rk-mv.down{background:#d64545;color:#fff;box-shadow:0 1px 8px rgba(214,69,69,.38);}
.rk-mv.new{background:var(--gold);color:var(--navy-900);box-shadow:0 1px 8px rgba(245,178,30,.42);}
.rk-mv.same{background:var(--bg-alt);color:var(--muted);box-shadow:none;}
.rk-av{width:40px;height:40px;flex:none;border-radius:9px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;background-size:cover;background-position:center;cursor:pointer;transition:.14s;}
.rk-av:hover{box-shadow:0 0 0 3px var(--gold-050),0 0 0 4px var(--gold);}
/* player-photo lightbox (#6) — click a square avatar to view the pic centred */
.piclb{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(8,18,38,.82);backdrop-filter:blur(3px);padding:5vh 5vw;}
.piclb[hidden]{display:none;}
.piclb img{max-width:min(560px,92vw);max-height:88vh;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);background:#0b1f3a;}
.piclb-close{position:absolute;top:max(18px,4vh);right:max(18px,4vw);width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;}
.piclb-close:hover{background:rgba(255,255,255,.28);transform:rotate(90deg);}
/* name fills the left (ellipsizes if long); WTN badges get pushed to a RIGHT-aligned column before Born */
.rk-who{flex:1;min-width:0;overflow:hidden;} .rk-who .nm{font-weight:800;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .rk-who .nm a{color:var(--ink);} .rk-who .nm a:hover{color:var(--navy);}
/* WTN badges: right-aligned column, sitting just before the Born column */
.rk-wtn{display:inline-flex;gap:.5rem;flex:none;justify-content:flex-end;width:var(--wtnw,auto);}
.rk-who{display:flex;align-items:baseline;gap:.5rem;flex-wrap:nowrap;}
.rk-who .sub{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.02em;flex:none;white-space:nowrap;}
.rk-age{color:var(--ink);font-weight:800;font-size:.9rem;width:70px;flex:none;text-align:center;}
.rk-pts{flex:none;width:8.4rem;display:flex;align-items:center;gap:.45rem;} .rk-pts .rk-val{margin-left:auto;text-align:right;white-space:nowrap;} .rk-pts .p{font-weight:900;color:var(--gold-600);font-size:1.05rem;} .rk-pts .l{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
/* international rank shown instead of points (ATP/WTA/ITF) — coloured to match the tier glow */
.rk-pts.intl.atp .p{color:#1e6fd9;} .rk-pts.intl.wta .p{color:#9127b5;} .rk-pts.intl.itf .p{color:#1b9e5a;}
/* clickable governing-body logo → the player's ATP/WTA/World-Tennis profile */
.rk-intllogo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 4px rgba(11,31,58,.16);transition:.14s;}
.rk-intllogo:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--gold),0 3px 9px rgba(11,31,58,.28);}
.rk-intllogo img{max-width:82%;max-height:82%;object-fit:contain;display:block;}
.rk-intllogo.nolink{cursor:default;}
/* web view: extra gap between the up/down button and the Singles badge */
.rk-row>summary::after{content:'\f107';font-family:'FA4';color:var(--muted);flex:none;}
.rk-row[open]>summary::after{content:'\f106';}
.rk-bd{border-top:1px solid var(--line);background:var(--bg-alt);padding:1rem;}
/* summary strip: WTN bullets · Born · Tournaments · Total · Penalty */
.rk-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;}
.rk-stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem;font-size:.84rem;color:var(--ink);font-weight:800;}
.rk-stat b{color:var(--muted);font-weight:700;margin-right:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;}
.rk-stat.pen b{color:#b5306f;}
/* WTN Singles/Doubles badge — ITF gradient label (navy→crimson) + white value (Dev-supplied design) */
.wtn-b{display:inline-flex;align-items:stretch;border:1px solid #cfcfcf;border-radius:5px;overflow:hidden;font-weight:700;font-size:.78rem;line-height:1;box-shadow:0 1px 6px rgba(11,31,58,.14);}
.wtn-b .lab{display:inline-flex;align-items:center;gap:.4rem;color:#fff;padding:.4rem .55rem;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(90deg,#2A3A6F 0%,#E4495B 100%);}
.wtn-b .val{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;flex:none;background:#fff;color:#222;font-weight:800;padding:.4rem .2rem;white-space:nowrap;}
/* WTN "#" mark on a white chip so the ITF brand colours pop on the gradient */
.wtn-ic{display:inline-block;width:15px;height:15px;flex:none;border-radius:3px;background:#fff url('../img/brand/WTN_mark.png') center/76% no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.6);}
/* breakdown table — top-5 (counting) points shaded blue */
.rk-bdwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff;}
.rk-bdtbl{width:100%;border-collapse:collapse;font-size:.83rem;}
.rk-bdtbl th{background:var(--navy);color:#fff;font-weight:700;font-size:.66rem;text-transform:uppercase;padding:.45rem .6rem;text-align:center;white-space:nowrap;}
.rk-bdtbl th.tn{text-align:left;}
.rk-bdtbl td{padding:.45rem .6rem;border-top:1px solid var(--line);text-align:center;white-space:nowrap;}
.rk-bdtbl td.tn{text-align:left;font-weight:600;color:var(--ink);white-space:normal;min-width:180px;}
.rk-bdtbl td.wk{color:var(--muted);}
.rk-bdtbl td.pt{font-weight:800;color:var(--navy);}
.rk-bdtbl td.pn{font-weight:700;color:#b5306f;}
.rk-bdtbl tr.best{background:#e8f1fd;}
.rk-bdtbl tr.best td.pt{color:#1857a8;}
.rk-hdr{display:flex;align-items:center;gap:.9rem;padding:.4rem 1rem;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
/* mobile: rows wrap — drop the rigid desktop column widths so the name keeps its room */
@media (max-width:860px){.rk-row>summary{flex-wrap:wrap;} .rk-who{width:auto;flex:1;} .rk-wtn{margin-left:52px;order:5;width:auto!important;justify-content:flex-start;} .rk-pts{width:auto;} .rk-mv-cell{width:auto;} .rk-hdr .rk-wtn{display:none;}}
@media (max-width:640px){.rk-age{display:none;} .rk-age-h{display:none!important;} .rk-right .rk-search input{min-width:140px;} .rk-wtn{margin-left:0;}}

/* ---- player profile ---- */
.pp-head{position:relative;overflow:hidden;background:linear-gradient(120deg,#123a7a,var(--navy-900));color:#fff;padding:2.2rem 0;}
.pp-head>*{position:relative;z-index:1;}
.pp-head::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(120,170,255,.18) 48%,rgba(226,239,255,.5) 50.2%,rgba(120,170,255,.16) 54%,transparent 63%),radial-gradient(700px 320px at 10% -34%,rgba(74,126,224,.4),transparent 72%);}
.pp-top{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:.9rem;}
.pp-av{width:92px;height:92px;border-radius:50%;background:var(--gold);color:var(--navy-900);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2rem;flex:none;background-size:cover;background-position:center;border:3px solid rgba(255,255,255,.25);}
.pp-name h1{font-weight:900;font-size:clamp(1.5rem,3.4vw,2.3rem);margin:0;line-height:1.05;}
.pp-name .meta{color:#c6d3ea;font-weight:600;margin-top:.4rem;display:flex;gap:1.1rem;flex-wrap:wrap;}
.pp-name .meta i{color:var(--gold);margin-right:.25rem;}
.pp-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.2rem;}
.pp-cardhead{background:var(--bg-alt);padding:.9rem 1.2rem;font-weight:800;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:.55rem;}
.pp-cardhead>span:first-child{display:inline-flex;align-items:center;gap:.55rem;}
.pp-cardhead i{color:var(--gold-600);}
.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:.6rem 1.2rem 1rem;}
.pp-grid .row2{display:flex;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.92rem;align-items:baseline;}
.pp-grid .row2 .k{color:var(--muted);font-weight:600;min-width:120px;flex:none;} .pp-grid .row2 .v{color:var(--ink);font-weight:600;word-break:break-word;}
.pp-rank{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);}
.pp-rank:last-child{border-bottom:none;}
.pp-rank .cat{font-weight:700;color:var(--ink);flex:1;}
.pp-rank .pos{font-weight:900;color:var(--navy);font-size:1.15rem;white-space:nowrap;} .pp-rank .pos small{color:var(--muted);font-weight:600;font-size:.68rem;}
.pp-rank .pts{font-weight:800;color:var(--gold-600);min-width:84px;text-align:right;}
@media(max-width:767px){.pp-grid{grid-template-columns:1fr;}}

/* profile — best-rank highlight in the hero meta */
.pp-name .meta .pp-hi{color:var(--gold);font-weight:800;}
.pp-name .meta .pp-hi i{color:var(--gold);}

/* profile — career snapshot tiles */
.pp-snap{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:1.4rem;}
.pp-tile{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.85rem .6rem;text-align:center;backdrop-filter:blur(2px);}
.pp-tile b{display:block;font-size:1.7rem;font-weight:900;line-height:1;color:#fff;}
.pp-tile b i{font-size:1rem;font-style:normal;color:var(--gold);margin-left:.05rem;}
.pp-tile b.wl em{font-style:normal;color:#7ee0a6;} .pp-tile b.wl s{text-decoration:none;color:#f2a3a3;}
.pp-tile span{display:block;margin-top:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#c6d3ea;}
.pp-tile.gold{background:linear-gradient(160deg,rgba(214,171,58,.28),rgba(214,171,58,.1));border-color:rgba(233,196,106,.5);}
.pp-tile.gold b{color:var(--gold);}
@media(max-width:640px){.pp-snap{grid-template-columns:repeat(3,1fr);} .pp-tile b{font-size:1.4rem;}}

/* profile — golden glow (accessibility, matches rankings) */
.pp-card.glow{box-shadow:0 0 0 1px rgba(214,171,58,.35),0 6px 22px -10px rgba(214,171,58,.5),var(--shadow-sm);border-color:rgba(214,171,58,.4);}
.pp-empty{padding:1.6rem 1.2rem;margin:0;color:var(--muted);font-weight:600;text-align:center;}
.pp-empty i{opacity:.35;margin-right:.4rem;}
.pp-bars{padding:1rem 1.2rem;}
.pp-note{margin:0;padding:.75rem 1.2rem 1rem;font-size:.76rem;color:var(--muted);font-weight:600;border-top:1px dashed var(--line);}
.pp-note i{color:var(--gold-600);margin-right:.3rem;}
.pp-empty.sm{padding:1rem 1.2rem;text-align:left;}

/* profile — ranking + international chips in the hero */
.pp-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;}
.pp-rkchip{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.22rem .55rem;font-size:.78rem;font-weight:600;color:#eaf1fb;text-decoration:none;}
.pp-rkchip b{font-weight:800;color:#fff;} .pp-rkchip small{color:#9fb4d6;font-weight:600;}
.pp-rkchip.intl{background:linear-gradient(160deg,rgba(214,171,58,.3),rgba(214,171,58,.12));border-color:rgba(233,196,106,.55);color:var(--gold);}
.pp-rkchip.intl b{color:var(--gold);} a.pp-rkchip.intl:hover{background:rgba(214,171,58,.4);}
.pp-rkchip.intl .fa-external-link{font-size:.62rem;opacity:.8;}

/* profile — age-category filter bar */
.pp-catbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;}
.pp-catbar button{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800;font-size:.82rem;padding:.45rem .9rem;border-radius:9px;cursor:pointer;transition:all .12s;}
.pp-catbar button:hover{border-color:var(--gold);}
.pp-catbar button.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 0 0 2px rgba(214,171,58,.35);}

/* profile — tournament history */
.pp-hist{padding:.4rem 0;}
.pp-hrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.2rem;border-bottom:1px solid var(--line);}
.pp-hrow:last-child{border-bottom:none;}
.pp-hmain{min-width:0;flex:1 1 12rem;}
.pp-hname{font-weight:800;color:var(--navy);text-decoration:none;line-height:1.2;display:block;}
.pp-hname:hover{color:var(--gold-600);text-decoration:underline;}
.pp-hmeta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.25rem;font-size:.76rem;color:var(--muted);font-weight:600;}
.pp-hmeta i{margin-right:.2rem;opacity:.7;}
.pp-hmeta .pp-grade{background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:.03rem .4rem;color:var(--navy);}
.pp-hres{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;}
.pp-ev{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);}
.pp-ev>b{font-weight:800;color:var(--navy);width:1rem;text-align:center;}
.pp-ev em{font-style:normal;font-weight:800;color:var(--gold-600);}
.pp-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.5rem;padding:0 .5rem;border-radius:7px;font-weight:800;font-size:.76rem;background:var(--bg-alt);color:var(--ink);border:1px solid var(--line);}
.pp-chip.gold{background:linear-gradient(160deg,#f4dd8e,#d6ab3a);color:#4a370a;border-color:#c99b2f;box-shadow:0 1px 4px -1px rgba(201,155,47,.6);}
.pp-chip.silver{background:linear-gradient(160deg,#eef1f5,#c3ccd8);color:#33414f;border-color:#b3bdca;}
.pp-chip.bronze{background:linear-gradient(160deg,#e8c9a6,#c9a06b);color:#5a3d1c;border-color:#c49461;}
.pp-chip.none{color:var(--muted);background:transparent;border-color:transparent;}
.pp-htot{font-weight:900;color:var(--navy);min-width:4.5rem;text-align:right;} .pp-htot small{color:var(--muted);font-weight:600;font-size:.66rem;}
.pp-hres .res-vm{white-space:nowrap;}
@media(max-width:600px){.pp-hrow{align-items:flex-start;} .pp-hres{width:100%;justify-content:space-between;}}

/* Player Profiles landing — hero + search + top-5 showcase */
.pl-head{text-align:center;}
.pl-head h1{font-weight:900;font-size:clamp(1.6rem,3.6vw,2.4rem);margin:.2rem 0 0;}
.pl-head h1 i{color:var(--gold);margin-right:.4rem;}
.pl-lead{color:#c6d3ea;font-weight:600;margin:.5rem 0 1.3rem;}
.pl-search{position:relative;max-width:560px;margin:0 auto;text-align:left;}
.pl-search>i{position:absolute;left:1.05rem;top:50%;transform:translateY(-50%);color:var(--muted);z-index:2;}
.pl-search input{width:100%;border:none;border-radius:12px;padding:1rem 1.1rem 1rem 2.7rem;font-size:1rem;font-weight:600;color:var(--ink);box-shadow:0 10px 30px -12px rgba(0,0,0,.5);outline:2px solid transparent;transition:outline-color .15s;}
.pl-search input:focus{outline-color:var(--gold);}
.pl-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:30;max-height:60vh;overflow-y:auto;}
.pl-ritem{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);}
.pl-ritem:last-child{border-bottom:none;}
.pl-ritem:hover{background:var(--bg-alt);}
.pl-rav{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex:none;background-size:cover;background-position:center;}
.pl-rnm{font-weight:700;} .pl-rnm small{color:var(--muted);font-weight:600;}
.pl-none{padding:1rem;text-align:center;color:var(--muted);font-weight:600;}

/* featured players — Top Men / Top Women, photo-forward cards (BWF-style) */
.plf-sec{margin-bottom:2.4rem;}
.plf-h{font-size:1.15rem;font-weight:900;color:var(--navy);margin:0 0 1.1rem;padding-bottom:.5rem;display:inline-block;border-bottom:3px solid var(--gold);}
.plf-h.g-m{border-bottom-color:#d8b567;} .plf-h.g-f{border-bottom-color:#b79bd8;}
.plf-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;}
.plf-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem 1rem 1.2rem;box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s,border-color .16s;}
.plf-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(214,171,58,.4),0 16px 34px -16px rgba(20,40,90,.5);border-color:rgba(214,171,58,.5);}
.plf-photowrap{position:relative;margin-bottom:.9rem;}
.plf-photo{position:relative;overflow:hidden;display:block;width:112px;height:112px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--line);}
.plf-ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#1b4a9c,var(--navy-900));color:#fff;font-weight:900;font-size:2.2rem;}
.plf-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:1;}
.plf-rank{position:absolute;right:-2px;bottom:-2px;min-width:1.7rem;height:1.7rem;padding:0 .4rem;border-radius:999px;background:linear-gradient(160deg,#f4dd8e,#d6ab3a);color:#4a370a;font-weight:900;font-size:.82rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px -1px rgba(201,155,47,.7);border:2px solid #fff;z-index: 1;}
.plf-name{font-weight:800;font-size:.98rem;line-height:1.2;color:var(--navy);}
.plf-loc{font-size:.78rem;color:var(--muted);font-weight:600;margin-top:.2rem;} .plf-loc i{opacity:.6;margin-right:.15rem;}
@media(max-width:900px){.plf-row{grid-template-columns:repeat(3,1fr);gap:.9rem;}}
@media(max-width:560px){.plf-row{grid-template-columns:repeat(2,1fr);} .plf-photo{width:92px;height:92px;} .plf-ini{font-size:1.8rem;}}

/* circuit rankings — Tennis 10s ball-colour stages + match record/win% badges */
.rk-ball{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.35rem;vertical-align:baseline;box-shadow:0 0 0 1px rgba(0,0,0,.12) inset;}
.rk-ball.red{background:#e2483d;} .rk-ball.orange{background:#f08a24;} .rk-ball.green{background:#3fae5a;}
.rk-stage{margin-top:.7rem;font-weight:700;font-size:.86rem;color:#c6d3ea;display:inline-flex;align-items:center;gap:.15rem;}
.rk-stage .rk-ball{width:.85rem;height:.85rem;} .rk-stage b{color:#fff;margin-left:.2rem;}
.t10-rec{display:inline-flex;align-items:center;gap:.12rem;font-weight:800;font-size:.82rem;background:var(--bg-alt);border:1px solid var(--line);border-radius:7px;padding:.12rem .45rem;}
.t10-rec .w{color:#2e9e57;} .t10-rec .l{color:#d0554e;} .t10-rec .sep{color:var(--muted);font-weight:600;}
.t10-win{display:inline-flex;align-items:baseline;font-weight:900;font-size:.86rem;color:var(--navy);min-width:2.6rem;justify-content:flex-end;} .t10-win small{font-size:.62rem;color:var(--muted);font-weight:700;margin-left:.05rem;}
.rk-intl{display:inline-flex;align-items:center;gap:.25rem;font-weight:800;font-size:.8rem;color:#7a5a12;background:linear-gradient(160deg,rgba(214,171,58,.28),rgba(214,171,58,.12));border:1px solid rgba(233,196,106,.55);border-radius:7px;padding:.12rem .45rem;text-decoration:none;}
.rk-intl:hover{background:rgba(214,171,58,.4);} .rk-intl i{font-size:.72rem;}

/* PTT Series — best-6 badge + series-round grid */
.ptt-b6{display:inline-flex;align-items:center;justify-content:flex-end;font-weight:900;font-size:.9rem;color:var(--navy);min-width:3rem;}
.ptt-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;margin-top:.9rem;}
.ptt-sr{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;border:1px solid var(--line);border-radius:8px;background:#fff;}
.ptt-sr b{font-size:.62rem;font-weight:800;letter-spacing:.02em;color:var(--muted);text-transform:uppercase;}
.ptt-sr i{font-style:normal;font-weight:800;font-size:.9rem;color:var(--ink);}
.ptt-sr.empty{background:var(--bg-alt);} .ptt-sr.empty i{color:var(--muted);}
.ptt-sr.best{background:#eef4ff;border-color:#b9d0f5;} .ptt-sr.best i{color:var(--navy);}
.ptt-sr.best b{color:#3f74d6;}
@media(max-width:600px){.ptt-grid{grid-template-columns:repeat(4,1fr);}}

/* auth — login / register / verify / forgot / reset */
.au-wrap{min-height:calc(100vh - 120px);display:flex;align-items:flex-start;justify-content:center;padding:2.4rem 1rem 3rem;background:linear-gradient(120deg,#123a7a,var(--navy-900));position:relative;overflow:hidden;}
.au-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 44%,rgba(120,170,255,.14) 50%,rgba(226,239,255,.4) 51.5%,transparent 60%),radial-gradient(760px 320px at 12% -30%,rgba(74,126,224,.4),transparent 72%);pointer-events:none;}
.au-card{position:relative;z-index:1;width:100%;max-width:480px;background:#fff;border-radius:18px;box-shadow:0 24px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(214,171,58,.25);overflow:hidden;}
.au-card.wide{max-width:760px;}
.au-head{text-align:center;padding:1.9rem 1.6rem 1.2rem;}
.au-head .au-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#f4dd8e,#d6ab3a);color:var(--navy-900);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 16px -6px rgba(201,155,47,.7);}
.au-head h1{font-weight:900;font-size:1.5rem;color:var(--navy);margin:.7rem 0 .15rem;}
.au-head p{color:var(--muted);font-weight:600;margin:0;font-size:.9rem;}
.au-body{padding:.4rem 1.6rem 1.8rem;}
.au-body.pad2{padding:.4rem 1.9rem 1.9rem;}
.au-field{margin-bottom:1rem;}
.au-field label{display:block;font-weight:700;font-size:.82rem;color:var(--navy);margin-bottom:.35rem;}
.au-field label .req{color:#d0554e;}
.au-input,.au-field input,.au-field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;font-size:.95rem;font-weight:600;color:var(--ink);background:#fff;outline:2px solid transparent;transition:outline-color .15s,border-color .15s;}
.au-field input:focus,.au-field select:focus{outline-color:var(--gold);border-color:var(--gold);}
.au-field .hint{font-size:.74rem;color:var(--muted);margin-top:.25rem;}
.au-field.err input,.au-field.err select{border-color:#d0554e;outline-color:#f2b6b1;}
.au-err{color:#c23b32;font-size:.76rem;font-weight:600;margin-top:.3rem;}
.au-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
.au-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;}
/* .au-pair = a SHORT field pair (First/Family name) that stays side-by-side even on a phone,
   so the form does not become one tall single-file stack. Longer fields still stack (below). */
.au-seg{display:inline-flex;background:var(--bg-alt);border-radius:10px;padding:.25rem;gap:.25rem;}
.au-seg label{margin:0;cursor:pointer;}
.au-seg input{position:absolute;opacity:0;pointer-events:none;}
.au-seg span{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:8px;font-weight:800;font-size:.85rem;color:var(--muted);}
.au-seg input:checked + span{background:var(--navy);color:#fff;}
.au-btn{width:100%;border:none;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;font-size:.98rem;padding:.85rem;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 8px 20px -10px rgba(11,31,58,.7);}
.au-btn:hover{background:#0d2a55;} .au-btn:active{transform:translateY(1px);}
.au-btn.gold{background:linear-gradient(160deg,#e9c46a,#d6ab3a);color:var(--navy-900);}
/* ===================== LOGIN TABS + QR-LOGIN ===================== */
.au-tabs{display:flex;gap:.4rem;background:var(--navy);border-radius:11px;padding:.32rem;margin-bottom:1.3rem;}
.au-tab{flex:1;border:none;background:transparent;border-radius:8px;padding:.6rem;font-weight:700;font-size:.88rem;color:rgba(255,255,255,.78);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:.15s;}
.au-tab:hover{color:#fff;background:rgba(255,255,255,.12);}
.au-tab.on{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(11,31,58,.22);}
.au-tab.on:hover{background:#fff;color:var(--navy);}
.qr-pane{text-align:center;}
.qr-lead{color:var(--navy);font-weight:700;font-size:.95rem;margin:0 0 1rem;}
.qr-box{position:relative;width:206px;height:206px;margin:0 auto 1rem;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 22px -12px rgba(11,31,58,.4);display:flex;align-items:center;justify-content:center;}
.qr-box #qrCode{transition:opacity .2s;}
.qr-box #qrCode img,.qr-box #qrCode canvas{display:block;border-radius:6px;}
.qr-expired{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:rgba(255,255,255,.93);border-radius:12px;font-weight:700;color:var(--navy);font-size:.85rem;}
.qr-expired .au-btn{width:auto;padding:.5rem .95rem;font-size:.82rem;}
.qr-timer{color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:1.1rem;}
.qr-timer b{color:var(--navy);font-variant-numeric:tabular-nums;}
.qr-steps{text-align:left;max-width:290px;margin:0 auto 1rem;padding-left:1.2rem;color:var(--ink);font-size:.84rem;line-height:1.7;}
.qr-note{font-size:.82rem;color:var(--muted);margin:0 0 .7rem;}
.qr-note a{color:var(--gold-600);font-weight:700;text-decoration:none;} .qr-note a:hover{text-decoration:underline;}
/* app-store download badges */
.app-badges{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;}
.app-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0b1f3a;color:#fff;border-radius:9px;padding:.42rem .8rem;text-decoration:none;transition:.15s;min-width:9.4rem;}
.app-badge:hover{background:#12305f;transform:translateY(-1px);}
.app-badge .ab-ic{width:22px;height:22px;flex:none;}
.app-badge .ab-tx{display:flex;flex-direction:column;line-height:1.12;text-align:left;}
.app-badge .ab-tx small{font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;opacity:.85;}
.app-badge .ab-tx b{font-size:.92rem;font-weight:700;}
/* app CTA on registration forms */
.au-appcta{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line);text-align:center;}
.au-appcta p{font-size:.84rem;color:var(--muted);font-weight:600;margin:0 0 .7rem;}

/* ===================== REGULATION / DOCUMENT VIEWER ===================== */
.reg-facts{margin-bottom:2rem;}
.reg-facts h2{color:var(--navy);font-size:1.3rem;font-weight:900;margin:0 0 .3rem;display:flex;align-items:center;gap:.5rem;}
.reg-facts h2 i{color:var(--gold-600);}
.reg-facts-note{color:var(--muted);font-size:.86rem;margin:0 0 1.1rem;}
.reg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.7rem;}
.reg-item{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:.75rem .95rem;}
.reg-k{display:block;font-weight:800;color:var(--navy);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;}
.reg-v{display:block;color:var(--ink);font-size:.9rem;line-height:1.5;}
.doc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.doc-tabs button{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:.85rem;padding:.5rem .95rem;border-radius:9px;cursor:pointer;transition:.15s;}
.doc-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.doc-pane{display:none;} .doc-pane.on{display:block;}
.doc-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem;padding-bottom:.7rem;border-bottom:2px solid var(--line);}
.doc-title{font-weight:800;color:var(--navy);font-size:1.05rem;display:inline-flex;align-items:center;gap:.5rem;}
.doc-title i{color:var(--gold-600);}
.doc-dl{display:inline-flex;align-items:center;gap:.45rem;background:var(--gold);color:var(--navy-900);font-weight:800;font-size:.85rem;padding:.5rem 1rem;border-radius:9px;text-decoration:none;transition:.15s;white-space:nowrap;}
.doc-dl:hover{background:var(--gold-600);color:var(--navy-900);transform:translateY(-1px);}
.doc-frame{width:100%;height:84vh;min-height:620px;border:1px solid var(--line);border-radius:12px;background:#f5f7fa;box-shadow:0 10px 30px -18px rgba(11,31,58,.4);}
@media(max-width:640px){.doc-frame{height:74vh;min-height:460px;}}

/* ===================== COMING-SOON / CONTENT STUB ===================== */
.cs-wrap{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center;padding:3rem 1rem 4rem;}
.cs-card{max-width:560px;text-align:center;background:#fff;border:1px solid var(--line,#e6ebf3);border-radius:18px;padding:3rem 2.4rem;box-shadow:0 24px 60px -34px rgba(11,31,58,.4);}
.cs-badge{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(150deg,#123a7a,var(--navy-900));color:#e9c46a;font-size:1.7rem;margin-bottom:1.2rem;}
.cs-card h1{color:var(--navy);font-size:1.7rem;font-weight:900;margin:0 0 .8rem;}
.cs-lead{color:var(--navy);font-weight:800;font-size:1.05rem;margin:0 0 .5rem;}
.cs-sub{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0 0 1.8rem;}
.cs-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy);color:#fff;font-weight:800;font-size:.92rem;padding:.75rem 1.4rem;border-radius:10px;text-decoration:none;transition:background .15s;}
.cs-btn:hover{background:#0d2a55;}

/* ===================== FACILITIES LISTING ===================== */
.fc-page{max-width:1080px;margin:0 auto;padding:2rem 1rem 3.5rem;}
.fc-head{text-align:center;margin-bottom:2rem;}
.fc-head h1{color:var(--navy);font-size:1.9rem;font-weight:900;margin:0 0 .5rem;}
.fc-head p{color:var(--muted);font-size:1rem;margin:0;}
.fc-cat{margin-bottom:2.2rem;}
.fc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:2px solid var(--line,#e6ebf3);padding-bottom:.6rem;margin-bottom:1rem;}
.fc-cat-head h2{color:var(--navy);font-size:1.2rem;font-weight:800;margin:0;display:flex;align-items:center;gap:.55rem;}
.fc-cat-head h2 i{color:var(--gold-600);}
.fc-count{background:var(--navy);color:#fff;font-size:.72rem;font-weight:800;border-radius:20px;padding:.12rem .6rem;min-width:1.6rem;text-align:center;}
.fc-reg{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;color:var(--gold-600);text-decoration:none;white-space:nowrap;}
.fc-reg:hover{text-decoration:underline;}
.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;}
.fc-item{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--line,#e6ebf3);border-radius:12px;padding:.85rem 1rem;transition:box-shadow .15s,transform .1s;}
.fc-item:hover{box-shadow:0 12px 26px -18px rgba(11,31,58,.5);transform:translateY(-1px);}
.fc-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:9px;background:linear-gradient(150deg,#123a7a,var(--navy-900));color:#e9c46a;font-size:1rem;}
.fc-name{color:var(--navy);font-weight:800;font-size:.92rem;line-height:1.25;}
.fc-prov{color:var(--muted);font-size:.76rem;font-weight:600;margin-top:.2rem;}
.fc-prov i{color:var(--gold-600);font-size:.7rem;}
.fc-empty{color:var(--muted);font-size:.9rem;font-style:italic;padding:.4rem 0;}

.au-alt{text-align:center;margin-top:1.1rem;font-size:.86rem;color:var(--muted);font-weight:600;}
.au-alt a{color:var(--gold-600);font-weight:800;text-decoration:none;} .au-alt a:hover{text-decoration:underline;}
.au-links{display:flex;justify-content:flex-end;margin:-.4rem 0 1rem;} .au-links a{font-size:.78rem;font-weight:700;color:var(--muted);text-decoration:none;} .au-links a:hover{color:var(--gold-600);}
.au-msg{border-radius:10px;padding:.7rem .9rem;font-weight:700;font-size:.85rem;margin-bottom:1.1rem;display:flex;align-items:center;gap:.5rem;}
.au-msg.ok{background:#e7f6ec;color:#1e7a43;border:1px solid #b6e3c6;}
.au-msg.bad{background:#fdeceb;color:#b53c33;border:1px solid #f2c3bf;}
.au-legend{font-weight:800;font-size:.82rem;color:var(--navy);margin:.6rem 0 .7rem;padding-top:1rem;border-top:1px dashed var(--line);display:flex;align-items:center;gap:.4rem;}
.au-legend i{color:var(--gold-600);}
.au-otp{width:100%;text-align:center;letter-spacing:.7rem;font-size:1.6rem;font-weight:900;padding:.7rem;font-family:inherit;}
.au-check{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--ink);font-weight:600;margin-bottom:1rem;}
.au-check input{width:1.1rem;height:1.1rem;margin-top:.1rem;flex:none;}
#parentBox{display:none;}
@media(max-width:560px){.au-row:not(.au-pair),.au-row3{grid-template-columns:1fr;}
  .au-pair{gap:.55rem;}}

/* factsheet accordions (single-open via details[name]) + 2-up acceptance + mobile */
details.fs-card>summary{cursor:pointer;list-style:none;user-select:none;}
details.fs-card>summary::-webkit-details-marker{display:none;}
details.fs-card>summary::after{content:'\f107';font-family:'FA4';margin-left:auto;color:var(--muted);}
details.fs-card[open]>summary::after{content:'\f106';}
/* acceptance: each age category = full-width accordion; body = Boys | Girls two columns */
.acc-2col{display:grid;grid-template-columns:1fr 1fr;}
.acc-col{border-right:1px solid var(--line);min-width:0;}
.acc-col:last-child{border-right:none;}
.acc-colhead{padding:.55rem 1rem;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;}
.acc-colhead.b{color:#1857a8;background:rgba(24,92,168,.07);} .acc-colhead.g{color:#b5306f;background:rgba(181,48,111,.07);}
.acc-colhead span{color:var(--muted);font-weight:700;}
.acc-none{padding:1.1rem;color:var(--muted);text-align:center;font-size:.86rem;}
/* acceptance list — Singles/Doubles toggle + age buttons + Boys|Girls tables (+WTN) */
.acl-sub{display:inline-flex;gap:.25rem;background:var(--bg-alt);padding:.28rem;border-radius:12px;margin-bottom:1rem;}
.acl-sub button{padding:.42rem 1.15rem;border:none;background:transparent;border-radius:9px;font-weight:700;font-size:.88rem;color:var(--muted);cursor:pointer;}
.acl-sub button.on{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm);}
.acl-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;}
.acl-cats button{padding:.45rem .95rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:.85rem;color:var(--ink);cursor:pointer;transition:.14s;}
.acl-cats button:hover{border-color:var(--gold);color:var(--navy);}
.acl-cats button.on{background:var(--navy);border-color:var(--navy);color:#fff;}
/* Main Draw vs Qualifying tag — only rendered when a tournament runs both. */
.acl-cats button .dwt{display:inline-block;margin-left:.35rem;padding:.05rem .38rem;border-radius:4px;
  background:var(--bg-alt);color:var(--navy);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;vertical-align:.06em;}
.acl-cats button.on .dwt{background:rgba(255,255,255,.22);color:#fff;}
.acl-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.2rem;}
.acl-2col.wd{margin-top:.2rem;}
.acl-col{min-width:0;}
.acl-colhead{font-weight:800;font-size:.86rem;margin-bottom:.55rem;padding-bottom:.4rem;border-bottom:2px solid;}
.acl-colhead.b{color:#1857a8;border-color:#1857a8;} .acl-colhead.g{color:#b5306f;border-color:#b5306f;}
.acl-tbl{width:100%;border-collapse:collapse;font-size:.82rem;}
.acl-tbl th{background:var(--bg-alt);color:var(--muted);font-weight:700;font-size:.63rem;text-transform:uppercase;letter-spacing:.01em;padding:.4rem .45rem;text-align:left;white-space:nowrap;}
.acl-tbl td{padding:.42rem .45rem;border-top:1px solid var(--line);white-space:nowrap;vertical-align:middle;}
.acl-tbl td.pos{color:var(--muted);font-weight:700;width:24px;text-align:center;}
.acl-tbl td.rk{font-weight:800;color:var(--navy);text-align:center;}
.acl-tbl td.loc{color:var(--muted);font-weight:700;font-size:.76rem;}
.acl-tbl td.wtn,.acl-tbl td.acc{color:var(--muted);text-align:center;}
/* doubles: two rows per team; # and Combined Rank centred across both */
.acl-tbl.dbl td.pos,.acl-tbl.dbl td.acc{vertical-align:middle;text-align:center;font-weight:800;color:var(--navy);}
.acl-tbl.dbl tr.dbl-top td{border-top:2px solid var(--line);}
.acl-tbl.dbl tr.dbl-bot td{border-top:none;}
@media (max-width:820px){.acl-2col{grid-template-columns:1fr;}}
@media (max-width:768px){.acc-2col{grid-template-columns:1fr;} .acc-col{border-right:none;border-bottom:1px solid var(--line);} .acc-col:last-child{border-bottom:none;}}
.acc-table .sub{color:var(--muted);font-size:.79rem;font-weight:500;}
.acc-table .sub i{color:var(--gold-600);margin-right:.2rem;}
.acc-table .rk{font-weight:800;color:var(--navy);text-align:right;white-space:nowrap;}
@media (max-width:900px){.acc-grid{grid-template-columns:1fr;}}
@media (max-width:767px){
  .fs-grid{grid-template-columns:1fr;gap:0;}
  .fs-head h1{font-size:1.4rem;}
  .fs-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .fs-tabs .nav-link{white-space:nowrap;}
  .acc-table td,.acc-table th{padding:.5rem .7rem;}
}

/* ===================== DRAWS / LEAGUES ===================== */
/* gender · type · category selector */
.drw-pick{display:flex;flex-wrap:wrap;gap:1.1rem 1.5rem;align-items:flex-start;margin-bottom:1.3rem;}
.drw-seg.grow{flex:1;min-width:220px;}
.drw-lbl{display:block;font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem;}
.drw-toggle{display:inline-flex;gap:.25rem;background:var(--bg-alt);padding:.28rem;border-radius:999px;}
.drw-t{padding:.44rem 1.2rem;border-radius:999px;font-weight:700;font-size:.86rem;color:var(--muted);text-decoration:none;transition:.14s;}
.drw-t:hover{color:var(--navy);}
.drw-t.on{background:var(--navy);color:#fff;}
.drw-cats{display:flex;flex-wrap:wrap;gap:.5rem;}
.drw-cat{padding:.44rem .9rem;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:.82rem;color:var(--ink);white-space:nowrap;transition:.14s;text-decoration:none;}
.drw-cat:hover{border-color:var(--gold);color:var(--navy);}
.drw-cat.on{background:var(--navy);border-color:var(--navy);color:#fff;}
/* Main / Qualifying / League segmented toggle */
.drw-kinds{display:inline-flex;gap:.25rem;background:var(--bg-alt);padding:.28rem;border-radius:12px;margin-bottom:1.5rem;}
.drw-kind{padding:.42rem .95rem;border-radius:9px;font-weight:700;font-size:.85rem;color:var(--muted);text-decoration:none;transition:.14s;}
.drw-kind:hover{color:var(--navy);}
.drw-kind.on{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm);}
/* windowed bracket — arrows slide a 3–4 round window; hidden columns display:none via JS */
.brk-wrap{position:relative;padding:0 46px;}
/* arrows sit UP at the round-title row, flanking the visible rounds */
.brk-arrow{position:absolute;top:-2px;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-size:1.3rem;line-height:1;cursor:pointer;z-index:2;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:.14s;}
.brk-arrow:hover{border-color:var(--gold);color:var(--gold-600);}
.brk-arrow.prev{left:0;} .brk-arrow.next{right:0;}
.brk-arrow.off{opacity:.25;pointer-events:none;}
.brk{display:flex;align-items:stretch;}
.brk-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:0 12px;}
.brk-col+.brk-col{border-left:1px dashed var(--line);}
.brk-lab{font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);text-align:center;padding:.2rem 0 .9rem;}
.brk-body{flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;}
.brk-match{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);position:relative;}
.brk-p{display:flex;align-items:center;gap:.4rem;padding:.42rem .55rem;min-height:32px;}
.brk-p+.brk-p{border-top:1px solid var(--line);}
/* first-round prefix [Prov] [Status] [Rank] — fixed widths keep rows aligned even when empty */
.brk-p .pfx{flex:none;display:flex;gap:2px;align-items:center;font-size:.64rem;font-weight:800;}
.brk-p .pfx .loc{min-width:30px;color:var(--navy);}
.brk-p .pfx .st{min-width:16px;color:#b5306f;}
.brk-p .pfx .rnk{min-width:16px;color:var(--muted);text-align:right;}
.brk-p .pn{flex:1;min-width:0;font-weight:500;font-size:.84rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}
.brk-p .pn .sd{font-style:normal;color:var(--gold-600);font-weight:800;font-size:.72rem;margin-left:.12rem;}
.brk-p .pn .tick{color:#1f9d55;font-weight:900;margin-right:.2rem;}
.brk-p .pt{color:var(--muted);font-weight:500;}
.brk-p .sc{flex:none;display:flex;gap:3px;margin-left:.35rem;}
.brk-p .sc b{position:relative;display:inline-block;width:16px;font-weight:800;color:var(--navy);font-size:.82rem;text-align:center;}
.brk-p .sc b sup{position:absolute;top:-.25em;right:-2px;font-size:.55em;font-weight:700;color:var(--muted);line-height:1;}
.brk-p.win{background:var(--gold-050);}       /* beige = boys/men */
.brk.g-f .brk-p.win{background:#f4ecfb;}      /* light lavender = girls/women */
.brk-p.win .pn{color:var(--navy);font-weight:800;}
.brk-p.bye .pn{color:var(--muted);font-style:italic;font-weight:500;}
.brk-tag{position:absolute;top:-7px;right:6px;font-size:.58rem;font-weight:800;color:#fff;background:#b5306f;padding:0 4px;border-radius:4px;letter-spacing:.02em;}
.brk-win{justify-content:center;}
.brk-champ{background:linear-gradient(135deg,var(--gold),var(--gold-600));color:var(--navy-900);border-radius:12px;padding:1.1rem .9rem;text-align:center;font-weight:900;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.45rem;}
.brk-champ i{font-size:1.5rem;}
.brk-champ .pn{font-size:.94rem;line-height:1.2;}
/* Qualifiers: a whole column of them (8 typically), so lighter and more compact than the single
   champion node of a main draw — they are going through, not winning the title. */
.brk-champ.brk-qual{padding:.6rem .7rem;gap:.3rem;background:linear-gradient(135deg,#fdf3d6,#f7e3ab);
  border:1.5px solid var(--gold-600);box-shadow:var(--shadow-sm);}
.brk-champ.brk-qual i{font-size:1rem;color:var(--gold-600);}
.brk-champ.brk-qual .pn{font-size:.86rem;font-weight:800;}
.brk-champ.brk-qual .sd{font-style:normal;color:var(--navy);font-weight:800;font-size:.72rem;}
/* leagues (round-robin) */
.lg-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem;}
.lg-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);}
.lg-ghead{background:var(--navy);color:#fff;padding:.6rem 1rem;font-weight:800;}
.lg-ghead i{color:var(--gold);margin-right:.4rem;}
.lg-stand{width:100%;border-collapse:collapse;font-size:.85rem;}
.lg-stand th{background:var(--bg-alt);color:var(--muted);font-weight:700;font-size:.7rem;text-transform:uppercase;padding:.45rem .7rem;text-align:left;}
.lg-stand td{padding:.5rem .7rem;border-top:1px solid var(--line);}
.lg-stand td.pos{font-weight:800;color:var(--navy);width:26px;}
.lg-stand td.rk{font-weight:800;color:var(--gold-600);text-align:right;}
.lg-matches{padding:.6rem;display:flex;flex-direction:column;gap:.4rem;}
.lg-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;background:var(--bg-alt);border-radius:8px;padding:.25rem .45rem;}
.lg-match .brk-p{padding:.15rem .25rem;min-height:0;background:transparent;}
.lg-match .brk-p:last-child{flex-direction:row-reverse;text-align:right;}
.lg-match .brk-p:last-child .sc{margin-left:0;margin-right:.3rem;}
.lg-vs{font-weight:800;color:var(--muted);font-size:.7rem;flex:none;text-transform:uppercase;}
/* leagues 2.0 — cross-table matrix + full standings, Table/Card modes */
.lg2-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:1.3rem;}
.lg2-tabs,.lg2-modes{display:inline-flex;gap:.4rem;}
.lg2-tab{padding:.45rem 1.1rem;border:1.5px solid var(--line);background:#fff;border-radius:9px;font-weight:700;font-size:.85rem;color:var(--navy);cursor:pointer;}
.lg2-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.lg2-mode{padding:.42rem .9rem;border:1.5px solid var(--line);background:#fff;border-radius:9px;font-weight:700;font-size:.82rem;color:var(--muted);cursor:pointer;}
.lg2-mode.on{background:var(--gold);border-color:var(--gold);color:var(--navy-900);}
.lg2-mode i{margin-right:.3rem;}
.lg2-group{margin-bottom:2rem;}
.lg2-gtitle{font-weight:800;color:var(--navy);font-size:1.05rem;margin:0 0 .8rem;}
.lg2-cols{display:grid;grid-template-columns:1fr 1.15fr;gap:1.4rem;align-items:start;}
@media (max-width:900px){.lg2-cols{grid-template-columns:1fr;}}
.lg2-cross-wrap,.lg2-stand-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch;}
.lg2-cross,.lg2-stand{width:100%;border-collapse:collapse;font-size:.82rem;}
.lg2-cross th,.lg2-stand th{background:var(--navy);color:#fff;font-weight:700;font-size:.7rem;padding:.5rem;text-align:center;white-space:nowrap;}
.lg2-cross th.ply,.lg2-stand th.ply{text-align:left;}
.lg2-cross td,.lg2-stand td{padding:.45rem .5rem;border-top:1px solid var(--line);text-align:center;white-space:nowrap;}
.lg2-cross td.pos,.lg2-stand td.pos{font-weight:800;color:var(--muted);width:26px;}
.lg2-cross td.ply,.lg2-stand td.ply{text-align:left;font-weight:600;color:var(--ink);}
.lg2-cross td.self{background:var(--bg-alt);}
.lg2-stand td.pts{font-weight:800;color:var(--gold-600);}
.lg2-loc{color:var(--muted);font-weight:600;font-size:.72rem;}
.lg2 .sd{font-style:normal;color:var(--gold-600);font-weight:800;font-size:.72rem;}
/* Seeded players read bold — the referee's separation of ranked players, made visible. */
.lg2 .sdn,.sdn{font-weight:800;color:var(--navy);}
.lg2-cross-cards,.lg2-stand-cards{display:flex;flex-direction:column;gap:.7rem;}
.lg2-pcard,.lg2-scard{border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;box-shadow:var(--shadow-sm);background:#fff;}
.lg2-phead,.lg2-shead{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink);margin-bottom:.55rem;flex-wrap:wrap;}
.lg2-phead .num,.lg2-shead .num{width:24px;height:24px;flex:none;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;}
.lg2-shead .pl{margin-left:auto;color:var(--muted);font-weight:700;font-size:.82rem;}
.lg2-pills{display:flex;flex-wrap:wrap;gap:.4rem;}
.lg2-pill{min-width:48px;text-align:center;padding:.35rem .5rem;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:.8rem;color:var(--navy);}
.lg2-pill.self{background:var(--bg-alt);border-style:dashed;}
.lg2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem;}
.lg2-stats span{background:var(--bg-alt);border-radius:8px;padding:.35rem .6rem;font-size:.8rem;color:var(--ink);}
.lg2-stats b{color:var(--muted);font-weight:700;margin-right:.3rem;}
@media (max-width:767px){
  .brk-wrap{padding:0 38px;}
  .brk-col{padding:0 7px;}
  .brk-p{gap:.3rem;padding:.4rem;}
  .brk-p .pn{font-size:.8rem;}
  .brk-p .pfx .loc{min-width:32px;}
}
/* order of play — date dropdown → court cards → ITF-style match rows (full names) */
.oop-datebar{margin-bottom:1.3rem;}
.oop-datesel{font-family:inherit;font-weight:700;font-size:.9rem;color:var(--navy);padding:.5rem 2.2rem .5rem .9rem;border:1.5px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230e2c5c' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right .85rem center;-webkit-appearance:none;appearance:none;cursor:pointer;min-width:190px;}
.oop-datesel:focus{outline:none;border-color:var(--gold);}
.oop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.2rem;align-items:start;}
.oop-court{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);}
.oop-chead{background:var(--navy);color:#fff;padding:.6rem 1rem;font-weight:800;}
.oop-chead i{color:var(--gold);margin-right:.4rem;}
.oop-rows{display:flex;flex-direction:column;}
.oop-row{padding:.6rem .85rem;border-top:1px solid var(--line);}
.oop-row:first-child{border-top:none;}
.oop-row.st{background:var(--gold-050);}
.oop-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;flex-wrap:wrap;}
.oop-ord{font-weight:800;color:#fff;background:var(--navy);font-size:.68rem;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;}
.oop-time{font-weight:700;color:var(--navy);font-size:.8rem;}
.oop-cat{font-weight:700;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;}
.oop-tag{font-weight:800;color:#fff;background:#b5306f;font-size:.62rem;border-radius:5px;padding:.05rem .35rem;}
.oop-match{display:flex;flex-direction:column;gap:.15rem;}
.oop-p{display:flex;align-items:flex-start;gap:.6rem;padding:.15rem 0;}
.oop-names{flex:1;min-width:0;display:flex;flex-direction:column;}
.oop-p .nm{font-weight:500;font-size:.88rem;color:var(--ink);line-height:1.3;}
.oop-p .nm.partner{font-weight:500;}
.oop-p .nm small{color:var(--muted);font-weight:600;font-size:.74rem;}
.oop-p .nm .tick{color:#1f9d55;font-weight:900;margin-right:.25rem;}
.oop-p.win .nm.partner{font-weight:800;}
.oop-p .sc{flex:none;display:flex;gap:3px;padding-top:.05rem;}
.oop-p .sc b{font-weight:800;color:var(--navy);font-size:.82rem;min-width:13px;text-align:center;}
.oop-p.win{background:var(--gold-050);border-radius:6px;}          /* beige = boys/men */
.oop-row.g-f .oop-p.win{background:#f4ecfb;}                       /* light lavender = girls/women */
.oop-p.win .nm{color:var(--navy);font-weight:800;}
.oop-p.bye .nm{color:var(--muted);font-style:italic;font-weight:500;}

@media (max-width:991px){
  .ltat-menu,.nav-lang{display:none;} .nav-toggle{display:inline-flex;align-items:center;justify-content:center;}
  .nav-actions{margin-left:auto;}
  .hero{min-height:90vh;} .hero p.lead{font-size:1rem;}
  .hero-social{left:.8rem;gap:.7rem;} .hero-social .vlabel{display:none;}
  .spotlight{grid-template-columns:1fr;} .spotlight .ph{min-height:260px;} .spotlight .txt{padding:2rem;}
  .cta-band{flex-direction:column;text-align:center;}
}

/* player quick-view modal (#7) */
.pv-overlay{position:fixed;inset:0;z-index:2000;background:rgba(7,23,48,.55);display:flex;align-items:center;justify-content:center;padding:1rem;}
.pv-card{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.35);position:relative;overflow:hidden;}
.pv-close{position:absolute;top:.4rem;right:.7rem;border:none;background:transparent;font-size:1.7rem;line-height:1;color:var(--muted);cursor:pointer;z-index:2;}
.pv-body{display:flex;gap:1.1rem;padding:1.6rem 1.4rem;align-items:flex-start;}
.pv-load{padding:2rem;text-align:center;color:var(--muted);width:100%;font-size:1.4rem;}
.pv-av{width:84px;height:84px;flex:none;border-radius:14px;background:var(--gold) center/cover no-repeat;color:var(--navy-900);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.7rem;}
.pv-info{min-width:0;flex:1;}
.pv-info h3{font-weight:900;color:var(--navy);font-size:1.2rem;margin:.1rem 0 .4rem;line-height:1.15;}
.pv-meta{color:var(--muted);font-weight:600;font-size:.85rem;display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;}
.pv-meta i{color:var(--gold-600);margin-right:.2rem;}
.pv-meta .dot{opacity:.5;}
.pv-ranks{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;}
.pv-rk{background:var(--bg-alt);border-radius:7px;padding:.25rem .5rem;font-size:.78rem;color:var(--ink);}
.pv-rk b{color:var(--navy);}
.pv-more{display:inline-flex;align-items:center;gap:.3rem;margin-top:.8rem;font-weight:700;color:var(--gold-600);text-decoration:none;font-size:.85rem;}
.pv-more:hover{color:var(--navy);}
/* draw avatar thumbnail + clickable name (#7) */
.brk-p .pfx .ava{flex:none;width:20px;height:20px;border-radius:50%;background:var(--navy) center/cover no-repeat;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:800;}
.brk-p .pn.ply{cursor:pointer;}
.brk-p .pn.ply:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:2px;}

/* ===================== PLAYERS STATISTICS ===================== */
.ps-list{display:flex;flex-direction:column;gap:.8rem;margin-top:1.4rem;}
.ps-card{display:flex;align-items:center;gap:1.2rem;background:#fff;border:1.5px solid rgba(245,178,30,.5);border-radius:12px;box-shadow:0 2px 9px rgba(245,178,30,.14);padding:.9rem 1.1rem;transition:.16s;}
.ps-card:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(245,178,30,.26);}
.ps-id{display:flex;align-items:center;gap:.7rem;flex:none;width:220px;min-width:220px;}
.ps-id .num{width:30px;height:30px;flex:none;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;}
.ps-who{min-width:0;}
.ps-who b{color:var(--navy);font-weight:800;font-size:.92rem;line-height:1.2;}
.ps-who b .sd{font-style:normal;color:var(--gold-600);font-size:.78rem;}
.ps-who small{color:var(--muted);font-weight:700;font-size:.76rem;}
.ps-played{display:block;color:var(--muted);font-size:.75rem;font-weight:600;margin-top:.2rem;}
.ps-bars{flex:1;min-width:0;}
.ps-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;}
.ps-metric{min-width:0;}
.ps-row{display:flex;align-items:center;gap:.5rem;}
.ps-w{color:#1f9d55;font-weight:800;font-size:.9rem;flex:none;min-width:1.7rem;text-align:right;}
.ps-l{color:#d64545;font-weight:800;font-size:.9rem;flex:none;min-width:1.7rem;}
.ps-bar{flex:1;position:relative;height:15px;border-radius:8px;background:#eceef3;overflow:hidden;min-width:80px;}
.ps-fill{position:absolute;top:0;bottom:0;}
.ps-fill.w{left:0;background:#2fbd6a;border-radius:8px 0 0 8px;}
.ps-fill.l{right:0;background:#e8556a;border-radius:0 8px 8px 0;}
.ps-lab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--navy);color:#fff;font-size:.65rem;font-weight:800;padding:.14rem .5rem;border-radius:5px;white-space:nowrap;z-index:1;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.ps-pct{display:flex;justify-content:space-between;margin-top:.28rem;font-size:.68rem;font-weight:700;}
.ps-pct .w{color:#1f9d55;} .ps-pct .l{color:#d64545;}
.ps-toggle{display:inline-flex;gap:.25rem;flex:none;background:var(--bg-alt);border-radius:8px;padding:.2rem;}
.ps-toggle button{border:none;background:transparent;color:var(--muted);font-weight:800;font-size:.78rem;padding:.35rem .55rem;border-radius:6px;cursor:pointer;min-width:1.9rem;}
.ps-toggle button:hover{color:var(--navy);}
.ps-toggle button.on{background:var(--navy);color:#fff;}
@media (max-width:860px){.ps-card{flex-wrap:wrap;} .ps-id{width:100%;min-width:0;} .ps-mode{grid-template-columns:1fr;gap:.7rem;} .ps-toggle{margin-left:auto;}}

/* ===================== RESULTS ===================== */
.res-wrap{overflow-x:auto;border:1.5px solid rgba(245,178,30,.5);border-radius:12px;box-shadow:0 2px 9px rgba(245,178,30,.14);margin-top:1.4rem;-webkit-overflow-scrolling:touch;}
.res-tbl{width:100%;border-collapse:collapse;font-size:.86rem;}
.res-tbl th{background:var(--navy);color:#fff;font-weight:700;font-size:.68rem;text-transform:uppercase;padding:.6rem .7rem;text-align:center;white-space:nowrap;}
.res-tbl th.ply,.res-tbl th.nat{text-align:left;}
.res-tbl td{padding:.55rem .7rem;border-top:1px solid var(--line);text-align:center;white-space:nowrap;}
.res-tbl tr:hover td{background:var(--gold-050);}
.res-tbl td.pos{font-weight:800;color:var(--muted);}
.res-tbl td.nat{text-align:left;font-weight:700;color:var(--muted);font-size:.8rem;}
.res-tbl td.ply{text-align:left;font-weight:700;color:var(--navy);}
.res-tbl td.st{color:var(--ink);font-weight:600;}
.res-tbl td.pt{font-weight:700;color:var(--navy);}
.res-tbl td.tot{font-weight:900;color:var(--gold-600);}
.res-vm{border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-weight:700;font-size:.76rem;padding:.3rem .7rem;border-radius:7px;cursor:pointer;transition:.14s;white-space:nowrap;}
.res-vm:hover{background:var(--navy);color:#fff;}
/* View Matches modal */
.vm-card{max-width:460px;}
.vm-head{padding:1.3rem 1.4rem .4rem;}
.vm-head h3{font-weight:900;color:var(--navy);margin:0;font-size:1.15rem;}
.vm-body{padding:.5rem 1.4rem 1.4rem;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;}
.vm-none{text-align:center;color:var(--muted);padding:1.5rem;}
.vm-match{border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem;background:#fff;}
.vm-match.won{border-color:rgba(31,157,85,.5);background:#f2fbf6;}
.vm-round{font-size:.68rem;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem;}
.vm-w{color:#1f9d55;font-weight:900;}
.vm-line{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.12rem 0;}
.vm-nm{font-weight:600;color:var(--ink);font-size:.86rem;min-width:0;}
.vm-match.won .vm-line:first-of-type .vm-nm{font-weight:800;color:var(--navy);}
.vm-sc{flex:none;display:flex;gap:3px;align-items:center;}
.vm-sc b{font-weight:800;color:var(--navy);width:15px;text-align:center;position:relative;}
.vm-sc b sup{font-size:.55em;color:var(--muted);position:absolute;top:-.2em;right:-3px;}
.vm-sc em{color:#b5306f;font-style:normal;font-weight:800;font-size:.7rem;margin-left:.2rem;}

/* signup — LTAT-ID search / auto-fill (academy, dorm, wildcard) */
.ac-search{display:flex;gap:.5rem;} .ac-search input{flex:1;}
.au-btn.ac-btn{width:auto;flex:none;padding:.7rem 1.1rem;background:var(--navy);white-space:nowrap;}
.ac-found{margin:0 0 1rem;}
.ac-idcard{background:var(--bg-alt);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.15rem;}
.ac-idcard .ac-nm{font-weight:800;color:var(--navy);} .ac-idcard .ac-th{font-weight:600;color:var(--ink);}
.ac-idcard .ac-meta{font-size:.8rem;color:var(--muted);font-weight:600;}

/* coach wizard — stepper */
.cw-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem;}
.cw-step{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.82rem;color:var(--muted);background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;}
.cw-step b{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:.75rem;}
.cw-step.on{color:#fff;background:var(--navy);border-color:var(--navy);} .cw-step.on b{background:var(--gold);color:var(--navy-900);border:none;}
.cw-step.done{color:var(--navy);border-color:rgba(214,171,58,.5);} .cw-step.done b{background:#2e9e57;color:#fff;border:none;}

/* mobile nav — Sign Up / Sign In section headers */
.mnav-sec{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);padding:.9rem 0 .2rem;border-top:1px solid rgba(255,255,255,.12);margin-top:.5rem;list-style:none;}


/* ============ HEAD TO HEAD ============ */
/* Two players, their lifetime record, and every meeting with the standing each held at the time. */
.h2h-sub{color:#c6d3ea;margin:.4rem 0 0;max-width:62ch;}
.h2h-pick{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.6rem;}
.h2h-slot{position:relative;flex:1 1 260px;min-width:0;}
.h2h-slot label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);margin-bottom:.3rem;}
.h2h-slot input[type=text]{width:100%;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:10px;font-size:.95rem;}
.h2h-slot input[type=text]:focus{outline:none;border-color:var(--gold);}
.h2h-results{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:.25rem;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:var(--shadow-sm);max-height:280px;overflow-y:auto;}
.h2h-results button{display:block;width:100%;text-align:left;padding:.6rem .8rem;border:none;background:none;cursor:pointer;font-size:.9rem;}
.h2h-results button:hover{background:var(--bg-alt);}
.h2h-results small{color:var(--muted);margin-left:.35rem;}
.h2h-go{flex:0 0 auto;white-space:nowrap;}

.h2h-board{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;background:var(--navy);
  border-radius:16px;padding:1.4rem 1.2rem;color:#fff;margin-bottom:1.2rem;}
.h2h-side{display:flex;align-items:center;gap:.7rem;min-width:0;}
.h2h-side.right{justify-content:flex-end;text-align:right;}
.h2h-side img{width:52px;height:52px;border-radius:10px;object-fit:cover;border:2px solid rgba(255,255,255,.25);flex:0 0 auto;}
.h2h-side a{color:#fff;font-weight:800;text-decoration:none;overflow-wrap:anywhere;}
.h2h-side a:hover{color:var(--gold);}
.h2h-tally{text-align:center;white-space:nowrap;}
.h2h-tally .w{font-size:2rem;font-weight:900;opacity:.55;}
.h2h-tally .w.lead{opacity:1;color:var(--gold);}
.h2h-tally .dash{font-size:1.4rem;opacity:.5;margin:0 .3rem;}
.h2h-tally small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-top:.2rem;}

.h2h-years{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;}
.h2h-years a{padding:.35rem .8rem;border-radius:999px;border:1.5px solid var(--line);font-size:.82rem;font-weight:700;color:var(--ink);text-decoration:none;}
.h2h-years a:hover{border-color:var(--gold);}
.h2h-years a.on{background:var(--navy);border-color:var(--navy);color:#fff;}

.h2h-m{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:.7rem;}
.h2h-mtop{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:.5rem;}
.h2h-mtop .dt{font-weight:700;color:var(--navy);}
.h2h-mtop .tn{overflow-wrap:anywhere;}
.h2h-mtop .gb{background:var(--gold);color:var(--navy-900);font-weight:800;padding:.1rem .45rem;border-radius:4px;font-size:.68rem;text-transform:uppercase;}
.h2h-mrow{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;}
.h2h-mrow .p{min-width:0;overflow-wrap:anywhere;}
.h2h-mrow .p.right{text-align:right;}
.h2h-mrow .p.won{font-weight:800;color:var(--navy);}
.h2h-mrow .p small{display:block;font-size:.7rem;color:var(--muted);font-weight:600;}
.h2h-mrow .p .sd{font-style:normal;color:var(--gold-600);font-weight:800;font-size:.72rem;margin-left:.15rem;}
.h2h-mrow .sc{font-weight:800;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums;}
.h2h-mfoot{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem;}
.h2h-mfoot .tag{background:var(--bg-alt);color:var(--navy);font-size:.68rem;font-weight:800;padding:.12rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;}

@media (max-width:640px){
  .h2h-board{grid-template-columns:1fr;text-align:center;gap:.7rem;}
  .h2h-side,.h2h-side.right{justify-content:center;text-align:center;}
  .h2h-mrow{grid-template-columns:1fr;gap:.3rem;text-align:center;}
  .h2h-mrow .p.right{text-align:center;}
}

/* Match Score — count chip beside the date picker (page otherwise shares the OOP court layout). */
.ms-count{margin-left:auto;font-size:.85rem;color:var(--ink);}
.ms-count b{color:var(--navy);font-weight:800;}

/* Live/Match Score day navigation (CI3 displayLiveMatch arrows) + OOP PDF button. */
.lm-nav{display:flex;align-items:center;gap:.6rem;}
.lm-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;
  background:var(--navy);color:#fff;font-size:1.3rem;line-height:1;text-decoration:none;transition:.14s;}
.lm-arrow:hover{background:var(--gold);color:var(--navy-900);}
.lm-arrow.off{background:var(--bg-alt);color:var(--muted,#9aa5b8);pointer-events:none;}
.lm-date{font-weight:800;color:var(--navy);font-size:.95rem;}
.oop-dl{margin-left:auto;}


