.play-zones{padding:72px 0 40px;background:#090909}
.zones-heading{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:40px}
.zones-heading .sec-title{font-size:clamp(28px,3.5vw,46px);margin:0}
.zones-heading p{max-width:380px;color:var(--muted);font-size:14px}
.zones-layout{display:grid;grid-template-columns:306px minmax(0,1fr);gap:24px}
.zone-tabs{display:flex;flex-direction:column;gap:9px}
.zone-tab{display:block;width:100%;padding:22px;text-align:left;background:#111;color:#fff;border:1px solid #242424;border-radius:18px;transition:background .15s,color .15s}
.zone-number{display:block;margin-bottom:10px;color:var(--lime);font:800 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}
.zone-tab-title{display:block;font:800 21px/1.15 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.zone-tab-copy{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}
.zone-tab:hover{border-color:var(--lime)}
.zone-tab[aria-selected="true"]{background:var(--lime);color:#090909;border-color:var(--lime)}
.zone-tab[aria-selected="true"] .zone-number,.zone-tab[aria-selected="true"] .zone-tab-copy{color:#384715}
.zone-panel{position:relative;isolation:isolate;min-height:396px;height:100%;overflow:hidden;border:1px solid #292929;border-radius:22px;background:#111}
.zone-panel[hidden]{display:none}
.zone-photo{position:absolute;inset:0 0 0 auto;width:74%;height:100%;object-fit:cover;z-index:-2}
.zone-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 28%,rgba(9,9,9,.72) 52%,rgba(9,9,9,.08) 100%)}
.zone-content{padding:40px;max-width:535px}
.zone-content h3{font-size:clamp(26px,3vw,38px);text-transform:uppercase}
.zone-description{margin-top:18px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}
.zone-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.zone-stats>div{display:flex;flex-direction:column-reverse;gap:4px;padding:12px 16px;background:rgba(30,30,30,.86);border:1px solid #343434;border-radius:13px}
.zone-stats dd{color:var(--lime);font:800 18px/1.2 var(--display)}
.zone-stats dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.zone-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.zone-actions a{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-size:12px;font-weight:800}
.zone-book{background:var(--lime);color:#090909}
.zone-book:hover{background:#c9ff70}
.zone-browse{background:rgba(12,12,12,.7);border:1px solid #383838}
.zone-browse:hover{border-color:var(--lime)}
@media(max-width:1000px){.zones-layout{grid-template-columns:250px minmax(0,1fr);gap:18px}.zone-tab{padding:20px}.zone-tab-title{font-size:18px}.zone-content{padding:30px}.zones-heading{align-items:flex-start}.zones-heading p{max-width:300px}}
@media(max-width:700px){.play-zones{padding:44px 0 24px}.zones-heading{display:block;margin-bottom:24px}.zones-heading p{max-width:none;margin-top:16px;font-size:13px}.zones-layout{grid-template-columns:minmax(0,1fr);gap:16px}.zone-tabs{flex-direction:row;gap:7px}.zone-tab{flex:1;min-width:0;padding:13px 9px;border-radius:12px}.zone-tab .zone-number{font-size:8px;margin-bottom:7px}.zone-tab-title{font-size:clamp(10px,2.6vw,17px);line-height:1.3}.zone-tab-copy{display:none}.zone-content{padding:220px 22px 26px;max-width:none}.zone-photo{width:100%;height:270px;object-position:center 45%}.zone-panel::after{background:linear-gradient(180deg,transparent 0,#090909 265px)}.zone-description{font-size:13px}.zone-content h3{font-size:27px}.zone-stats>div{padding:12px}.zone-stats dd{font-size:16px}.zone-actions a{flex:1;padding:13px 10px}.zone-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.zone-tab{transition:none}}