:root{--color-surface: oklch(98% .005 145);--color-text: oklch(20% .02 145);--color-court-green: oklch(55% .13 150);--color-clay: oklch(62% .14 40);--color-accent: var(--color-court-green);--color-danger: oklch(55% .2 25);--color-muted: oklch(55% .02 145);--text-base: clamp(.95rem, .9rem + .3vw, 1.05rem);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--radius: 10px;--duration-fast: .15s;--shadow-panel: 0 4px 24px oklch(0% 0 0 / .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface)}img,svg{display:block;max-width:100%}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-4);overflow-y:auto;z-index:30}.detail-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.detail-panel h2{margin:0;font-size:1.3rem}.detail-close{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--color-text)}.detail-close:focus-visible{outline:2px solid var(--color-clay)}.badge-unverified{display:inline-block;margin-top:var(--space-1);font-size:11px;padding:2px 8px;border-radius:999px;background:var(--color-muted);color:#fff}.detail-address{color:var(--color-muted);margin:var(--space-2) 0}.detail-facts{display:grid;grid-template-columns:56px 1fr;gap:var(--space-1) var(--space-2);margin:0 0 var(--space-3)}.detail-facts dt{font-weight:700;font-size:13px}.detail-facts dd{margin:0;font-size:14px}.booking-box{border:2px solid var(--color-court-green);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3)}.booking-box h3{margin:0 0 var(--space-2);font-size:1rem}.booking-badge{background:var(--color-court-green);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}.booking-badge.is-unknown{background:var(--color-muted)}.booking-cta{display:block;text-align:center;background:var(--color-court-green);color:#fff;padding:var(--space-2);border-radius:var(--radius);margin-top:var(--space-2);text-decoration:none;font-weight:700}.booking-cta:hover{filter:brightness(1.08)}.booking-cta:focus-visible{outline:2px solid var(--color-clay)}.booking-verified{font-size:12px;color:var(--color-muted);margin:var(--space-2) 0 0}.report-link{margin-top:var(--space-3);border:none;background:transparent;color:var(--color-clay);text-decoration:underline;cursor:pointer;padding:0;font-size:14px}.report-link:focus-visible{outline:2px solid var(--color-clay)}@media(max-width:640px){.detail-panel{top:auto;width:100vw;max-height:62vh;border-radius:var(--radius) var(--radius) 0 0}}.court-list{position:fixed;top:76px;left:var(--space-3);bottom:var(--space-3);width:min(340px,calc(100vw - 24px));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-panel);z-index:10;padding:var(--space-2)}.court-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.court-list li>button{width:100%;text-align:left;border:none;background:transparent;padding:var(--space-2);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:2px;font-size:var(--text-base);color:var(--color-text)}.court-list li>button:hover{background:#e2efe4}.court-list li>button:focus-visible{outline:2px solid var(--color-clay)}.court-list li>button[aria-pressed=true]{background:var(--color-court-green);color:#fff}.court-list li>button span{font-size:12px;opacity:.75}.court-list-empty{padding:var(--space-3);color:var(--color-muted)}.unknown{color:var(--color-muted);font-style:italic}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.court-list{top:auto;left:0;bottom:0;width:100vw;max-height:42vh;border-radius:var(--radius) var(--radius) 0 0}}.filter-bar{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);background:var(--color-surface);padding:var(--space-2);border-radius:var(--radius);box-shadow:var(--shadow-panel);z-index:20;max-width:calc(100vw - 32px);flex-wrap:wrap}.filter-bar input,.filter-bar select{border:1px solid oklch(85% .02 150);border-radius:calc(var(--radius) - 4px);padding:var(--space-1) var(--space-2);font-size:14px;background:var(--color-surface);color:var(--color-text)}.filter-bar input{min-width:160px}.filter-bar :focus-visible{outline:2px solid var(--color-clay)}.filter-bar .report-btn{border:none;background:var(--color-clay);color:#fff;border-radius:calc(var(--radius) - 4px);padding:var(--space-1) var(--space-3);font-weight:700;cursor:pointer}.filter-bar .report-btn:hover{filter:brightness(1.08)}.map-container{position:fixed;inset:0}.map-canvas{width:100%;height:100%}.court-marker{padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-clay);font-size:12px;font-weight:700;box-shadow:var(--shadow-panel);cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast)}.court-marker.is-public{border-color:var(--color-court-green)}.court-marker.is-selected{transform:scale(1.15);background:var(--color-court-green);color:#fff}.cluster-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-clay);color:#fff;border:3px solid var(--color-surface);box-shadow:var(--shadow-panel);cursor:pointer}.cluster-count{font-size:13px;font-weight:700}.my-location-btn{position:fixed;right:var(--space-3);bottom:var(--space-4);width:44px;height:44px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text);font-size:18px;box-shadow:var(--shadow-panel);cursor:pointer;z-index:10}.my-location-btn:focus-visible{outline:2px solid var(--color-clay)}.report-modal{border:none;border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:var(--space-4);width:min(420px,calc(100vw - 32px));color:var(--color-text);background:var(--color-surface)}.report-modal::backdrop{background:#0006}.report-modal h2{margin:0 0 var(--space-3)}.report-type{border:none;padding:0;margin:0 0 var(--space-2);display:flex;gap:var(--space-3)}.report-type legend{font-weight:700;font-size:13px;margin-bottom:var(--space-1)}.report-target{font-size:13px;color:var(--color-muted);margin:0 0 var(--space-2)}.report-modal label{display:block;font-size:13px;font-weight:700;margin-bottom:var(--space-2)}.report-modal label small{font-weight:400;color:var(--color-muted)}.report-modal input:not([type=radio]),.report-modal textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid oklch(85% .02 150);border-radius:calc(var(--radius) - 4px);padding:var(--space-2);font-size:14px;font-family:inherit}.report-modal :focus-visible{outline:2px solid var(--color-clay)}.turnstile-slot{margin:var(--space-2) 0;min-height:20px}.report-ok{color:var(--color-court-green);font-weight:700}.report-fail{color:var(--color-danger);font-weight:700}.report-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.report-actions button{border:1px solid oklch(85% .02 150);background:var(--color-surface);color:var(--color-text);border-radius:calc(var(--radius) - 4px);padding:var(--space-1) var(--space-3);cursor:pointer}.report-actions .report-submit{background:var(--color-court-green);border-color:var(--color-court-green);color:#fff;font-weight:700}.report-actions .report-submit:disabled{opacity:.5;cursor:not-allowed}.about-panel{position:fixed;bottom:var(--space-3);right:var(--space-3);left:auto;top:auto;margin:0;border:none;border-radius:var(--radius);box-shadow:var(--shadow-panel);background:var(--color-surface);color:var(--color-text);padding:var(--space-4);width:min(380px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;z-index:40;font-size:14px}.about-panel h2{margin:0 0 var(--space-2)}.about-panel h3{margin:var(--space-3) 0 var(--space-1);font-size:14px}.about-panel button{margin-top:var(--space-2);border:1px solid oklch(85% .02 150);background:var(--color-surface);color:var(--color-text);border-radius:calc(var(--radius) - 4px);padding:var(--space-1) var(--space-3);cursor:pointer}.about-toggle{position:fixed;left:var(--space-3);bottom:var(--space-4);z-index:10;border:none;background:var(--color-surface);color:var(--color-muted);border-radius:999px;padding:var(--space-1) var(--space-3);box-shadow:var(--shadow-panel);cursor:pointer;font-size:13px}@media(max-width:640px){.about-toggle{display:none}}.stale-banner{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--color-clay);color:#fff;text-align:center;font-size:13px;padding:var(--space-1)}.app-error{display:grid;place-items:center;min-height:100vh;color:var(--color-danger);font-weight:700}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--color-muted)}