:root{color-scheme:dark;--navy:#07152d;--panel:#102344;--blue:#254dc9;--gold:#f0bc63;--white:#f7f9ff;--muted:#b9c8e2;--line:#304363}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font:1rem/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:var(--white);color:var(--navy);padding:12px;z-index:2}.skip:focus{top:12px}header{border-bottom:1px solid var(--line)}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:24px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:.025em}.brand img,.crest{clip-path:url(#crest-outline)}.brand img{width:45px;height:auto}nav{display:flex;flex-wrap:wrap;gap:0 20px}nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.9rem;color:var(--muted)}nav a:hover{color:white;text-decoration:underline;text-underline-offset:5px}.hero{background:radial-gradient(ellipse at 88% 48%,#173367 0%,var(--navy) 68%);border-bottom:1px solid var(--line)}.hero .wrap{display:grid;gap:24px;padding-block:46px 54px;align-items:center}.crest{width:min(43vw,175px);height:auto;display:block}.kicker{font-size:.73rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2{font-weight:950;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(3.2rem,9vw,7.25rem);margin:14px 0 20px;text-transform:uppercase}h2{font-size:clamp(2.25rem,5vw,4.2rem);margin:10px 0 20px}h3{font-size:1.35rem;line-height:1.2;margin:10px 0}.lede{font-size:clamp(1.05rem,2vw,1.28rem);max-width:42ch}p{color:var(--muted);max-width:64ch}.button{display:inline-flex;align-items:center;gap:18px;min-height:48px;background:var(--blue);border:1px solid #5271e2;border-radius:4px;padding:10px 16px;margin-top:25px;font-weight:750;text-decoration:none}.button:hover{background:#335be0}.section{padding-block:50px;border-bottom:1px solid var(--line);scroll-margin-top:12px}.about p:last-child{font-size:1.08rem}.programmes{background:#0b1b35}.grid{display:grid;gap:14px;margin-top:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:22px}.card p{font-size:.98rem}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-block:16px;color:var(--muted);font-size:.9rem}footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}@media(min-width:680px){.hero .wrap{grid-template-columns:1.65fr 1fr;gap:38px;padding-block:76px}.crest{grid-column:2;grid-row:1;width:min(100%,350px);justify-self:center}.hero-copy{grid-column:1;grid-row:1}.grid{grid-template-columns:1fr 1fr}.section{padding-block:70px}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about h2{margin-bottom:0}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.tournaments{background:linear-gradient(125deg,#152b50,#0b1b35 75%);border-top:3px solid var(--gold)}
.tournament-list{display:grid;gap:16px;margin-top:26px}
.tournament{padding:clamp(20px,3vw,32px);scroll-margin-top:12px}
.tournament h3{font-size:clamp(1.8rem,3.7vw,3.1rem);font-weight:950;letter-spacing:-.04em;line-height:1.05}
.story-copy p+p{margin-top:12px}
.about .wrap{align-items:start}
.team-section{background:#0b1b35}
.profile{display:grid;gap:20px;margin-top:24px;max-width:820px;align-items:start}
.profile-photo{display:block;width:min(100%,250px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:5px}
@media(min-width:640px){.profile{grid-template-columns:minmax(0,250px) minmax(0,1fr)}}
.profile ul{display:grid;gap:8px}
.network-group{margin-top:28px}
.network-group h3{margin-bottom:14px}
.network-card{display:block;max-width:650px;text-decoration:none}
.network-card + .network-card{margin-top:14px}
a.network-card:hover{border-color:var(--gold)}
.network-card h4{margin:6px 0;font-size:1.25rem}
.network-card .text-link{text-decoration:underline}
.network-card .kicker{font-size:.73rem}
.event-layout,.contact-layout{display:grid;gap:28px;align-items:center}
.event-logo{display:block;width:min(100%,290px);height:auto;justify-self:center}
.event-logo--piala{width:min(100%,270px);mask:url(piala-perdana-mask.png) center / 100% 100% no-repeat}
@supports (mask-composite:subtract){
  .event-logo--piala{
    mask:url(piala-perdana-mask.png) center / 100% 100% no-repeat,
         url(piala-perdana-beak-gap.svg) center / 100% 100% no-repeat;
    mask-composite:subtract;
  }
}
@media(min-width:900px){
  .event-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.7fr);gap:32px}
}
@media(min-width:600px) and (max-width:899px){
  .event-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .event-layout .event-date{grid-column:1;grid-row:2}
  .event-layout .event-logo{grid-column:2;grid-row:1 / span 2}
}
.event-date{background:#0c1c38;border:1px solid var(--line);border-radius:6px;padding:22px 24px;margin:0}
.event-date div+div{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.event-date dt{color:var(--gold);font-weight:750;font-size:.82rem}
.event-date dd{margin:3px 0 0;font-weight:700}
.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-weight:700;text-underline-offset:4px}
.tournament .text-link{margin-top:8px}
.card ul{margin:12px 0 0;padding-left:1.2em;color:var(--muted)}
.card li+li{margin-top:7px}
.archive-note{margin-top:24px;padding-left:16px;border-left:3px solid var(--gold)}
.archive-note strong{color:var(--white)}
.faq-list{margin-top:24px}
details{border-top:1px solid var(--line);padding:4px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:750}
summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
details p{padding:0 0 14px}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.contact-actions .button{margin:0}
.contact-actions .secondary{background:transparent;border-color:var(--line)}
.contact-actions .secondary:hover{background:var(--panel)}
@media(min-width:680px){.contact-layout{grid-template-columns:1.4fr 1fr;gap:40px}}
@media(max-width:359px){h1{font-size:clamp(2.4rem,13vw,3.2rem)}nav{column-gap:14px}}

nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.page-heading{font-size:clamp(2.4rem,6vw,4.8rem);text-transform:none}
.home-feature{background:linear-gradient(125deg,#152b50,#0b1b35 75%)}
.home-feature .button{margin-top:16px}
.home-directory a{display:block;text-decoration:none}
.home-directory a:hover{border-color:var(--gold)}
.home-directory a:hover h3{text-decoration:underline;text-underline-offset:4px}
.story-timeline{list-style:none;counter-reset:journey;padding:0;margin:32px 0;display:grid;gap:16px}
.story-timeline li{counter-increment:journey;border-left:3px solid #e8b85b;padding:8px 0 8px 22px}
.story-timeline h3{margin:0 0 8px}.story-timeline h3:before{content:counter(journey,decimal-leading-zero) " / ";color:#e8b85b}
.story-timeline p{margin:0}
.directory-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.directory-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:4px;text-decoration:none;font-weight:700;color:var(--gold)}.directory-tabs a:hover,.directory-tabs a[aria-current]{background:var(--panel);border-color:var(--gold)}
.directory-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-top:28px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.directory-controls label{display:grid;gap:6px;font-weight:700;flex:1 1 180px}.directory-controls label:first-child{flex:2 1 250px}.directory-controls input,.directory-controls select,.directory-controls button,.directory-pagination button{font:inherit;min-height:46px;padding:10px 12px;border:1px solid #637492;border-radius:4px;background:var(--navy);color:var(--white);max-width:100%;min-width:0}.directory-controls button,.directory-pagination button{cursor:pointer;font-weight:700}.directory-controls input:focus-visible,.directory-controls select:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.directory-count{margin-top:22px;scroll-margin-top:16px}.directory-card h2{font-size:1.25rem;line-height:1.35;letter-spacing:0;margin:12px 0;overflow-wrap:anywhere}.directory-card .directory-level{color:var(--white);font-weight:700}.directory-card .verification{font-size:.82rem;margin-top:10px;color:var(--gold)}.directory-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:28px}.directory-pagination button:disabled{opacity:.4;cursor:default}#directory-empty{margin-top:24px}[hidden]{display:none!important}@media(min-width:1000px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Directory colours distinguish recorded levels and badges. */
[data-tier="black"]{--tier-bg:#1d2028;--tier-accent:#d6d9e0;--tier-ink:#f7f9ff;--tier-pill:#07090e;--tier-pill-ink:#fff}
[data-tier="bronze"]{--tier-bg:#39291f;--tier-accent:#df9d6d;--tier-ink:#fff4e9;--tier-pill:#bc794c;--tier-pill-ink:#170c05}
[data-tier="silver"]{--tier-bg:#303b4a;--tier-accent:#c9d2df;--tier-ink:#fff;--tier-pill:#c9d2df;--tier-pill-ink:#172230}
[data-tier="gold"]{--tier-bg:#3c3015;--tier-accent:#f0c55d;--tier-ink:#fff8df;--tier-pill:#f0c55d;--tier-pill-ink:#211800}
[data-tier="platinum"]{--tier-bg:#e1edf1;--tier-accent:#7ba3b5;--tier-ink:#142c3b;--tier-pill:#203c4c;--tier-pill-ink:#f0fbff}
[data-tier="level-0"]{--tier-bg:#113832;--tier-accent:#66d8bf;--tier-ink:#eafff9;--tier-pill:#66d8bf;--tier-pill-ink:#062c23}
[data-tier="level-1"]{--tier-bg:#152f58;--tier-accent:#82b5ff;--tier-ink:#f0f6ff;--tier-pill:#82b5ff;--tier-pill-ink:#092043}
[data-tier="level-2"]{--tier-bg:#32234e;--tier-accent:#c6a2f3;--tier-ink:#fbf4ff;--tier-pill:#c6a2f3;--tier-pill-ink:#29133f}
[data-tier="level-3"]{--tier-bg:#3c3015;--tier-accent:#f0c55d;--tier-ink:#fff8df;--tier-pill:#f0c55d;--tier-pill-ink:#211800}
.directory-card[data-tier]{background:var(--tier-bg);border-color:var(--tier-accent);border-top:5px solid var(--tier-accent)}
.directory-card[data-tier] h2{color:var(--tier-ink)}
.directory-card[data-tier] .kicker{color:var(--tier-ink);opacity:.85}
.directory-card[data-tier] .directory-level{display:inline-block;background:var(--tier-pill);color:var(--tier-pill-ink);padding:4px 11px;border-radius:4px;font-size:.88rem}
.directory-card[data-tier] .verification{color:var(--tier-ink);opacity:.8}
.tier-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tier-legend span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px;border-radius:4px;background:var(--tier-bg);border:1px solid var(--tier-accent);color:var(--tier-ink);font-size:.83rem;font-weight:700}
.hero-directory-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-directory-actions .button{margin-top:0}.hero-copy>.text-link{margin-top:10px}
.home-people{background:#0b1b35}.home-people h2{font-size:clamp(2rem,4vw,3.2rem)}.people-directory-card{display:flex;flex-direction:column;gap:18px;text-decoration:none;border-top:3px solid var(--gold)}.people-directory-card:hover{border-color:var(--gold);background:#172e52}.people-directory-card h3{font-size:1.8rem;margin-top:4px}.people-logos,.directory-branding{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-height:106px}.gol-logo{display:block;width:76px;height:94px;object-fit:contain}.gol-logo.coach-logo{width:92px;height:112px;object-fit:contain}.reff-logo-panel{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:9px 12px;width:165px;height:90px}.reff-logo-panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.directory-branding{margin-bottom:22px}.directory-branding .gol-logo{width:66px;height:84px}.directory-branding .coach-logo{width:80px;height:102px}
.profile-sources{margin-top:18px;font-size:.85rem}.profile-sources a{color:var(--gold);text-underline-offset:3px}
.contact-methods{display:grid;gap:14px;min-width:0}.contact-method{display:block;text-decoration:none}.contact-method:hover{border-color:var(--gold)}.contact-method h2{font-size:1.6rem;letter-spacing:-.025em;margin:8px 0 12px}.contact-method .contact-detail{overflow-wrap:anywhere;color:var(--white);font-weight:700}.contact-method .text-link{margin-top:8px}
