:root{--navy:#071a3d;--navy-2:#10285a;--blue:#2457f5;--aqua:#26d5c5;--orange:#ff7a3d;--cream:#f7f8f4;--white:#fff;--ink:#13213c;--muted:#66728a;--line:#dce2eb;--shadow:0 22px 60px rgba(17,35,78,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.92);border-bottom:1px solid rgba(7,26,61,.08);backdrop-filter:blur(18px)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--navy);font:800 1rem 'Barlow Condensed';box-shadow:0 0 0 5px rgba(255,122,61,.13)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{color:var(--navy);font:800 1.25rem 'Barlow Condensed';letter-spacing:.025em;text-transform:uppercase}.brand small{margin-top:5px;color:var(--muted);font-size:.68rem;letter-spacing:.19em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:600}.main-nav>a:not(.nav-cta){position:relative;padding-block:10px}.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:3px;border-radius:4px;background:var(--orange);transition:.2s}.main-nav>a:hover::after,.main-nav>a.active::after{right:0}.nav-cta{padding:12px 19px;border-radius:999px;background:var(--navy);color:#fff}.menu-button{display:none;border:0;background:transparent;padding:8px}.menu-button span{display:block;width:24px;height:2px;margin:5px;background:var(--navy)}.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:90px 0}.hero::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-280px;border:110px solid rgba(38,213,197,.11);border-radius:50%}.hero-grid{position:relative;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:70px}.eyebrow{margin:0 0 15px;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero .eyebrow{color:var(--aqua)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;line-height:.96;margin-top:0}.hero h1{margin-bottom:25px;font-size:clamp(4rem,8vw,7.3rem);letter-spacing:-.035em;text-transform:uppercase}.hero h1 span{color:var(--orange)}.hero-lead{max-width:620px;margin:0;color:#cad3e6;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 42px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:13px 23px;border-radius:999px;font-weight:700;font-size:.88rem;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:var(--navy);box-shadow:0 12px 28px rgba(255,122,61,.24)}.button.secondary{border:1px solid rgba(255,255,255,.25);color:#fff}.button.light-button{background:#fff;color:var(--navy)}.quick-facts{display:flex;gap:35px}.quick-facts>div{display:flex;flex-direction:column}.quick-facts strong{font:800 1.8rem 'Barlow Condensed';color:var(--aqua)}.quick-facts span{color:#93a1bb;font-size:.72rem}.hero-card{position:relative;background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(2deg)}.court-art{position:relative;min-height:340px;background:var(--blue);overflow:hidden}.court-art::before,.court-art::after{content:"";position:absolute;border:4px solid rgba(255,255,255,.92)}.court-art::before{inset:32px}.court-art::after{left:50%;top:32px;bottom:32px}.court-art i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange)}.court-art i:nth-child(1){left:16%;top:20%}.court-art i:nth-child(2){right:20%;top:25%}.court-art i:nth-child(3){left:24%;bottom:20%}.court-art i:nth-child(4){right:13%;bottom:16%}.court-art span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 6rem 'Barlow Condensed';letter-spacing:.04em;text-shadow:0 8px 24px rgba(7,26,61,.22)}.hero-card-copy{display:grid;padding:25px 28px 28px;color:var(--ink)}.hero-card-copy small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.hero-card-copy strong{font:800 1.8rem 'Barlow Condensed';color:var(--navy)}.hero-card-copy a{margin-top:8px;color:var(--blue);font-size:.82rem;font-weight:700}.section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.schedule-banner h2,.visit h2{margin-bottom:18px;color:var(--navy);font-size:clamp(2.8rem,5vw,4.5rem);text-transform:uppercase}.section-heading>p:last-child,.visit p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:285px;padding:32px;border-radius:var(--radius);overflow:hidden}.feature-card::after{content:"";position:absolute;width:150px;height:150px;border:36px solid currentColor;border-radius:50%;right:-75px;bottom:-75px;opacity:.12}.feature-card.blue{background:#e9efff;color:var(--blue)}.feature-card.aqua{background:#dcf8f4;color:#008f83}.feature-card.orange{background:#fff0e8;color:#dc5314}.feature-number{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em}.feature-card h3{margin:80px 0 10px;font-size:2rem;color:var(--navy);text-transform:uppercase}.feature-card p{margin:0;color:#53617a;font-size:.9rem}.schedule-banner{padding-block:80px;background:var(--blue);color:#fff}.schedule-banner-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.schedule-banner h2{color:#fff}.schedule-banner p{max-width:720px;margin-bottom:0;color:#dce4ff}.eyebrow.light{color:var(--aqua)}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.visit-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 28px;box-shadow:var(--shadow)}.visit-card>div{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.visit-card>div:last-child{border:0}.visit-card span{color:var(--muted);font-size:.76rem}.visit-card strong{text-align:right;color:var(--navy);font-size:.88rem}.site-footer{background:var(--navy);color:#fff;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-grid strong{font:800 1.45rem 'Barlow Condensed';text-transform:uppercase}.footer-grid span{color:var(--aqua);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.footer-grid p{color:#aab6cc;font-size:.8rem}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#7887a3;font-size:.7rem}.calendar-hero{padding:65px 0 50px;background:linear-gradient(120deg,#e8efff,#e2fbf7)}.calendar-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.calendar-intro h1{margin:0;color:var(--navy);font-size:clamp(3.3rem,7vw,6rem);text-transform:uppercase}.calendar-intro p:last-child{max-width:600px;margin-bottom:0;color:var(--muted)}.live-pill{display:flex;align-items:center;gap:9px;padding:11px 15px;background:#fff;border:1px solid #cdd9e9;border-radius:999px;color:#526079;font-size:.72rem;font-weight:700;white-space:nowrap}.live-pill i{width:8px;height:8px;border-radius:50%;background:#1eb87e;box-shadow:0 0 0 5px rgba(30,184,126,.12)}.calendar-section{padding:42px 0 100px}.calendar-toolbar{position:relative;display:grid;grid-template-columns:50px minmax(190px,1fr) 50px;gap:10px;max-width:660px;margin:0 auto 20px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 12px 32px rgba(20,40,85,.07)}.day-button,.date-button{border:0;cursor:pointer}.day-button{border-radius:13px;background:#edf2ff;color:var(--blue);font-size:1.1rem}.date-button{display:flex;flex-direction:column;align-items:center;padding:4px 12px;background:transparent;color:var(--navy)}.date-button small{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.date-button strong{font-size:.92rem}.hidden-date{position:absolute;left:50%;bottom:0;width:1px;height:1px;opacity:0}.calendar-panel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}.calendar-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.schedule-grid{display:grid;gap:5px;min-width:520px;padding:8px}.grid-corner,.court-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border-radius:11px;background:var(--navy);color:#fff;font:800 1rem 'Barlow Condensed';text-transform:uppercase;letter-spacing:.05em}.grid-corner{font-size:.72rem;color:#aebbd2}.court-header small{margin-bottom:2px;color:var(--aqua);font:700 .55rem Inter;letter-spacing:.14em}.time-cell{display:flex;align-items:center;padding-inline:9px;color:#78849a;font:700 .72rem 'Barlow Condensed';line-height:1.05}.calendar-slot{min-height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;border-radius:10px;text-align:center;transition:.16s}.calendar-slot:hover:not(.elapsed):not(.loading){transform:translateY(-1px)}.calendar-slot strong{font:800 .94rem 'Barlow Condensed';text-transform:uppercase;letter-spacing:.045em}.calendar-slot small{margin-top:2px;font-size:.6rem}.calendar-slot.available{background:#edf2ff;border-color:#bfcbef;color:#194cd7}.calendar-slot.available small{color:#667da9}.calendar-slot.booked{background:#ffe7dc;border-color:#ffb695;color:#9e3510}.calendar-slot.booked small{color:#a65d43}.calendar-slot.open-play{background:#dffaf6;border-color:#8ddfd7;color:#007b70}.calendar-slot.open-play small{color:#40857f}.calendar-slot.elapsed{background:#f2f3f5;border-color:#e1e3e7;color:#9a9fab}.calendar-slot.elapsed small{color:#a4a8b0}.calendar-slot.loading{background:#f3f5f9;border-color:#e4e7ee;color:#b0b6c2;animation:pulse 1s ease-in-out infinite alternate}.calendar-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.calendar-status.error{color:#b63b25}.calendar-status button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.calendar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:18px;color:#68758b;font-size:.7rem}.calendar-legend span{display:flex;align-items:center;gap:7px}.calendar-legend i{width:12px;height:12px;border-radius:4px;border:1px solid}.calendar-legend i.available{background:#edf2ff;border-color:#bfcbef}.calendar-legend i.booked{background:#ffe7dc;border-color:#ffb695}.calendar-legend i.open-play{background:#dffaf6;border-color:#8ddfd7}.calendar-legend i.elapsed{background:#f2f3f5;border-color:#e1e3e7}.booking-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:24px 28px;border-radius:20px;background:var(--navy);color:#fff}.booking-note strong{font:800 1.35rem 'Barlow Condensed';text-transform:uppercase}.booking-note p{margin:2px 0 0;color:#9cabc3;font-size:.8rem}@keyframes pulse{to{opacity:.48}}@media(max-width:850px){.hero{padding-top:65px}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:560px;transform:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.feature-card h3{margin-top:42px}.visit-grid{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.calendar-intro{align-items:flex-start;flex-direction:column}.schedule-banner-inner{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.container{width:min(100% - 24px,1160px)}.nav-wrap{min-height:72px}.menu-button{display:block}.main-nav{position:absolute;left:12px;right:12px;top:68px;display:none;align-items:stretch;flex-direction:column;gap:3px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 14px!important;border-radius:11px}.main-nav .nav-cta{text-align:center}.hero{padding:55px 0}.hero h1{font-size:4rem}.hero-actions{align-items:stretch;flex-direction:column}.quick-facts{justify-content:space-between;gap:12px}.court-art{min-height:260px}.section{padding:70px 0}.schedule-banner{padding-block:60px}.schedule-banner-inner .button{width:100%}.visit-card{padding-inline:18px}.visit-card>div{align-items:flex-start;flex-direction:column;gap:5px}.visit-card strong{text-align:left}.footer-grid{grid-template-columns:1fr}.calendar-hero{padding:45px 0 35px}.calendar-section{padding:25px 0 70px}.calendar-toolbar{grid-template-columns:44px minmax(150px,1fr) 44px}.schedule-grid{grid-template-columns:82px repeat(2,minmax(128px,1fr))!important}.time-cell,.calendar-slot{min-height:64px}.booking-note{align-items:stretch;flex-direction:column}.booking-note .button{width:100%}.calendar-status{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Compact daily calendar: two periods display the complete day at a glance. */
.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:760px;padding:8px}
.schedule-period{min-width:0;padding:7px;background:#f7f9fc;border:1px solid var(--line);border-radius:16px}
.schedule-period h2{margin:0 0 6px;padding-inline:3px;color:var(--navy);font:800 .72rem 'Barlow Condensed';letter-spacing:.13em;text-transform:uppercase}
.period-grid{display:grid;gap:3px}
.grid-corner,.court-header{min-height:32px;border-radius:7px;font-size:.72rem}
.grid-corner{font-size:.62rem}.time-cell{min-height:34px;padding-inline:5px;font-size:.62rem;line-height:1}
.calendar-slot{min-height:34px;border-radius:7px}.calendar-slot strong{font-size:.68rem;letter-spacing:.025em}.calendar-slot small{display:none}
@media(max-width:900px){.schedule-grid{grid-template-columns:1fr;min-width:420px}}
@media(max-width:680px){.schedule-grid{grid-template-columns:1fr!important;min-width:360px}.period-grid{grid-template-columns:70px repeat(2,minmax(92px,1fr))!important}.time-cell,.calendar-slot{min-height:36px}}
.calendar-toolbar{grid-template-columns:minmax(190px,1fr) 50px}
.calendar-toolbar.has-back{grid-template-columns:50px minmax(190px,1fr) 50px}
.day-button[hidden]{display:none}
.day-button:disabled{cursor:not-allowed;opacity:.35}
@media(max-width:680px){.calendar-toolbar{grid-template-columns:minmax(150px,1fr) 44px}.calendar-toolbar.has-back{grid-template-columns:44px minmax(150px,1fr) 44px}}

/* Premium performance theme */
:root{--navy:#16191d;--navy-2:#23272d;--blue:#d8ff3e;--aqua:#d8ff3e;--orange:#d8ff3e;--cream:#e9ebed;--white:#fff;--ink:#171a1f;--muted:#6c727a;--line:#cfd3d7;--shadow:0 24px 70px rgba(15,17,20,.16);--radius:14px}
body{background:#e9ebed;background-image:linear-gradient(135deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 32%);color:#171a1f}
.site-header{background:rgba(22,25,29,.96);border-color:rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.brand-mark{border-radius:10px;background:#d8ff3e;color:#15181c;box-shadow:none;transform:skew(-5deg)}
.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:8px;background:#fff}
.brand strong{color:#fff}.brand small{color:#91969d}.main-nav{color:#d8dadd}.main-nav>a:not(.nav-cta)::after{background:#d8ff3e}.nav-cta{border:1px solid #d8ff3e;background:#d8ff3e;color:#14171b}.menu-button span{background:#fff}
.hero{min-height:660px;display:flex;align-items:center;background:#181b20;background-image:linear-gradient(118deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.035) 50%,rgba(255,255,255,.035) 75%,transparent 75%);background-size:80px 80px}
.hero::before{width:620px;height:620px;right:-160px;top:-250px;border:1px solid rgba(216,255,62,.34);box-shadow:0 0 0 70px rgba(216,255,62,.025),0 0 0 140px rgba(216,255,62,.02)}
.hero .eyebrow{color:#d8ff3e}.hero h1{font-style:italic;letter-spacing:-.045em}.hero h1 span{color:#d8ff3e}.hero-lead{color:#aeb3ba}.button{border-radius:7px;text-transform:uppercase;letter-spacing:.055em}.button.primary{background:#d8ff3e;color:#14171b;box-shadow:0 12px 30px rgba(216,255,62,.13)}.button.secondary{border-color:#4d535b;background:#272b31}.quick-facts strong{color:#d8ff3e}.quick-facts span{color:#858b94;text-transform:uppercase;letter-spacing:.08em}
.hero-card{border:1px solid #40454d;border-radius:16px;background:#22262c;box-shadow:0 36px 90px rgba(0,0,0,.5);transform:rotate(1deg)}.court-art{background:#30353c;background-image:linear-gradient(145deg,#353b43,#24282e)}.court-art::before,.court-art::after{border-color:#d8ff3e}.court-art i{background:#d8ff3e}.court-art span{color:#f6f7f8;font-style:italic}.hero-card-copy{background:#f4f5f5}.hero-card-copy strong{color:#191c21}.hero-card-copy a{color:#32373e}
.experience{background:#e9ebed}.section-heading h2,.visit h2{color:#171a1f;font-style:italic;letter-spacing:-.02em}.eyebrow{color:#4c535c}.feature-grid{gap:12px}.feature-card{min-height:275px;border:1px solid #383d44;border-radius:13px;background:#25292f!important;color:#d8ff3e!important;box-shadow:0 18px 45px rgba(20,22,25,.13)}.feature-card::before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:#d8ff3e}.feature-card::after{border-color:#d8ff3e}.feature-card h3{color:#fff;font-style:italic}.feature-card p{color:#aeb3ba}.feature-number{color:#d8ff3e}
.schedule-banner{position:relative;overflow:hidden;background:#20242a;color:#fff}.schedule-banner::after{content:"";position:absolute;right:-90px;top:-180px;width:430px;height:430px;border:90px solid rgba(216,255,62,.07);border-radius:50%}.schedule-banner h2{color:#fff;font-style:italic}.schedule-banner p{color:#aeb3ba}.eyebrow.light{color:#d8ff3e}.button.light-button{position:relative;z-index:1;background:#d8ff3e;color:#14171b}
.visit{background:#dfe2e4}.visit-card{border:1px solid #c4c8cc;border-radius:12px;background:#f4f5f5;box-shadow:0 20px 55px rgba(20,22,25,.11)}.visit-card span{color:#737981}.visit-card strong{color:#191c21}
.site-footer{background:#15181c}.footer-grid span{color:#d8ff3e}.footer-grid p{color:#9298a1}.footer-bottom{color:#686e77}
.calendar-hero{position:relative;overflow:hidden;background:#20242a;background-image:linear-gradient(110deg,#20242a 0,#2e333a 100%)}.calendar-hero::after{content:"";position:absolute;right:-80px;bottom:-190px;width:400px;height:400px;border:70px solid rgba(216,255,62,.08);border-radius:50%}.calendar-intro{position:relative;z-index:1}.calendar-intro h1{color:#fff;font-style:italic}.calendar-intro p:last-child{color:#adb2ba}.calendar-hero .eyebrow{color:#d8ff3e}.live-pill{border-color:#444a52;border-radius:7px;background:#171a1f;color:#d8dadd}.live-pill i{background:#d8ff3e;box-shadow:0 0 0 5px rgba(216,255,62,.1)}
.calendar-section{background:#e9ebed}.calendar-toolbar{border-color:#c7cbd0;border-radius:10px;background:#f7f8f8;box-shadow:0 12px 35px rgba(20,22,25,.1)}.day-button{border-radius:6px;background:#24282e;color:#d8ff3e}.date-button{color:#1b1e23}.calendar-panel{border-color:#c5c9cd;border-radius:14px;background:#f5f6f6;box-shadow:0 25px 65px rgba(20,22,25,.14)}.schedule-period{border-color:#393e45;border-radius:9px;background:#282c32}.schedule-period h2{color:#d8ff3e}.grid-corner,.court-header{border-radius:4px;background:#171a1f;color:#fff}.grid-corner{color:#9fa5ad}.time-cell{color:#bdc2c8}.calendar-slot{border-radius:4px}.calendar-slot.available{border-color:#71787f;background:#3b4047;color:#fff}.calendar-slot.booked{border-color:#62676d;background:#1d2025;color:#8d939a}.calendar-slot.open-play{border-color:#d8ff3e;background:#d8ff3e;color:#16191d}.calendar-slot.elapsed{border-color:#353a40;background:#30343a;color:#6f757d}.calendar-slot.loading{border-color:#4b5057;background:#353a40;color:#81878f}.calendar-status{border-color:#c8ccd0;background:#eef0f1}.calendar-status button{color:#2d333a}.calendar-legend{color:#585f67}.calendar-legend i.available{border-color:#71787f;background:#3b4047}.calendar-legend i.booked{border-color:#62676d;background:#1d2025}.calendar-legend i.open-play{border-color:#b6d92d;background:#d8ff3e}.calendar-legend i.elapsed{border-color:#8f959c;background:#bfc3c7}.booking-note{border-radius:10px;background:#20242a}.booking-note p{color:#9fa5ad}
@media(max-width:680px){.main-nav{background:#20242a;border-color:#3c4148}.hero{min-height:auto}.hero-card{transform:none}.calendar-hero{padding-top:38px}}
.regular-open-play{background:#181b20;color:#fff}.open-play-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.open-play-heading h2{margin:0;color:#fff;font-size:clamp(2.8rem,5vw,4.4rem);font-style:italic;text-transform:uppercase}.open-play-heading p:last-child{margin:10px 0 0;color:#999fa7}.open-play-heading>a{flex:none;color:#d8ff3e;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.open-play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.open-play-card{position:relative;overflow:hidden;min-height:185px;padding:23px;border:1px solid #3d4249;border-radius:9px;background:linear-gradient(145deg,#2b2f35,#22262b)}.open-play-card::after{content:"";position:absolute;right:-42px;bottom:-42px;width:105px;height:105px;border:24px solid rgba(216,255,62,.09);border-radius:50%}.open-play-card>span{color:#d8ff3e;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.open-play-card h3{margin:30px 0 6px;color:#fff;font-size:1.45rem;font-style:italic;text-transform:uppercase}.open-play-card strong{display:block;color:#d8ff3e;font-size:.8rem}.open-play-card p{margin:6px 0 0;color:#969ca4;font-size:.72rem}@media(max-width:680px){.open-play-heading{align-items:flex-start;flex-direction:column}.open-play-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.open-play-grid{grid-template-columns:1fr}}

.open-play-week{display:grid;gap:8px}
.open-play-day{display:grid;grid-template-columns:170px 1fr;gap:8px}
.open-play-day-name{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:18px 22px;border-left:5px solid #d8ff3e;border-radius:7px;background:#25292f}
.open-play-day-name small{color:#8f959d;font-size:.59rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.open-play-day-name h3{margin:2px 0 0;color:#fff;font-size:1.65rem;font-style:italic;text-transform:uppercase}
.open-play-day-sessions{display:grid;gap:6px}
.open-play-session{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:43px;padding:12px 17px;border:1px solid #3d4249;border-radius:7px;background:#22262b}
.open-play-session h4{margin:0;color:#fff;font:800 .96rem 'Barlow Condensed';text-transform:uppercase}
.open-play-session p{margin:1px 0 0;color:#8d939b;font-size:.66rem}
.open-play-session strong{flex:none;color:#d8ff3e;font-size:.73rem}
@media(max-width:700px){.open-play-day{grid-template-columns:1fr}.open-play-day-name{min-height:auto}.open-play-session{align-items:flex-start;flex-direction:column;gap:5px}}
.coaches-hero{position:relative;overflow:hidden;padding:80px 0;background:linear-gradient(115deg,#181b20,#30353b);color:#fff}.coaches-hero::after{content:"";position:absolute;right:-100px;top:-170px;width:420px;height:420px;border:75px solid rgba(216,255,62,.08);border-radius:50%}.coaches-hero .container{position:relative;z-index:1}.coaches-hero .eyebrow{color:#d8ff3e}.coaches-hero h1{margin:0;color:#fff;font-size:clamp(3.8rem,8vw,7rem);font-style:italic;text-transform:uppercase}.coaches-hero p:last-child{max-width:620px;margin:15px 0 0;color:#adb2b9}.coaches-section{background:#e9ebed}.coaches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.coach-card{overflow:hidden;border:1px solid #c5c9cd;border-radius:12px;background:#f7f8f8;box-shadow:0 22px 60px rgba(20,22,25,.12)}.coach-photo{position:relative;aspect-ratio:4/4.5;overflow:hidden;background:#25292f}.coach-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#d8ff3e}.coach-photo img{width:100%;height:100%;display:block;object-fit:cover}.coach-details{padding:23px}.coach-details>span{color:#656c74;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.coach-details h2{margin:4px 0 10px;color:#171a1f;font-size:2rem;font-style:italic;text-transform:uppercase}.coach-details>p{margin:8px 0 0;color:#6e747c;font-size:.78rem}.coach-details .coach-specialties{color:#30363d;font-weight:700}.coaches-empty{padding:55px;border:1px dashed #afb4ba;border-radius:12px;text-align:center}.coaches-empty strong{font:800 2rem 'Barlow Condensed';font-style:italic;text-transform:uppercase}.coaches-empty p{color:#71777f}@media(max-width:600px){.coaches-hero{padding:55px 0}.coaches-grid{grid-template-columns:1fr}}

/* Hard image render limits for uploaded branding and coach photos. */
.brand-logo{display:block!important;width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important;object-fit:contain!important}
.coach-photo{width:100%!important;max-width:100%!important;height:360px!important;max-height:440px!important;aspect-ratio:auto!important;overflow:hidden!important}
.coach-photo img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:440px!important;object-fit:cover!important}
@media(max-width:600px){.coach-photo{height:330px!important;max-height:380px!important}}

/* Refined charcoal sports-club theme — calm contrast, no neon colors. */
:root{--navy:#17191c;--navy-2:#22252a;--blue:#b99a68;--aqua:#b99a68;--orange:#b99a68;--cream:#17191c;--white:#f5f4f1;--ink:#f2f1ee;--muted:#a7abb1;--line:#383c42;--accent:#b99a68;--accent-hover:#c8aa78;--surface:#202328;--surface-2:#272b30;--surface-3:#30343a;--shadow:0 20px 55px rgba(0,0,0,.28)}
body{background:#17191c;background-image:linear-gradient(135deg,rgba(255,255,255,.025),transparent 34%);color:#f2f1ee}
::selection{background:#b99a68;color:#17191c}
a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,154,104,.5);outline-offset:3px}
.site-header{background:rgba(23,25,28,.96);border-color:#34383e;box-shadow:0 10px 35px rgba(0,0,0,.28)}
.brand-mark{background:#b99a68;color:#17191c}.brand small{color:#9fa3aa}.main-nav{color:#d6d8dc}.main-nav>a:not(.nav-cta)::after{background:#b99a68}.main-nav>a:not(.nav-cta):hover{color:#fff}.nav-cta{border-color:#b99a68;background:#b99a68;color:#17191c}.nav-cta:hover{border-color:#c8aa78;background:#c8aa78}.brand-logo{background:#24272c}
.hero{background:#1b1e22;background-image:linear-gradient(118deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.025) 50%,rgba(255,255,255,.025) 75%,transparent 75%)}
.hero::before{border-color:rgba(185,154,104,.25);box-shadow:0 0 0 70px rgba(185,154,104,.018),0 0 0 140px rgba(185,154,104,.012)}
.hero .eyebrow,.hero h1 span,.quick-facts strong{color:#c3a673}.hero-lead{color:#b9bdc3}.button.primary,.button.light-button{background:#b99a68;color:#17191c;box-shadow:0 12px 28px rgba(0,0,0,.24)}.button.primary:hover,.button.light-button:hover{background:#c8aa78}.button.secondary{border-color:#555b63;background:#25282d}.button.secondary:hover{border-color:#777e87;background:#2c3035}
.hero-card{border-color:#41464d;background:#22252a}.court-art{background:linear-gradient(145deg,#353a40,#25282d)}.court-art::before,.court-art::after{border-color:#b99a68}.court-art i{background:#b99a68}.hero-card-copy{background:#25282d;color:#e8e9eb}.hero-card-copy small{color:#9fa4ab}.hero-card-copy strong{color:#f4f3f0}.hero-card-copy a{color:#c3a673}
.experience,.visit,.calendar-section,.coaches-section{background:#17191c}.section-heading h2,.visit h2{color:#f2f1ee}.section-heading>p:last-child,.visit p{color:#a8adb4}.eyebrow{color:#b99a68}
.feature-card{border-color:#3c4148;background:#22252a!important;color:#b99a68!important;box-shadow:0 18px 45px rgba(0,0,0,.22)}.feature-card::before{background:#b99a68}.feature-card::after{border-color:#b99a68}.feature-card p{color:#adb2b9}.feature-number{color:#c3a673}
.schedule-banner{background:#202328;border-block:1px solid #363a40}.schedule-banner::after,.calendar-hero::after,.coaches-hero::after{border-color:rgba(185,154,104,.065)}.eyebrow.light{color:#c3a673}
.visit-card{border-color:#3a3e44;background:#22252a;box-shadow:0 20px 55px rgba(0,0,0,.22)}.visit-card>div{border-color:#383c42}.visit-card span{color:#9ea3aa}.visit-card strong{color:#f1f0ed}
.site-footer{background:#121416;border-top:1px solid #30343a}.footer-grid span{color:#b99a68}.footer-grid p{color:#969ba3}
.calendar-hero,.coaches-hero{background:linear-gradient(115deg,#1b1e22,#292d32)}.calendar-hero .eyebrow,.coaches-hero .eyebrow{color:#c3a673}.live-pill{border-color:#484d54;background:#191b1f}.live-pill i{background:#b99a68;box-shadow:0 0 0 5px rgba(185,154,104,.1)}
.calendar-toolbar{border-color:#3d4249;background:#23262b;box-shadow:0 14px 38px rgba(0,0,0,.25)}.day-button{background:#32363c;color:#d2b581}.day-button:hover:not(:disabled){background:#3b4047}.date-button{color:#f1f0ed}.date-button small{color:#9fa4ab}.calendar-panel{border-color:#3c4148;background:#202328;box-shadow:0 25px 65px rgba(0,0,0,.3)}.schedule-period{border-color:#40454c;background:#282c31}.schedule-period h2{color:#c3a673}.calendar-slot.open-play{border-color:#b99a68;background:#b99a68;color:#17191c}.calendar-status{border-color:#3b4046;background:#22252a;color:#abb0b7}.calendar-status button{color:#c8aa78}.calendar-legend{color:#b2b6bc}.calendar-legend i.open-play{border-color:#9f8254;background:#b99a68}.booking-note{border:1px solid #3a3f45;background:#202328}
.regular-open-play{background:#15171a;border-block:1px solid #30343a}.open-play-heading>a,.open-play-session strong{color:#c3a673}.open-play-day-name{border-left-color:#b99a68;background:#23262b}.open-play-session{border-color:#3b4046;background:#202328}.open-play-card>span,.open-play-card strong{color:#c3a673}.open-play-card::after{border-color:rgba(185,154,104,.08)}
.coach-card{border-color:#3b4046;background:#22252a;box-shadow:0 22px 60px rgba(0,0,0,.25)}.coach-photo::after{background:#b99a68}.coach-details>span{color:#b99a68}.coach-details h2{color:#f3f2ef}.coach-details>p{color:#a9aeb5}.coach-details .coach-specialties{color:#d2d4d8}.coaches-empty{border-color:#565c64}.coaches-empty p{color:#a8adb4}
@media(max-width:680px){.main-nav{border-color:#3b4046;background:#202328;box-shadow:0 22px 50px rgba(0,0,0,.42)}.main-nav a{color:#e1e2e4}.main-nav>a:not(.nav-cta):hover{background:#2a2e33}.main-nav .nav-cta{color:#17191c}}

/* 2026 expansion teaser carousel. */
.expansion-teaser{overflow:hidden;background:#141619;border-block:1px solid #30343a}.expansion-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:45px;margin-bottom:28px}.expansion-heading h2{margin:0;color:#f3f4f6;font-size:clamp(3rem,6vw,5.2rem);font-style:italic;text-transform:uppercase}.expansion-heading>p{max-width:480px;margin:0;color:#9fa5ad}
.teaser-carousel{overflow:hidden;border:1px solid #3b4148;border-radius:16px;background:#20242a;box-shadow:0 28px 70px rgba(0,0,0,.3)}.teaser-viewport{overflow:hidden}.teaser-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1)}.teaser-slide{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-width:100%;min-height:390px;overflow:hidden}.teaser-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 55%);pointer-events:none}.teaser-copy{position:relative;z-index:1;padding:58px}.teaser-kicker{display:block;margin-bottom:22px;color:#d2b34e;font-size:.67rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.teaser-copy>strong{display:block;color:#d2b34e;font:800 clamp(3.8rem,8vw,7rem) 'Barlow Condensed';font-style:italic;line-height:.78;text-transform:uppercase}.teaser-copy h3{margin:20px 0 10px;color:#fff;font-size:clamp(2rem,4vw,3.4rem);font-style:italic;text-transform:uppercase}.teaser-copy p{max-width:520px;margin:0;color:#aeb3ba}
.teaser-courts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(390px,80%);aspect-ratio:1.2;margin:auto;padding:10px;transform:rotate(-4deg)}.teaser-courts i{border:2px solid #c9a227;background:linear-gradient(90deg,transparent 49%,rgba(201,162,39,.72) 49%,rgba(201,162,39,.72) 51%,transparent 51%),#292e34;box-shadow:inset 0 0 0 8px #292e34,inset 0 0 0 10px rgba(201,162,39,.42)}.teaser-courts b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 6rem 'Barlow Condensed';text-shadow:0 10px 30px #111419}.teaser-stat{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 24px;width:min(350px,78%);margin:auto}.teaser-stat span{color:#8f969f;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.teaser-stat b{color:#f5f6f7;font:800 7rem 'Barlow Condensed';font-style:italic;line-height:.75}.teaser-stat i{grid-column:1/-1;height:2px;background:linear-gradient(90deg,#c9a227,transparent)}.teaser-wordmark{display:grid;place-items:center;align-content:center;min-height:260px;margin:35px;border:1px solid #444a52;background:repeating-linear-gradient(135deg,#272b30,#272b30 16px,#24282d 16px,#24282d 32px)}.teaser-wordmark span{color:#f4f5f6;font:800 clamp(3rem,6vw,5.5rem) 'Barlow Condensed';font-style:italic;text-transform:uppercase}.teaser-wordmark b{color:#d2b34e;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.teaser-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid #3a3f46;background:#191c20}.teaser-arrows{display:flex;gap:7px}.teaser-arrows button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #4a5058;border-radius:6px;background:#25292e;color:#e4e6e8;cursor:pointer}.teaser-arrows button:hover{border-color:#c9a227;background:#30353b}.teaser-dots{display:flex;gap:8px}.teaser-dots button{width:26px;height:4px;padding:0;border:0;border-radius:9px;background:#50565e;cursor:pointer}.teaser-dots button.active{background:#c9a227}.teaser-count{color:#757c85;font-size:.7rem;font-weight:700}.teaser-count b{color:#cfd3d8}
@media(max-width:800px){.expansion-heading,.teaser-slide{grid-template-columns:1fr}.teaser-slide{min-height:0}.teaser-copy{padding:42px 30px}.teaser-courts,.teaser-stat{margin:0 auto 42px}.teaser-wordmark{margin:0 30px 42px;min-height:190px}}@media(max-width:520px){.expansion-heading{gap:15px}.teaser-copy>strong{font-size:4.25rem}.teaser-courts{width:82%;aspect-ratio:1.1}.teaser-courts b{font-size:4.5rem}.teaser-stat b{font-size:5.5rem}.teaser-controls{gap:12px}.teaser-dots button{width:18px}}

/* Brand-aligned muted gold-yellow palette. */
:root{--blue:#c9a227;--aqua:#c9a227;--orange:#c9a227;--accent:#c9a227;--accent-hover:#d6b640}
::selection{background:#c9a227;color:#111419}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(201,162,39,.52)}
.brand-logo{display:block!important;width:clamp(155px,19vw,220px)!important;max-width:220px!important;height:62px!important;max-height:62px!important;object-fit:contain!important;object-position:left center;background:transparent!important;border-radius:0!important}
.brand-mark,.nav-cta,.button.primary,.button.light-button,.calendar-slot.open-play{border-color:#c9a227;background:#c9a227;color:#111419}.nav-cta:hover,.button.primary:hover,.button.light-button:hover{border-color:#d6b640;background:#d6b640}
.main-nav>a:not(.nav-cta)::after,.feature-card::before,.coach-photo::after{background:#c9a227}
.hero::before{border-color:rgba(201,162,39,.22);box-shadow:0 0 0 70px rgba(201,162,39,.018),0 0 0 140px rgba(201,162,39,.012)}
.hero .eyebrow,.hero h1 span,.quick-facts strong,.hero-card-copy a,.feature-number,.eyebrow,.eyebrow.light,.footer-grid span,.calendar-hero .eyebrow,.coaches-hero .eyebrow,.schedule-period h2,.open-play-heading>a,.open-play-session strong,.open-play-card>span,.open-play-card strong,.coach-details>span{color:#d2b34e}
.court-art::before,.court-art::after{border-color:#c9a227}.court-art i{background:#c9a227}.feature-card{color:#c9a227!important}.feature-card::after{border-color:#c9a227}.schedule-banner::after,.calendar-hero::after,.coaches-hero::after{border-color:rgba(201,162,39,.06)}
.live-pill i{background:#c9a227;box-shadow:0 0 0 5px rgba(201,162,39,.1)}.day-button{color:#dbc369}.calendar-status button{color:#dbc369}.calendar-legend i.open-play{border-color:#a98821;background:#c9a227}.open-play-day-name{border-left-color:#c9a227}.open-play-card::after{border-color:rgba(201,162,39,.075)}
.teaser-kicker,.teaser-copy>strong,.teaser-wordmark b{color:#d2b34e}.teaser-courts i{border-color:#c9a227;background:linear-gradient(90deg,transparent 49%,rgba(201,162,39,.72) 49%,rgba(201,162,39,.72) 51%,transparent 51%),#292e34;box-shadow:inset 0 0 0 8px #292e34,inset 0 0 0 10px rgba(201,162,39,.42)}.teaser-stat i{background:linear-gradient(90deg,#c9a227,transparent)}.teaser-arrows button:hover{border-color:#c9a227}.teaser-dots button.active{background:#c9a227}
@media(max-width:680px){.brand-logo{width:clamp(145px,48vw,190px)!important;height:54px!important;max-height:54px!important}}

/* Compact coach profile cards: 3 desktop, 2 tablet, 1 mobile. */
.coaches-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.coach-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid #41464d;border-radius:14px;background:#22252a;box-shadow:0 18px 46px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.coach-card:hover{transform:translateY(-5px);border-color:#6f622d;box-shadow:0 26px 60px rgba(0,0,0,.34)}
.coach-photo{position:relative;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#191b1f}
.coach-photo::after{height:5px;background:#c9a227}
.coach-photo img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center top}
.coach-details{display:flex;flex:1;flex-direction:column;padding:24px}
.coach-details h2{margin:0 0 5px;color:#f5f3ed;font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1;font-style:italic;text-transform:uppercase}
.coach-details .coach-title{display:block;min-height:1.2em;color:#d2b34e;font-size:.68rem;font-weight:800;letter-spacing:.105em;line-height:1.45;text-transform:uppercase}
.coach-info{margin-top:19px;padding-top:16px;border-top:1px solid #3b4046}
.coach-info strong{display:block;margin-bottom:6px;color:#f0eee8;font-size:.68rem;font-weight:800;letter-spacing:.105em;text-transform:uppercase}
.coach-info p,.coach-details .coach-specialties{margin:0;color:#aeb3ba;font-size:.77rem;line-height:1.58;overflow-wrap:anywhere}
.coach-details .coach-specialties{color:#d7d9dc;font-weight:600}
@media(max-width:900px){.coaches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.coaches-grid{grid-template-columns:1fr;gap:18px}.coach-photo{height:auto!important;max-height:none!important;aspect-ratio:4/3!important}.coach-details{padding:21px}}

/* Calendar request failure state. */
.calendar-unavailable[hidden]{display:none}
.calendar-unavailable{min-height:510px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 28px;background:linear-gradient(145deg,#202328,#181a1e);text-align:center}
.calendar-unavailable-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border:1px solid #77692d;border-radius:50%;background:rgba(201,162,39,.09);color:#d2b34e;font:800 2rem 'Barlow Condensed'}
.calendar-unavailable h2{margin:0;color:#f4f2ec;font-size:clamp(2.4rem,5vw,4rem);font-style:italic;letter-spacing:.025em;text-transform:uppercase}
.calendar-unavailable p{max-width:530px;margin:15px auto 27px;color:#aeb3ba;font-size:.88rem}
.calendar-unavailable .button{min-width:220px}
@media(max-width:600px){.calendar-unavailable{min-height:420px;padding:45px 20px}.calendar-unavailable .button{width:100%;min-width:0}}

/* Live Open Play schedule. */
.open-play-hero{position:relative;overflow:hidden;padding:80px 0;background:linear-gradient(115deg,#1b1e22,#292d32);color:#fff}
.open-play-hero::after{content:"";position:absolute;right:-100px;top:-170px;width:420px;height:420px;border:75px solid rgba(201,162,39,.06);border-radius:50%}
.open-play-hero .container{position:relative;z-index:1}.open-play-hero .eyebrow{color:#d2b34e}.open-play-hero h1{margin:0;color:#fff;font-size:clamp(3.8rem,8vw,7rem);font-style:italic;text-transform:uppercase}.open-play-hero p:last-child{max-width:680px;margin:15px 0 0;color:#adb2b9}
.open-play-live-section{background:#17191c}.open-play-live-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.open-play-live-heading h2{margin:0;color:#f3f2ef;font-size:clamp(2.7rem,5vw,4.4rem);font-style:italic;text-transform:uppercase}
.open-play-refresh{min-height:42px;padding:9px 16px;border:1px solid #545a62;border-radius:6px;background:#25292e;color:#d9dbde;font-weight:700;cursor:pointer}.open-play-refresh:hover{border-color:#c9a227;color:#dbc369}.open-play-refresh:disabled{opacity:.5;cursor:wait}
.open-play-live-panel{overflow:hidden;border:1px solid #3b4046;border-radius:14px;background:#202328;box-shadow:0 24px 65px rgba(0,0,0,.28)}
.open-play-loading,.open-play-empty,.open-play-unavailable{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 28px;text-align:center}.open-play-loading[hidden],.open-play-empty[hidden],.open-play-unavailable[hidden]{display:none}
.open-play-loading span{width:34px;height:34px;margin-bottom:16px;border:3px solid #4b5057;border-top-color:#c9a227;border-radius:50%;animation:open-play-spin .8s linear infinite}.open-play-loading strong,.open-play-empty strong{color:#f0eee8;font:800 1.5rem 'Barlow Condensed';text-transform:uppercase}.open-play-empty p{margin:8px 0 0;color:#9fa4ab}
.open-play-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px}.open-play-live-grid[hidden]{display:none}
.open-play-live-card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid #3e434a;border-radius:11px;background:#272b30;box-shadow:0 15px 38px rgba(0,0,0,.18)}
.open-play-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.open-play-card-header>span{color:#d2b34e;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.open-play-card-header>b{flex:none;padding:5px 8px;border:1px solid #555b63;border-radius:4px;color:#c4c8cd;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}
.open-play-live-card h2{margin:17px 0 20px;color:#f5f3ed;font-size:2rem;font-style:italic;text-transform:uppercase}
.open-play-card-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.open-play-detail{display:flex;min-width:0;flex-direction:column;padding:11px 9px;border:1px solid #3b4046;border-radius:7px;background:#202328}.open-play-detail span{color:#8f959d;font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.open-play-detail strong{margin-top:3px;color:#f0efeb;font-size:.75rem;line-height:1.35}
.open-play-card-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:auto;padding-top:22px}.open-play-card-footer p{margin:0;color:#9fa4ab;font-size:.69rem;line-height:1.5}.open-play-card-footer .button{flex:none;min-height:40px;padding:9px 13px;border-radius:5px;font-size:.67rem}
.open-play-unavailable{background:linear-gradient(145deg,#202328,#181a1e)}.open-play-unavailable h2{margin:0;color:#f4f2ec;font-size:clamp(2.3rem,5vw,3.8rem);font-style:italic;text-transform:uppercase}.open-play-unavailable p{max-width:550px;margin:15px auto 27px;color:#aeb3ba;font-size:.88rem}.open-play-unavailable .button{min-width:220px}
@keyframes open-play-spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.open-play-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.open-play-hero{padding:55px 0}.open-play-live-heading{align-items:stretch;flex-direction:column}.open-play-refresh{width:100%}.open-play-live-grid{grid-template-columns:1fr;padding:12px}.open-play-card-footer{align-items:stretch;flex-direction:column}.open-play-card-footer .button{width:100%}.open-play-unavailable .button{width:100%;min-width:0}}