body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom);--ink:#17211d;--muted:#63716a;--canvas:#f3f7f4;--surface:#fff;--line:#d7e0db;--green:#167a52;--orange:#e97824}body,html,#root{width:100%;height:100%;margin:0;overflow:hidden}.auth-shell{background:var(--canvas);place-items:center;min-height:100%;display:grid;position:relative;overflow:hidden}.auth-shell:before{content:"";clip-path:polygon(0 0,54% 0,43% 100%,0 100%);background:linear-gradient(110deg,#0f593deb,#167a52c2),url(/icons/fallback-court-img.png) 50%/cover;position:absolute;inset:0}.auth-brand{z-index:1;color:#fff;width:min(35vw,430px);position:absolute;top:50%;left:clamp(28px,7vw,112px);transform:translateY(-50%)}.auth-brand__mark,.app-brand__mark{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:inline-grid;box-shadow:inset 0 0 0 3px #ffffff59}.auth-brand h1{letter-spacing:0;margin:18px 0 8px;font-size:clamp(38px,5vw,64px);line-height:1}.auth-brand p{color:#ffffffd1;margin:0;font-size:18px;line-height:1.55}.auth-dialog .MuiDialog-paper{width:min(440px,100vw - 32px);margin-left:min(43vw,520px)}.auth-dialog .MuiDialogTitle-root{padding:26px 28px 4px;font-size:27px}.auth-dialog .MuiDialogContent-root{padding:12px 28px 18px}.auth-dialog .MuiDialogActions-root{flex-wrap:wrap;gap:6px;padding:8px 28px 26px}.auth-status{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.auth-status--success{color:#0f593d;background:#e8f5ee}.auth-status--error{color:#b42318;background:#fef3f2}.map-container{background:var(--canvas);width:100%;height:100%;position:relative}.map-toolbar{z-index:1000;top:calc(var(--safe-area-top) + 12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #d7e0dbf2;border-radius:8px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);min-height:56px;padding:8px 10px 8px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #17211d24}.toolbar-location{width:44px;min-width:44px!important;padding-inline:0!important}.component-gallery-toolbar{width:max-content;max-width:100%;box-shadow:none;margin:0 auto;position:static;transform:none}.map-notice{top:calc(var(--safe-area-top) + 80px);z-index:1000;width:min(480px,100vw - 24px);position:fixed;left:50%;transform:translate(-50%)}.add-court-hint{z-index:1000;bottom:calc(var(--safe-area-bottom) + 18px);color:#fff;background:#17211de6;border-radius:8px;padding:10px 14px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.court-list-panel{z-index:900;top:calc(var(--safe-area-top) + 80px);width:min(390px,100vw - 24px);max-height:calc(100% - var(--safe-area-top) - var(--safe-area-bottom) - 96px);border:1px solid var(--line);background:#fffffff7;border-radius:8px;flex-direction:column;display:flex;position:fixed;left:12px;overflow:hidden;box-shadow:0 18px 50px #17211d33}.court-list-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 12px 10px 16px;display:flex}.court-list-panel__header strong,.court-list-panel__header span{display:block}.court-list-panel__header strong{color:var(--ink);font-size:17px}.court-list-panel__header span{color:var(--muted);margin-top:2px;font-size:12px}.court-list-search{margin:10px 12px!important}.court-list-panel__items{overscroll-behavior:contain;overflow-y:auto}.court-list-item{border:0;border-bottom:1px solid var(--line);width:100%;min-height:78px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.court-list-item:hover,.court-list-item:focus-visible,.court-list-item--selected{background:#e8f5ee;outline:none}.court-list-item img{object-fit:cover;background:var(--canvas);border-radius:6px;width:64px;height:54px}.court-list-item__copy{min-width:0}.court-list-item__copy strong,.court-list-item__copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.court-list-item__copy strong{font-size:15px}.court-list-item__copy span{color:var(--muted);margin-top:5px;font-size:12px}.court-list-item__status{color:#b42318;background:#fef3f2;border-radius:8px;padding:4px 7px;font-size:11px;font-weight:800}.court-list-empty{text-align:center;color:var(--muted);gap:5px;padding:34px 20px;display:grid}.court-list-empty strong{color:var(--ink)}.map-detail-surface{z-index:1100;top:calc(var(--safe-area-top) + 80px);width:min(430px,100vw - 24px);max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 96px);border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;display:flex;position:fixed;left:12px;overflow:hidden;box-shadow:0 20px 60px #17211d3d}.map-detail-surface:focus{outline:none}.map-detail-surface__header{border-bottom:1px solid var(--line);background:#fffffffa;flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;min-height:58px;padding:6px 8px;display:grid}.map-detail-surface__header--title-hidden{border-bottom:0;min-height:44px}.map-detail-surface__header h2{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;line-height:1.2;overflow:hidden}.map-detail-surface__icon,.map-detail-surface__grabber{color:var(--ink);cursor:pointer;background:0 0;border:0}.map-detail-surface__icon{border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1}.map-detail-surface__icon:hover,.map-detail-surface__icon:focus-visible{background:var(--canvas);outline:2px solid var(--green);outline-offset:-2px}.map-detail-surface__icon-spacer{width:44px}.map-detail-surface__subheader{z-index:2;border-bottom:1px solid var(--line);background:#fffffffa;flex:none;position:relative;overflow:hidden}.map-detail-surface__body{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;position:relative;overflow-y:auto}.map-detail-surface__footer{padding:10px 14px calc(10px + var(--safe-area-bottom));border-top:1px solid var(--line);background:#fffffffa;flex:none}.map-detail-surface__grabber{display:none}.map-detail-section{padding:16px}.court-marker{color:#fff;filter:drop-shadow(0 2px 3px #17211d59);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:transform .16s;display:grid;position:relative}.court-marker:hover,.court-marker:focus-visible{transform:scale(1.12)}.court-marker__ball{width:26px;height:26px;display:block}.court-marker--live{animation:1.35s ease-in-out infinite marker-live}.court-marker--upcoming{background:#246bce;border:2px solid #fff;width:24px;height:24px;animation:1.6s ease-in-out infinite marker-countdown}.court-marker--subscribed{box-shadow:0 0 0 3px #167a52}.court-marker--hidden{box-shadow:0 0 0 3px #b42318}@keyframes marker-countdown{50%{transform:scale(1.06);box-shadow:0 0 0 5px #246bce38}}@keyframes marker-live{50%{filter:drop-shadow(0 0 7px #e97824cc);transform:scale(1.08)}}.mapboxgl-popup-content{overflow:hidden;border-radius:8px!important;padding:0!important;box-shadow:0 18px 50px #17211d38!important}@media (width<=760px){.auth-shell:before{clip-path:none;opacity:.2}.auth-brand{width:calc(100% - 48px);color:var(--ink);top:34px;left:24px;transform:none}.auth-brand p{display:none}.auth-brand h1{margin:8px 0 0;font-size:30px}.auth-dialog .MuiDialog-paper{max-height:calc(100% - 120px);margin:104px 16px 16px}.map-toolbar{gap:6px;padding-inline:7px}.map-toolbar .MuiButton-root{min-width:44px;padding-inline:7px;font-size:.78rem}.court-list-panel{border-radius:8px 8px 0 0;width:100%;max-height:58%;top:auto;bottom:0;left:0}.map-container--has-detail .map-toolbar{display:none}.map-detail-surface{border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;width:100%;height:52dvh;max-height:none;transition:height .22s;inset:auto 0 0}.map-detail-surface--expanded{height:calc(100dvh - var(--safe-area-top) - 8px)}.map-detail-surface--dragging{transition:none}.map-detail-surface__grabber{touch-action:none;flex:0 0 24px;place-items:center;width:100%;height:24px;padding:0;display:grid}.map-detail-surface__grabber span{background:#a8b2ad;border-radius:4px;width:42px;height:4px}.map-detail-surface__header{flex:0 0 52px;min-height:52px;padding-top:0}.map-detail-surface__header--title-hidden{flex-basis:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.relocation-panel{z-index:1100;left:50%;bottom:calc(var(--safe-area-bottom) + 18px);background:#fff;border:1px solid #c7d6ce;border-radius:8px;gap:6px;width:min(92vw,460px);padding:14px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #17211d38}.relocation-panel span{color:#5d6963;font-size:.86rem}.relocation-panel>div{justify-content:flex-end;gap:8px;display:flex}.relocation-marker{background:#17865e;border:4px solid #fff;border-radius:50% 50% 50% 0;width:30px;height:30px;transform:rotate(-45deg);box-shadow:0 2px 7px #17211d66}