.courts{--court-ground: #0a0a0a;--court-ground-2: #0e0e0f;--panel: #151517;--panel-2: #1b1b1e;--line: #2a2a2e;--line-2: #3a3a40;--orange: #f15825;--orange-hi: #ff7a47;--cream: #fafafa;--fog: #9d9da4;--fog-2: #8a8a91;--go: #46d08a;--hardwood: #e6c489;--hardwood-hi: #f0d39f;--court-line: #b07c3f;--display: var(--font-display);--body: var(--font-body);--shade-quarter: rgba(241, 88, 37, .2);--shade-half: rgba(241, 88, 37, .52);--shade-whole: rgba(241, 88, 37, .96);--r-md: .8rem;--r-lg: 1.25rem;position:relative;min-height:100dvh;background:var(--court-ground);color:var(--cream);font-family:var(--body)}.courts .atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 60% at 88% -8%,rgba(241,88,37,.16),transparent 60%),radial-gradient(90% 50% at 0% 108%,rgba(241,88,37,.07),transparent 60%),repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 2px,transparent 2px 9px),linear-gradient(180deg,#0a0a0ad4,#0a0a0ae0 45%,#0a0a0af5),image-set(url(../media/img/127358228332dsc04997-1-1280.webp) type("image/webp"),url(../media/img/127358228332dsc04997-1.jpg) type("image/jpeg")) center / cover no-repeat,var(--court-ground)}@media(max-width:640px){.courts .atmosphere{background:radial-gradient(120% 60% at 88% -8%,rgba(241,88,37,.16),transparent 60%),radial-gradient(90% 50% at 0% 108%,rgba(241,88,37,.07),transparent 60%),repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 2px,transparent 2px 9px),linear-gradient(180deg,#0a0a0ad4,#0a0a0ae0 45%,#0a0a0af5),image-set(url(../media/img/127358228332dsc04997-1-640.webp) type("image/webp"),url(../media/img/127358228332dsc04997-1.jpg) type("image/jpeg")) center / cover no-repeat,var(--court-ground)}}.courts-wrap{position:relative;z-index:1;max-width:32rem;margin:0 auto;padding:66px 1.05rem calc(2rem + env(safe-area-inset-bottom))}.courts .app-header{display:flex;align-items:center;gap:.75rem;padding:1.15rem 0 .6rem}.courts .app-header img{width:44px;height:44px;filter:drop-shadow(0 2px 10px rgba(241,88,37,.35))}.courts .app-header__titles{display:flex;flex-direction:column;gap:.18rem}.courts .eyebrow{display:inline-flex;align-items:center;gap:.42rem;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fog);font-weight:600}.courts .live-dot{width:7px;height:7px;border-radius:99px;background:var(--orange);box-shadow:0 0 #f158258c;animation:courtsPulse 2s infinite}@keyframes courtsPulse{0%{box-shadow:0 0 #f1582580}70%{box-shadow:0 0 0 7px #f1582500}to{box-shadow:0 0 #f1582500}}.courts .app-header h1{font-family:var(--display);font-weight:400;letter-spacing:.015em;font-size:clamp(2.4rem,11vw,3.1rem);line-height:.86;margin:0;text-transform:uppercase}.courts .daybar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .85rem;margin:.2rem 0 .85rem;position:sticky;top:60px;z-index:6;background:linear-gradient(180deg,#1b1b1ef5,#151517f5);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 10px 30px -18px #000000e6}.courts .daybar .date{font-family:var(--display);font-size:1.7rem;line-height:.9;letter-spacing:.01em}.courts .daybar .date small{font-family:var(--body);display:block;margin-top:.18rem;font-size:.66rem;color:var(--fog);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.courts .daybar__nav{display:flex;gap:.45rem}.courts .daybar select{font-family:var(--body);font-size:.82rem;font-weight:600;color:var(--cream);background:var(--panel-2);border:1px solid var(--line-2);border-radius:99px;padding:.55rem 2rem .55rem .95rem;cursor:pointer;min-height:44px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23fafafa' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:.6rem;transition:border-color .15s ease,background-color .15s ease}.courts .daybar select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.courts .daybar select option{background:var(--panel-2);color:var(--cream)}.courts .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}.courts .dayhint{margin:0 0 .9rem;padding:0 .2rem;font-size:.74rem;line-height:1.5;color:var(--fog)}.courts .legend{display:flex;gap:1.05rem;font-size:.7rem;color:var(--fog);padding:0 .2rem .7rem}.courts .legend span{display:inline-flex;align-items:center}.courts .legend i{display:inline-block;width:.95rem;height:.62rem;border-radius:3px;margin-right:.38rem;border:1px solid var(--line-2)}.courts .legend .q{background:var(--shade-quarter)}.courts .legend .h{background:var(--shade-half)}.courts .legend .w{background:var(--shade-whole)}.courts .hours{display:flex;flex-direction:column;gap:5px}.courts .hour{position:relative;display:grid;grid-template-columns:3.6rem 1fr auto auto;align-items:center;gap:.7rem;background:linear-gradient(180deg,var(--panel),var(--court-ground-2));border:1px solid var(--line);border-radius:var(--r-md);padding:.8rem .95rem;min-height:58px;width:100%;text-align:left;color:var(--cream);font:inherit;cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .15s ease;opacity:0;transform:translateY(8px);animation:courtsRowIn .45s ease forwards}.courts .hours .hour:nth-child(1){animation-delay:.02s}.courts .hours .hour:nth-child(2){animation-delay:.04s}.courts .hours .hour:nth-child(3){animation-delay:.06s}.courts .hours .hour:nth-child(4){animation-delay:.08s}.courts .hours .hour:nth-child(5){animation-delay:.1s}.courts .hours .hour:nth-child(6){animation-delay:.12s}.courts .hours .hour:nth-child(7){animation-delay:.14s}.courts .hours .hour:nth-child(8){animation-delay:.16s}.courts .hours .hour:nth-child(n+9){animation-delay:.18s}@keyframes courtsRowIn{to{opacity:1;transform:translateY(0)}}.courts .hour:active{transform:scale(.992)}.courts .hour .time{font-family:var(--display);font-size:1.35rem;letter-spacing:.01em;color:var(--cream);white-space:nowrap}.courts .hour .bar{height:.62rem;border-radius:99px;background:#19191c;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.courts .hour .bar>span{display:block;height:100%;border-radius:99px;transition:width .3s ease}.courts .hour[data-extent=none] .bar>span{width:0}.courts .hour[data-extent=quarter] .bar>span{width:25%;background:linear-gradient(90deg,var(--shade-quarter),rgba(241,88,37,.3))}.courts .hour[data-extent=half] .bar>span{width:55%;background:linear-gradient(90deg,var(--shade-half),rgba(241,88,37,.62))}.courts .hour[data-extent=whole] .bar>span{width:100%;background:linear-gradient(90deg,var(--orange),var(--orange-hi))}.courts .hour .tag{font-size:.72rem;color:var(--fog);white-space:nowrap;font-weight:500}.courts .hour[data-extent=none] .tag{color:var(--go)}.courts .hour[data-extent=whole] .tag{color:var(--orange-hi)}.courts .hour .chev{font-family:var(--display);font-size:1.3rem;color:var(--fog-2);line-height:1}.courts .hour.is-now{border-color:#f15825a6;box-shadow:0 0 0 1px #f1582566,0 10px 26px -16px #f15825cc}.courts .hour.is-now:before{content:"NOW";position:absolute;top:-1px;right:2.6rem;font-family:var(--body);font-size:.54rem;font-weight:700;letter-spacing:.16em;color:#120a06;background:var(--orange);padding:.12rem .4rem;border-radius:0 0 .4rem .4rem}.courts .hour.is-now .time{color:var(--orange-hi)}.courts .foot{margin-top:1.4rem;text-align:center;font-size:.7rem;color:var(--fog-2);letter-spacing:.02em}.courts .sheet{position:fixed;inset:0;background:#000000bd;display:none;align-items:flex-end;z-index:200}.courts .sheet.open{display:flex;animation:courtsFade .18s ease}@keyframes courtsFade{0%{opacity:0}to{opacity:1}}.courts .sheet__card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border-top-left-radius:1.4rem;border-top-right-radius:1.4rem;width:100%;max-width:32rem;margin:0 auto;padding:.85rem 1.1rem calc(1.7rem + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:none;box-shadow:0 -20px 50px -20px #000000e6;animation:courtsSlideUp .26s cubic-bezier(.22,1,.36,1)}@keyframes courtsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.courts .sheet__grip{width:40px;height:4px;background:var(--line-2);border-radius:99px;margin:.1rem auto .85rem}.courts .sheet__title{font-family:var(--display);font-size:1.7rem;line-height:1.1;letter-spacing:.01em;margin:0 0 .12rem}.courts .sheet__sub{color:var(--fog);font-size:.78rem;margin:0 0 1rem}.courts .court{width:100%;aspect-ratio:1 / 1;max-width:21rem;margin:0 auto;display:block;border-radius:.6rem;filter:drop-shadow(0 16px 30px -16px rgba(0,0,0,.8))}.courts .court .quad{fill:var(--hardwood);transition:fill .22s ease}.courts .court .quad.booked{fill:var(--orange)}.courts .court .lines{pointer-events:none}.courts .court .lines line,.courts .court .lines path{stroke:var(--court-line);stroke-width:1.6;fill:none}.courts .court .lines .frame{stroke:var(--court-line);stroke-width:2.4;fill:none}.courts .court .lines .board{stroke-width:3;stroke-linecap:round}.courts .court .lines .hoop{fill:var(--court-line);stroke:none}.courts .court .crestbg{fill:var(--court-ground);stroke:var(--court-line);stroke-width:1.6}.courts .qlabels{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem}.courts .qlabel{font-size:.72rem;color:var(--cream);background:var(--panel);border:1px solid var(--line);border-radius:.6rem;padding:.55rem .65rem;line-height:1.35;border-left:3px solid var(--orange)}.courts .qlabel b{display:block;font-weight:600;font-size:.78rem}.courts .qlabel.free{border-left-color:var(--hardwood);color:var(--fog)}.courts .qlabel.free b{color:var(--cream)}.courts .sheet__close{margin-top:1.1rem;width:100%;min-height:50px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--panel-2);color:var(--cream);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:transform .12s ease}.courts .sheet__close:active{transform:scale(.98)}@media(min-width:1000px){.courts-wrap{max-width:min(clamp(68rem,82vw,108rem),calc(100vw - 2.6rem));padding-left:1.3rem;padding-right:1.3rem;display:flex;flex-direction:column}.courts .app-header{padding:1.6rem 0 .9rem;order:1}.courts .app-header img{width:54px;height:54px}.courts .app-header h1{font-size:3.1rem}.courts .dayhint{order:2;max-width:74ch;margin-bottom:.7rem}.courts .legend{order:3;padding-bottom:.5rem}.courts .weekview{order:4}.courts .daybar,.courts .hours,.courts .foot,.courts .sheet{display:none}}@media(min-width:1600px){.courts .app-header img{width:64px;height:64px}.courts .app-header h1{font-size:3.8rem}.courts .eyebrow{font-size:.72rem}.courts .dayhint{font-size:.84rem}.courts .legend{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.courts .live-dot,.courts .hour,.courts .sheet.open,.courts .sheet__card{animation:none!important}.courts .hour{opacity:1;transform:none}.courts .court .quad,.courts .hour .bar>span,.courts .sheet__close{transition:none}}.weekview[data-astro-cid-xyxqja56]{display:none}@media(min-width:1000px){.weekview[data-astro-cid-xyxqja56]{display:block;margin:6px 0 0}}.weekview__title[data-astro-cid-xyxqja56]{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.3rem;color:var(--cream);margin:0 0 14px}.weekview[data-astro-cid-xyxqja56] .sw-item{border-left:3px solid #ffffff1f}.weekview[data-astro-cid-xyxqja56] .sw-item[data-tone=whole]{border-left-color:var(--orange);background:#f158252b}.weekview[data-astro-cid-xyxqja56] .sw-item[data-tone=half]{border-left-color:#f15825b8;background:#f158251c}.weekview[data-astro-cid-xyxqja56] .sw-item[data-tone=quarter]{border-left-color:#f1582573;background:#f158250f}.weekview[data-astro-cid-xyxqja56] .sw-time{color:var(--hardwood-hi)}@media(min-width:1600px){.weekview__title[data-astro-cid-xyxqja56]{font-size:1.6rem;margin-bottom:18px}.weekview[data-astro-cid-xyxqja56] .sw-item{padding:13px 15px}.weekview[data-astro-cid-xyxqja56] .sw-time{font-size:.82rem}.weekview[data-astro-cid-xyxqja56] .sw-label{font-size:1rem}.weekview[data-astro-cid-xyxqja56] .sw-sub{font-size:.78rem}.weekview[data-astro-cid-xyxqja56] .sw-wd{font-size:.76rem}.weekview[data-astro-cid-xyxqja56] .sw-dn{font-size:1.35rem}.weekview[data-astro-cid-xyxqja56] .sw-note{font-size:.74rem}.weekview[data-astro-cid-xyxqja56] .sw-caption{font-size:.86rem}}