:root{color-scheme:dark;--bg:#0a0c0f;--surface:#14181e;--line:#2c3440;--text:#f5f7fb;--muted:#aab5c4;--blue:#00adef;--gold:#ffc43d;--red:#e13d4f;--green:#38d37f;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(0,173,239,.18),transparent 30rem),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:.75rem clamp(1rem,4vw,3rem);background:rgba(10,12,15,.88);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800}.brand img{width:42px;height:54px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a,.nav-toggle{border:1px solid transparent;border-radius:6px;padding:.55rem .8rem;color:var(--muted);background:transparent;text-decoration:none;font:inherit}.site-nav a:hover,.nav-toggle:hover{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.04)}.nav-toggle{display:none}
.hero,.section{width:min(1160px,calc(100% - 2rem));margin:0 auto}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(3rem,7vw,5rem) 0}.hero-copy h1{margin:0;font-size:clamp(3.2rem,9vw,7.2rem);line-height:.9;letter-spacing:0}.eyebrow{margin:0 0 .75rem;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.tagline,.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem)}.hero-logo{width:min(100%,380px);margin-inline:auto;filter:drop-shadow(0 24px 38px rgba(0,0,0,.55))}
.hero-actions,.site-footer{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:.65rem 1rem;font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:var(--blue);border-color:var(--blue);color:#00131c}.button.ghost{background:rgba(255,255,255,.04);color:var(--text)}
.section{padding:clamp(3rem,7vw,5rem) 0;border-top:1px solid rgba(255,255,255,.08)}.section-heading h1,.section-heading h2{margin:0 0 1.4rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1;letter-spacing:0}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.live-grid .section-heading{grid-column:1/-1}.panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.5rem)}.panel h2,.panel h3{margin:0 0 1rem;font-size:1.2rem}.dynamic-box,.results,.content-flow{color:var(--muted)}
.game-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.game-item,.result-card{border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.18);padding:1rem}.match-title{color:var(--text);font-weight:800}.live-link{display:inline-block;margin-top:.65rem;color:var(--green);font-weight:800}.live-link.is-live{color:var(--red)}
.split{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.year-block,.season-block{margin-top:1rem}.toggle-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:.85rem 1rem;font:inherit;font-weight:800;text-align:left;cursor:pointer}.toggle-header span{color:var(--gold)}.toggle-content{display:none;padding-top:.75rem}.toggle-content.is-open{display:grid;gap:.75rem}.result-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.7rem;color:var(--muted)}.result-meta strong{color:var(--text)}
.tools{text-align:center}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(1.5rem,5vw,3rem)}.contact-form{display:grid;gap:1rem}label{display:grid;gap:.4rem;color:var(--muted);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:.8rem;font:inherit}textarea{resize:vertical}.location iframe{width:100%;aspect-ratio:4/3;height:auto;border:0;border-radius:8px}.notice{border:1px solid rgba(56,211,127,.45);background:rgba(56,211,127,.12);color:var(--text);border-radius:8px;padding:1rem;margin-bottom:1rem}.site-footer{justify-content:center;padding:1.5rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}.site-footer a{color:var(--muted);text-decoration:none}
.player-page{display:grid;gap:1rem}.player-welcome h2,.player-panel h2{margin-top:0}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tile{display:grid;gap:.5rem;min-height:150px;padding:1.2rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:var(--shadow);text-decoration:none}.tile:hover{border-color:var(--blue);transform:translateY(-1px)}.tile strong{font-size:1.25rem;color:var(--text)}.tile span{color:var(--muted)}.profile-list{display:grid;gap:.75rem;margin:0}.profile-list div{display:grid;grid-template-columns:160px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}.profile-list dt{color:var(--muted);font-weight:800}.profile-list dd{margin:0;color:var(--text)}.site-nav.is-static{position:static;display:flex}
.player-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.player-form,.response-form{display:grid;gap:.8rem}.schedule-list{display:grid;gap:1rem}.schedule-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:1rem;align-items:start;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.18);padding:1rem}.schedule-card h3{margin:.2rem 0 .5rem;color:var(--text)}.schedule-card p{margin:.25rem 0}.response-form{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:8px;padding:1rem}
@media(max-width:800px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:stretch;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.site-nav.is-open,.site-nav.is-static{display:flex}.site-nav.is-static{position:static;box-shadow:none}.hero,.live-grid,.split,.contact-grid,.player-profile-grid,.schedule-card{grid-template-columns:1fr}.hero{min-height:auto;text-align:center}.hero-actions{justify-content:center}.hero-logo{width:min(72vw,290px)}.gallery,.result-meta,.tile-grid{grid-template-columns:1fr}.profile-list div{grid-template-columns:1fr;gap:.2rem}}

.team-detail-card {
    margin-top: 1.25rem;
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(0, 0, 0, .18);
}

.team-detail-card:first-of-type {
    margin-top: 0;
}

.panel-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.panel-title-row h3 {
    margin-bottom: .35rem;
    font-size: 1.45rem;
}

.pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: .35rem .75rem;
    border: 1px solid rgba(255, 196, 61, .35);
    border-radius: 999px;
    background: rgba(255, 196, 61, .12);
    color: var(--gold);
    font-size: .85rem;
    font-weight: 800;
    white-space: nowrap;
}

.team-member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.team-member-card {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}

.team-member-head {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.team-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--blue);
    color: #00131c;
    font-weight: 900;
}

.team-member-head h4 {
    margin: 0 0 .3rem;
    font-size: 1.05rem;
    line-height: 1.2;
}

.team-role-badge {
    display: inline-flex;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
}

.team-contact-list {
    display: grid;
    gap: .7rem;
    margin: 0;
}

.team-contact-list div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.team-contact-list dt {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.team-contact-list dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.team-contact-list a {
    color: var(--text);
    font-weight: 800;
    text-decoration-color: rgba(255,255,255,.35);
}

@media (max-width: 720px) {
    .panel-title-row {
        flex-direction: column;
    }

    .team-detail-card {
        padding: 1rem;
    }
}