/* Browser-native court choice: no engine or environment download is needed. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#court-picker{z-index:2;display:flex;flex-direction:column;gap:clamp(12px,2vh,24px);padding:max(22px,env(safe-area-inset-top)) max(5vw,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(5vw,env(safe-area-inset-left));background:radial-gradient(ellipse at 85% 0,#25333850,transparent 60%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 6px),#101411;}
.court-header{display:flex;align-items:center;gap:clamp(24px,4vw,64px);flex:none}.court-brand{width:clamp(100px,14vw,190px);height:auto}.court-header .eyebrow{color:#b3b8a9;margin-bottom:6px;font-size:10px}.court-header h1{font:400 clamp(30px,3.9vw,62px)/1.08 HoopsDisplay,Impact,sans-serif;margin:0;color:var(--cream)}
#court-form{flex:1;display:flex;min-height:0;flex-direction:column;gap:clamp(12px,2vh,24px)}.court-options{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.5vw,36px);flex:1;min-height:0}.court-option{position:relative;min-width:0;min-height:0;cursor:pointer;display:block}.court-option input{position:absolute;left:14px;top:14px;width:22px;height:22px;opacity:0;z-index:1}.court-card{position:relative;display:block;overflow:hidden;width:100%;height:100%;min-height:190px;border:2px solid #6d756755;background:#1b2425;transition:border-color .14s,box-shadow .14s}.court-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080605 25%,#05080635 52%,#050806ec 100%)}.court-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:brightness(.94)}
.court-option input:checked+.court-card{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.court-option input:focus-visible+.court-card{outline:3px solid var(--cream);outline-offset:6px}.court-option:hover .court-card{border-color:#ede7c8}.court-choice-mark{display:none;position:absolute;right:16px;top:16px;z-index:2;border-radius:50%;width:31px;height:31px;align-items:center;justify-content:center;background:var(--yellow);color:#101411;font:bold 20px Arial,sans-serif}.court-option input:checked+.court-card .court-choice-mark{display:flex}.court-caption{position:absolute;left:clamp(16px,2vw,30px);bottom:clamp(17px,2vw,28px);right:14px;display:flex;flex-direction:column;z-index:2}.court-borough{font-size:10px;letter-spacing:.2em;font-weight:bold;color:var(--yellow);margin-bottom:5px}.court-caption strong{font:400 clamp(30px,4.4vw,65px)/1.1 HoopsDisplay,Impact,sans-serif;color:var(--cream)}.court-description{font:13px/1.4 Arial,sans-serif;color:#dddccd;margin-top:8px}
.court-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex:none}.court-footer p{font:12px/1.4 Arial,sans-serif;margin:0;color:#b4b9ad}.court-footer button{width:min(42%,400px);min-height:54px;font-size:clamp(23px,2.4vw,34px)}.court-footer button:disabled{cursor:default;opacity:.42}#loading{z-index:3}#loading[aria-label] .install-callout{display:none!important}
@media(min-aspect-ratio:2/1){#court-picker{gap:12px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.court-header{gap:24px}.court-brand{width:100px}.court-header h1{font-size:32px}.court-header .eyebrow{font-size:9px;margin-bottom:3px}#court-form{gap:12px}.court-card{min-height:140px}.court-caption{bottom:14px;left:18px}.court-caption strong{font-size:34px}.court-description{font-size:11px;margin-top:3px}.court-borough{font-size:9px;margin-bottom:3px}.court-footer button{min-height:44px;font-size:24px;padding:8px 16px}.court-footer p{font-size:11px}}
@media(max-height:350px) and (orientation:landscape){#court-picker{gap:8px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.court-brand{width:75px}.court-header h1{font-size:26px}.court-header .eyebrow{font-size:8px}.court-card{min-height:120px}.court-caption{bottom:12px;left:13px}.court-caption strong{font-size:28px}.court-description{display:none}.court-footer p{font-size:10px}.court-footer button{font-size:21px}.court-choice-mark{width:25px;height:25px;top:10px;right:10px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.court-card{transition:none}}

#court-change{margin-top:10px;min-height:42px;padding:10px 12px;background:#111b1beb;color:var(--cream);border:1px solid #b9bfaf88;clip-path:none;font-size:18px}#court-change:focus-visible{outline-color:var(--yellow)}
@media(max-height:460px) and (orientation:landscape){#court-change{font-size:15px;min-height:38px;margin-top:8px;padding:8px 10px}#loading:has(#court-change:not([hidden])) .footnote{margin-top:12px}#loading:has(#court-change:not([hidden])) h1{max-width:220px;margin-bottom:8px}}

.court-preview-fallback{position:absolute;inset:18% 8% auto;z-index:2;text-align:center;color:#b7bcad;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.13em}.court-card:has(.court-preview-fallback){background:repeating-linear-gradient(135deg,#50615718 0 1px,transparent 1px 10px),linear-gradient(145deg,#304135,#151e20)}

/* Painted capitals have a wider footprint than the old condensed face. */
.court-header h1{font-size:clamp(27px,3.3vw,53px);line-height:1.25}
.court-caption strong{font-size:clamp(28px,4vw,60px);line-height:1.25}
.court-footer button{font-size:clamp(20px,2.1vw,29px);line-height:1.3}
#court-change{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px}
@media(min-aspect-ratio:2/1){.court-header h1{font-size:27px}.court-caption strong{font-size:30px}.court-footer button{font-size:21px}}
@media(max-height:350px) and (orientation:landscape){.court-header h1{font-size:22px}.court-caption strong{font-size:25px}.court-footer button{font-size:18px}}
