.landing-root{--poster-dark:#101210;--poster-light:#f1f0e8;--poster-muted:#acb3a5}
.ticker{display:block;background:var(--poster-dark,#101210);color:#e9eee1;border-block:1px solid #3b4136;padding:20px 0}
.ticker .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ticker span{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ticker i{color:var(--primary,#CDFF4B);font-style:normal;margin-right:14px}
.schedule-section{background:var(--poster-dark,#101210);color:#f3f5ec;position:relative}
.schedule-heading{position:relative;display:grid;grid-template-columns:1.7fr 1fr;gap:48px;align-items:end;margin-bottom:40px;padding-right:80px}
.schedule-heading h2{font-family:Onest,Arial,sans-serif;text-transform:none;font-weight:650;font-size:clamp(2.75rem,4.8vw,6.2rem);letter-spacing:-.065em;line-height:1.02;margin:16px 0 0;max-width:1040px}
.schedule-heading>p{font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.6;color:#c3c9bc;margin:0;max-width:420px}
.schedule-ball{position:absolute;right:0;top:0;width:46px;color:var(--primary,#CDFF4B);transform:rotate(24deg)}
.schedule-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;border-top:1px solid #47503e}
.schedule-filters{display:flex;flex-wrap:wrap;gap:8px}
.schedule-filter{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border:1px solid #505748;border-radius:999px;font-size:.83rem;text-decoration:none;transition:background .15s,color .15s}
.schedule-filter:hover,.schedule-filter:focus-visible{border-color:var(--primary,#CDFF4B)}
.schedule-filter.is-active{background:var(--primary,#CDFF4B);color:var(--primary-ink,#101210);border-color:var(--primary,#CDFF4B)}
.schedule-timezone{font-size:.75rem;color:#aab39f;white-space:nowrap}
.event-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
.event-posters[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:850px}
.event-posters[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.event-poster{position:relative;display:flex;flex-direction:column;min-width:0;background:#1a1e17;color:#f2f4e9;border:1px solid #515946;border-radius:8px;padding:28px;overflow-wrap:anywhere}
.event-poster-featured{background:var(--primary,#CDFF4B);color:var(--primary-ink,#101210);border-color:var(--primary,#CDFF4B)}
.event-poster-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:32px}
.event-format{font-size:.7rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;max-width:70%}
.event-marker{font-size:.6rem;letter-spacing:.1em;line-height:1.5;text-align:right;color:#b5beab;max-width:90px}
.event-poster-featured .event-marker{color:#374222}
.event-date{display:flex;gap:17px;align-items:center;margin:24px 0 5px;position:relative}
.event-date>strong{font-size:clamp(4.2rem,5.9vw,7.8rem);font-weight:650;letter-spacing:-.075em;line-height:.95}
.event-date>div{display:flex;flex-direction:column;gap:4px}
.event-date>div>span{font-size:1.4rem;letter-spacing:-.04em;font-weight:550}
.event-date small{font-size:.8rem;color:#b7c0ac}
.event-poster-featured .event-date small{color:#48582e}
.event-arrow{margin-left:auto;font-size:2.8rem;font-weight:300}
.event-time{font-size:.85rem;font-weight:550;margin:8px 0 24px}
.event-poster h3{font-family:Onest,Arial,sans-serif;font-size:clamp(1.45rem,1.8vw,2.2rem);line-height:1.15;letter-spacing:-.05em;margin:0;padding:24px 0 18px;border-top:1px solid #59624b;font-weight:650}
.event-poster-featured h3{border-color:#789436}
.event-location p{font-size:.9rem;line-height:1.5;margin:0 0 8px}
.event-metro{font-size:.75rem;color:#bdc8b1}
.event-poster-featured .event-metro{color:#364d22}
.event-conditions{list-style:none;padding:16px 0 0;margin:0;font-size:.8rem;line-height:1.55}
.event-conditions li{position:relative;padding:0 0 8px 17px}
.event-conditions li:before{content:"+";position:absolute;left:0;color:var(--primary,#CDFF4B);font-weight:650}
.event-poster-featured .event-conditions li:before{color:#283b15}
.event-level{font-size:.78rem;line-height:1.5;margin:8px 0 18px}
.event-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;margin-top:auto;padding-top:32px}
.event-price strong{font-size:clamp(1.9rem,2.6vw,3.3rem);letter-spacing:-.07em;line-height:1.05;font-weight:650}
.event-price span{font-size:.74rem;opacity:.8}
.event-status{display:flex;gap:6px;align-items:center;font-size:.73rem;margin:17px 0 20px;line-height:1.5}
.event-status i{flex:none;width:5px;height:5px;background:currentColor;border-radius:50%}
.event-actions{display:grid;grid-template-columns:1fr 1.12fr;gap:9px}
.event-actions .btn{font-size:.82rem;padding:12px 8px;min-height:50px;white-space:normal;line-height:1.3;text-align:center;gap:7px}
.event-poster-featured .btn-primary{background:#101210;color:#f1f6e7}
.event-poster-featured .btn-ghost{border-color:#38521d;color:#12200b}
.event-unavailable{border:1px solid #555e49;color:#b8c2ac;cursor:default}
.event-poster-featured .event-unavailable{color:#3b5023;border-color:#829e43}
.schedule-message{padding:14px 18px;background:#262c20;border-left:3px solid var(--primary,#CDFF4B);font-size:.85rem;line-height:1.5;margin:0 0 20px}
.schedule-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:32px}
.schedule-footer>span{color:#a6b09b;font-size:.74rem}
.schedule-all{display:flex;gap:28px;align-items:center;font-size:1rem;text-decoration:none;border-bottom:1px solid var(--primary,#CDFF4B);padding:8px 0}
.schedule-empty{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:50px;border:1px solid #505b41;background:#1a2016}
.empty-court{display:block;align-self:center;color:#a9cf61}
.schedule-empty h3{font-size:clamp(2rem,3.3vw,4rem);letter-spacing:-.065em;line-height:1.1;margin:18px 0}
.schedule-empty p{color:#bbc7ad;line-height:1.6;max-width:540px;margin:0 0 24px}
.hero-specifics{color:#ccd4bd;font-size:.82rem;line-height:1.7;max-width:550px;margin:-4px 0 25px;pointer-events:auto}
.hero-specifics b{display:block;color:#eff5e3;font-size:.92rem;font-weight:550}
.hero-specifics a{color:var(--primary,#CDFF4B);text-underline-offset:4px}
.first-time-inline{background:var(--poster-light,#f1f0e8);color:#171d11;padding-block:var(--space,72px)}
.first-time-inline h2{font-family:Onest,sans-serif;text-transform:none;font-size:clamp(2.3rem,4vw,4.8rem);letter-spacing:-.065em;margin:0 0 32px}
.first-time-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.first-time-steps article{border-top:1px solid #b1b8a5;padding-top:22px}
.first-time-steps small{display:block;margin-bottom:18px;color:#566146}
.first-time-steps h3{font-size:1.2rem;letter-spacing:-.04em;margin:0 0 14px}
.first-time-steps p{font-size:.91rem;line-height:1.7;color:#424e35}
.first-time-steps a{text-underline-offset:4px}
[hidden]{display:none!important}
@media(min-width:1800px){.event-poster{padding:38px}.event-posters{gap:24px}.event-time,.event-location p{font-size:1rem}.event-actions .btn{font-size:1rem}}
@media(max-width:1000px){.schedule-heading{grid-template-columns:1fr;padding-right:65px;gap:24px}.event-poster{padding:22px}.event-posters{grid-template-columns:repeat(2,minmax(0,1fr))}.event-posters[data-count="3"] .event-poster:last-child{grid-column:1/-1}.event-date>strong{font-size:5.7rem}.schedule-timezone{display:none}.schedule-empty{padding:30px}.first-time-steps{gap:22px}}
@media(max-width:600px){.ticker{padding:15px 0}.ticker .wrap{gap:10px 20px}.ticker span{font-size:.62rem;letter-spacing:.07em}.ticker i{margin-right:7px}.schedule-section{padding-block:48px}.schedule-heading{padding-right:0;gap:20px;margin-bottom:28px}.schedule-heading h2{font-size:2.6rem;max-width:330px;line-height:1.04}.schedule-heading>p{max-width:300px;font-size:.95rem}.schedule-ball{width:22px;top:2px}.schedule-toolbar{padding:20px 0}.schedule-filter{min-height:40px;font-size:.75rem;padding:9px 13px}.event-posters,.event-posters[data-count="1"],.event-posters[data-count="2"]{grid-template-columns:minmax(0,1fr);gap:14px}.event-posters[data-count="3"] .event-poster:last-child{grid-column:auto}.event-poster{padding:24px}.event-date{margin-top:20px}.event-date>strong{font-size:6rem}.event-time{margin-bottom:22px}.event-poster h3{font-size:1.9rem;padding:20px 0 16px}.event-price strong{font-size:2.8rem}.event-price{padding-top:24px}.event-actions .btn{font-size:.85rem;min-height:52px}.schedule-footer{align-items:start;flex-direction:column;padding-top:26px;gap:16px}.schedule-empty{grid-template-columns:1fr;padding:26px;gap:8px}.empty-court{max-height:140px;overflow:hidden}.empty-court svg{width:100%;height:140px}.schedule-empty h3{font-size:2.45rem}.first-time-steps{grid-template-columns:1fr;gap:8px}.first-time-inline{padding-block:48px}.hero-specifics{max-width:95%;font-size:.75rem;margin-bottom:21px}}

.continuation-art picture,.court-art picture,.hero-image picture{display:contents}

/* Event actions continue in the existing app. */
.event-actions{grid-template-columns:1fr}

/* Beginner access shares the exact same grid cell and card dimensions. */
.event-poster-beginner{background:var(--poster-light,#f1f0e8);color:#151b11;border-color:#c4caba;box-shadow:inset 0 5px 0 var(--primary,#CDFF4B)}
.event-poster-beginner .event-marker,.event-poster-beginner .event-date small,.event-poster-beginner .event-metro{color:#59624f}
.event-poster-beginner h3{border-color:#c3c9b8}
.beginner-source{font-size:.72rem;line-height:1.55;color:#59624f;margin:14px 0 0}
.beginner-choice{margin:16px 0 0;font-size:.78rem;line-height:1.5}
.beginner-choice strong{display:inline-flex;gap:14px;align-items:center;font-size:.95rem;background:var(--primary,#CDFF4B);color:var(--primary-ink,#101210);padding:5px 9px;border-radius:4px;margin-top:5px}
.event-price-discount{flex-direction:column;align-items:stretch;gap:8px}
.event-price-was{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.event-price-was del{font-size:1.25rem;color:#69715f;text-decoration-thickness:2px;text-decoration-color:#69715f}
.event-price-was .event-discount-badge{display:inline-flex;font-size:.72rem;font-weight:650;opacity:1;background:var(--primary,#CDFF4B);color:var(--primary-ink,#101210);padding:4px 9px;border-radius:4px}
.event-price-now{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px}
.event-price-discount .event-discount-caption{font-size:.72rem;opacity:1;color:#59624f}
@media(min-width:601px){.event-posters[data-count="1"]:has(.event-poster-beginner){grid-template-columns:minmax(0,1fr);max-width:440px}}
@media(min-width:1241px){.event-posters[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.event-posters[data-count="4"] .event-poster{padding:25px}.event-posters[data-count="4"] .event-date{gap:10px}.event-posters[data-count="4"] .event-date>strong{font-size:clamp(4.2rem,5.1vw,6.5rem)}.event-posters[data-count="4"] .event-date>div>span{font-size:1.2rem}.event-posters[data-count="4"] .event-arrow{font-size:2rem}}
@media(min-width:601px) and (max-width:1240px){.event-posters[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.format-page-links{display:flex;gap:12px;flex-wrap:wrap;padding:0 4vw 48px;max-width:1920px;margin:auto}.format-page-links a{padding:10px 18px;border:1px solid #414a35;border-radius:24px;color:#CDFF4B;text-decoration:none}.format-intro{padding:150px 0 20px}.format-intro h1{font-size:clamp(36px,4.8vw,88px);line-height:1.05;letter-spacing:-.045em;max-width:1200px;margin:22px 0}.format-intro p{font-size:18px;max-width:920px;color:#bfc7b8}.format-rules{padding:12px 0 80px}.format-rules p{max-width:1000px;line-height:1.65;color:#c5cabb}.format-rules h2{font-size:clamp(28px,3.5vw,52px)}@media(max-width:600px){.format-intro{padding-top:110px}.format-intro p{font-size:16px}.format-page-links{padding-bottom:28px}.format-rules{padding-bottom:48px}}

/* Keep all three real-data posters equally wide on tablets too. */
@media(min-width:601px) and (max-width:1000px){.event-posters[data-count="3"] .event-poster:last-child{grid-column:auto}}