[hidden]{display:none!important}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-row>label{min-width:0;max-width:100%}
form input,form textarea,form select{min-width:0;max-width:100%;box-sizing:border-box}
.sheet{overflow-x:hidden}
.sheet form{min-width:0;max-width:100%}
input[type=date],input[type=time]{display:block;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;padding:10px;line-height:normal;box-sizing:border-box;-webkit-appearance:none;appearance:none;overflow:hidden}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{min-width:0;margin:0;text-align:center}
input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{min-width:0;padding:0}
.city-fixed{cursor:default;color:var(--muted)}.city-fixed>.icon{width:17px!important}
.input-help{display:block;font-size:10px;font-weight:400;line-height:1.7;color:var(--muted);margin-top:8px}.optional{font-weight:400;opacity:.65;margin-left:5px}
.card-image{height:130px;position:relative;overflow:hidden;border-radius:8px;margin:-4px -4px 16px;background:var(--bg)}.card-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.75) brightness(.8);transition:transform .3s}.lobby-card:hover .card-image img{transform:scale(1.035)}.card-image>span{position:absolute;left:11px;bottom:11px;background:#12160fe6;color:#d2f75b;padding:5px 9px;border-radius:5px;font-size:9px;font-weight:700}.card-format{font-size:10px;max-width:90px;text-align:right;white-space:normal}.surface-tag{white-space:nowrap}
.owner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.owner-actions .secondary{min-height:44px;font-size:11px}.owner-delete{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;color:var(--danger);font-size:11px}.owner-delete .icon{height:16px;width:16px}.lobby-court-type{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0;padding:7px 10px;background:var(--soft);border-radius:6px;font-size:11px;color:var(--accent)}.lobby-court-type .icon{height:16px;width:16px}.lobby-facts strong{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.delete-copy{font-size:13px;color:var(--muted);line-height:1.8}.delete-copy strong{color:var(--text)}.delete-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.danger-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:11px 16px;background:#ffb49f;color:#36150e;border-radius:8px;font-size:12px;font-weight:700}.danger-button .icon{height:17px;width:17px}

.hero{touch-action:pan-y}.hero-controls{gap:8px}.hero-dots{gap:0;min-width:0}.hero-dot{min-width:19px;padding:0 6px}.hero-dot.active{min-width:27px}.hero-dot.active>span{width:17px}.hero-dot>span{width:5px;height:5px}.hero-visual .hero-frame{transition:opacity .35s ease,transform .6s ease;transform:scale(1.03)}

.setup-banner{display:flex;align-items:center;gap:14px;max-width:620px;padding:18px;border:1px solid #d2f75b50;border-radius:12px;background:var(--soft);margin-bottom:20px}.setup-banner>.icon{color:var(--accent);flex-shrink:0}.setup-banner>div{flex:1;min-width:0}.setup-banner strong{font-size:13px}.setup-banner p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}.setup-banner .primary{min-height:42px;font-size:11px;padding:10px 13px}
.onboarding-dialog{width:min(480px,calc(100vw - 32px));padding:24px;max-height:94dvh}.onboarding-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.onboarding-brand{font-size:27px;letter-spacing:-1.2px;font-weight:800}.onboarding-top>span:nth-child(2){margin-left:auto;font-size:11px;color:var(--muted)}.onboarding-top .icon-button{width:36px;height:36px}.onboarding-top .icon-button .icon{width:16px;height:16px}.onboarding-photo{position:relative;height:210px;border-radius:12px;overflow:hidden;background:var(--bg);margin-bottom:24px}.onboarding-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.7)}.onboarding-photo>span{position:absolute;bottom:16px;left:16px;display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:var(--accent-text);border-radius:12px}.onboarding-photo .icon{width:26px;height:26px}.onboarding-copy h2{font:27px/1.24 var(--heading);letter-spacing:-.7px;max-width:360px;margin:12px 0 14px;outline:none}.onboarding-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.onboarding-copy p{font-size:12px;color:var(--muted);line-height:1.85}.onboarding-detail{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--accent);margin:18px 0}.onboarding-detail .icon{height:16px;width:16px;flex-shrink:0}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin:22px 0}.onboarding-dots span{width:6px;height:6px;border-radius:5px;background:var(--line)}.onboarding-dots span.active{width:24px;background:var(--accent)}.onboarding-skip{display:block;min-height:44px;width:100%;margin:8px auto 0;font-size:11px;color:var(--muted)}#onboarding-profile-form>label{display:block;margin:19px 0;font-size:11px;color:var(--muted)}.profile-intro h2{font-size:29px}.profile-intro p{max-width:330px}
.map-preview-wrap{position:relative}.map-panel .drawn-map{height:330px;min-height:0}.map-preview-cta{position:absolute;z-index:450;left:14px;bottom:30px;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#12160fe8;color:#d2f75b;font-size:11px;box-shadow:0 4px 20px #0003}.map-preview-cta .icon{height:16px;width:16px}.map-expand{margin-left:auto;display:flex;align-items:center;gap:6px;min-height:32px;font-size:11px;color:var(--accent)}.map-expand .icon{height:16px;width:16px}.court-chip>span{margin-left:7px;font-size:9px;color:var(--accent)}.map-selection .secondary{min-height:40px;font-size:10px}.picker-open-map{margin-top:20px;min-height:46px}.map-unavailable{padding:50px 20px;text-align:center;font-size:12px;color:var(--muted)}
.court-map-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--bg);color:var(--text)}.court-map-dialog[open]{display:flex;flex-direction:column;animation:map-expand-in .28s cubic-bezier(.2,.75,.2,1)}.court-map-dialog.closing{animation:map-expand-out .16s ease-in both}.full-map-header{display:flex;align-items:center;gap:13px;padding:14px 22px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:78px;background:var(--bg);z-index:1}.full-map-header>div{flex:1;min-width:0}.full-map-header strong{font-size:15px;display:block}.full-map-header small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.full-map-header .back-button{border:0;background:var(--surface)}.full-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;flex:1;min-height:0}.full-map-canvas{position:relative;min-height:0;min-width:0}.full-map-canvas .drawn-map{height:100%;min-height:0;width:100%}.court-map-details{padding:26px;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-left:1px solid var(--line)}.court-panel-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.court-panel-heading h2{font:28px/1.2 var(--heading);letter-spacing:-.8px;overflow-wrap:anywhere;margin:12px 0}.court-panel-heading p{font-size:11px;line-height:1.8;color:var(--muted)}.court-address{display:flex;align-items:center;gap:6px;margin-bottom:12px}.court-address .icon{height:16px;width:16px;flex-shrink:0;color:var(--accent)}.court-all-back{display:flex;align-items:center;gap:7px;min-height:40px;margin:-8px 0 17px;color:var(--muted);font-size:11px}.court-all-back .icon{width:15px;height:15px;transform:rotate(180deg)}.court-panel-list{margin-top:23px;display:grid;gap:10px}.court-panel-list button{display:flex;align-items:center;gap:11px;width:100%;min-height:90px;padding:15px 12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.court-panel-list button>span:nth-child(2){flex:1;min-width:0}.court-panel-list strong{font-size:12px;display:block}.court-panel-list small{font-size:10px;color:var(--muted);display:block;margin:5px 0;line-height:1.6}.court-panel-list em{font-size:10px;font-style:normal;color:var(--accent)}.court-panel-list button>.icon{width:16px;height:16px;color:var(--muted);flex-shrink:0}.court-panel-actions{display:grid;gap:10px;margin:23px 0}.court-panel-actions .secondary{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;min-height:44px}.court-panel-games-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px}.court-panel-games-title h3{font-size:15px}.court-panel-games-title>span{color:var(--accent);font-size:12px}.court-panel-games{display:grid;gap:12px}.court-panel-games .card-image{height:100px}.court-panel-games .card-title{font-size:15px}.court-no-games{padding:25px 15px;text-align:center;border:1px dashed var(--line);border-radius:10px}.court-no-games>.icon{height:30px;width:30px;color:var(--accent);margin-bottom:10px}.court-no-games strong{display:block;font-size:13px}.court-no-games p{font-size:11px;color:var(--muted);margin-top:6px}.map-network-notice{position:absolute;z-index:450;top:12px;left:12px;right:12px;padding:10px 13px;border-radius:8px;background:#12160fe8;font-size:10px;color:#f1f3e8;pointer-events:none}
.leaflet-container{background:#d9e2d1;font-family:'Manrope',sans-serif}.leaflet-tile-pane{filter:saturate(.4)}.leaflet-container .leaflet-control-attribution{font-size:9px;padding:3px 6px;color:#263222;background:#f1f3e8ed;max-width:100%}.leaflet-control-attribution a{color:#264a18}.leaflet-control-zoom{border:1px solid var(--line)!important;box-shadow:0 4px 15px #0003!important}.leaflet-control-zoom a{background:#12160f!important;color:#d2f75b!important;border-color:#343d2b!important;width:38px!important;height:38px!important;line-height:38px!important}.court-marker{border:0;background:transparent}.court-marker>span{position:relative;display:grid;place-items:center;width:43px;height:43px;background:#12160f;border:2px solid #d2f75b;border-radius:50% 50% 50% 9px;transform:rotate(-45deg);box-shadow:0 3px 9px #0004;transition:background .2s,scale .2s}.court-marker .icon{transform:rotate(45deg);width:23px;height:23px;color:#d2f75b}.court-marker b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d2f75b;color:#12160f;font-size:10px;transform:rotate(45deg);box-shadow:0 0 0 2px #12160f}.court-marker.selected>span{background:#d2f75b;scale:1.12}.court-marker.selected .icon{color:#12160f}.court-marker:focus-visible{outline:2px solid #12160f;outline-offset:5px}.court-tooltip{font-size:10px;background:#12160f;color:#f1f3e8;border:1px solid #343d2b;border-radius:5px}.leaflet-tooltip-top.court-tooltip:before{border-top-color:#12160f}
.court-panel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:6px 0 20px}.court-panel-tabs button{flex:1;min-height:44px;padding:10px 12px;border-bottom:2px solid transparent;color:var(--muted);font-size:11px}.court-panel-tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:700}.court-panel-tabs button>span{font-size:9px;margin-left:5px;padding:3px 5px;border-radius:4px;background:var(--surface)}.court-info-copy{font-size:11px;line-height:1.8;color:var(--muted)}.court-info-copy+.court-no-games{margin-top:18px}.court-add-game{display:flex;align-items:center;gap:5px;min-height:40px;color:var(--accent);font-size:10px}.court-add-game .icon{width:15px;height:15px}.court-panel-tabs+.court-panel-games-title{margin-top:0;margin-bottom:12px}.court-panel-games .card-image{float:right;width:84px;height:72px;margin:0 0 10px 10px}.court-panel-games .card-court{display:none}.court-panel-games .card-top{min-height:20px}.court-panel-games .card-distance{display:none}.court-panel-games .card-title{font-size:14px;line-height:1.5;margin-top:7px;min-height:42px}.court-panel-games .card-schedule{clear:both}.court-panel-games .card-image>span{display:none}
@keyframes map-expand-in{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}@keyframes map-expand-out{to{opacity:0;transform:translateY(25px)}}
@media(max-width:850px){.full-map-layout{grid-template-columns:minmax(0,1fr) 340px}.court-map-details{padding:22px}.card-image{height:145px}}
@media(max-width:600px){.card-image{height:155px;margin:-4px -4px 16px}.hero-controls{left:17px;right:17px;gap:5px}.hero-controls #hero-photo-count{min-width:43px;font-size:8px}.hero-dot{min-width:18px;padding:0 5px}.hero-dot.active{min-width:23px}.hero-dot.active>span{width:14px}.owner-actions{margin:12px 0}.lobby-court-type{font-size:10px}.onboarding-dialog{width:100%;max-width:100%;max-height:100dvh;border-radius:18px 18px 0 0;margin:auto 0 0;padding:22px 23px max(18px,env(safe-area-inset-bottom))}.onboarding-photo{height:210px}.onboarding-copy h2{font-size:27px}.onboarding-copy p{font-size:12px}.setup-banner{flex-wrap:wrap;padding:16px;gap:10px}.setup-banner>div{flex-basis:75%}.setup-banner .primary{width:100%}.full-map-header{min-height:70px;padding:10px 14px;gap:10px;padding-top:max(10px,env(safe-area-inset-top))}.full-map-header strong{font-size:13px}.full-map-header small{font-size:9px}.full-map-header .back-button,.full-map-header .icon-button{width:40px;height:40px}.full-map-layout{display:flex;flex-direction:column}.full-map-canvas{flex:0 0 40%;min-height:190px}.court-map-details{flex:1;min-height:0;padding:20px;border:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;margin-top:-12px;z-index:500;padding-bottom:max(24px,env(safe-area-inset-bottom))}.full-map-canvas .leaflet-control-attribution{margin-bottom:12px}.court-panel-heading h2{font-size:25px}.court-panel-heading p{font-size:11px}.court-panel-list{margin-top:17px;gap:8px}.court-panel-list button{min-height:82px}.court-panel-list .selection-ball{display:grid}.court-panel-actions{margin:18px 0}.court-panel-games .card-image{height:72px}.map-panel .drawn-map{height:280px;min-height:0}.map-preview-cta{font-size:9px;min-height:39px;left:10px;bottom:28px;padding:9px 11px}.map-selection{min-height:85px}.map-selection .secondary{font-size:10px;padding:8px 11px}.delete-actions{flex-direction:column-reverse}.delete-actions button{width:100%;justify-content:center}}
@media(max-width:360px){.hero-controls{left:15px;right:15px}.hero-dot{min-width:19px}.onboarding-photo{height:170px}.onboarding-copy h2{font-size:24px}.onboarding-dialog{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.court-map-dialog[open],.court-map-dialog.closing{animation:none}.hero-frame,.court-marker>span,.card-image img{transition:none!important}}

/* Keep mobile form text large enough for focus without Safari auto-magnification. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]):not([type=button]),textarea,select{font-size:16px!important}
}
@media(max-width:600px){.profile-card .form-row,#create-form .form-row:not(.schedule-row),#onboarding-profile-form .form-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:374px){#create-form .schedule-row{grid-template-columns:minmax(0,1fr)}}