:root{--bg: #f4f1ea;--paper: #fffdf8;--ink: #1d1b16;--muted: #5c584f;--line: #d8d2c4;--accent: #1f4a3a;--accent-soft: #dce8e2;--you: #9a3412;--result: #2563eb;--pick: #2f6b45;--pick-soft: #8fba96}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:15px/1.45 Iowan Old Style,Palatino Linotype,Palatino,Times New Roman,serif;color:var(--ink);background:var(--bg)}button,input{font:inherit;color:inherit}.app{height:100%;display:flex;flex-direction:column;min-height:0}.boot{height:100%;display:grid;place-items:center;color:var(--muted)}.top{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding:18px 22px 12px;border-bottom:1px solid var(--line)}.brand h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.city{position:relative;min-width:min(360px,100%)}.city label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.city input,.spec-q{width:100%;border:1px solid var(--line);background:var(--paper);padding:8px 10px;border-radius:2px}.city-list{position:absolute;z-index:5;left:0;right:0;margin:0;padding:0;list-style:none;background:var(--paper);border:1px solid var(--line)}.city-list button{width:100%;text-align:left;background:none;border:0;padding:8px 10px;cursor:pointer}.city-list button:hover{background:var(--accent-soft)}.filters{padding:10px 22px 8px;border-bottom:1px solid var(--line)}.geo-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin-top:8px}.geo-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.geo-row select{border:1px solid var(--line);background:var(--paper);padding:5px 8px;min-width:140px}.multi{position:relative;font-size:12px;color:var(--muted)}.multi summary{cursor:pointer;border:1px solid var(--line);background:var(--paper);padding:6px 10px;list-style:none;min-width:140px}.multi-list{position:absolute;z-index:6;margin-top:4px;background:var(--paper);border:1px solid var(--line);padding:8px 10px;max-height:240px;overflow:auto;min-width:220px;display:flex;flex-direction:column;gap:4px}.multi-list.tall{max-height:320px;min-width:280px}.multi-list label{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:13px}.linkish{border:0;background:none;color:var(--accent);text-align:left;padding:4px 0 0;cursor:pointer}.hint-full{flex:1;display:grid;place-items:center;padding:40px;color:var(--muted);max-width:32em;margin:0 auto;text-align:center}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,420px) 1fr}.pane{min-height:0;min-width:0}.list-pane{border-right:1px solid var(--line);background:var(--paper)}.map-pane{display:flex;flex-direction:column;min-height:0;position:relative}.list{height:100%;display:flex;flex-direction:column}.list-head{padding:10px 14px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.list-scroll{flex:1;overflow:auto;position:relative}.list-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--paper) 82%,transparent);color:var(--muted);font-size:13px}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-inner{position:relative;width:100%}.row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:start;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 14px;cursor:pointer}.row.on{background:var(--accent-soft)}.km{font-variant-numeric:tabular-nums;color:var(--accent);font-size:13px;padding-top:2px;display:flex;flex-direction:column;gap:2px}.km small{color:var(--muted);font-size:11px}.who{display:flex;flex-direction:column;gap:2px;min-width:0}.who strong{font-weight:600}.who em,.who small{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-wrap{position:relative}.map{width:100%;height:min(62vh,640px);display:block;cursor:grab;touch-action:none}.map:active{cursor:grabbing}.zoom-btns{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:2}.zoom-btns button{width:32px;height:32px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-size:16px;line-height:1}.woj{fill:#efe9dc;stroke:#8b8476;stroke-width:.8}.woj.on{fill:#cfdcd4}.woj.dim{fill:#e6e6e6;stroke:#c4c4c4}.map-focus .you circle{fill:#1d1b16}.map-focus .pick circle{stroke:var(--pick)}.map-focus .you text{fill:#1d1b16;font-weight:700}.map-focus .court text,.map-focus .pick text{fill:var(--pick);font-weight:700}.map-focus .court.pale text{fill:var(--pick-soft)}.label-lead{stroke:#8a867c;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.map-focus .label-lead{stroke:#1d1b16}.dot{cursor:pointer}.dot-hit{fill:transparent}.dot-mark{fill:var(--result);fill-opacity:.7}.dot.on .dot-mark{fill:var(--pick);fill-opacity:1}.map-focus .dot:not(.on) .dot-mark{fill-opacity:.45}.city-mark,.you,.court,.pick,.label-lead,svg.map text{pointer-events:none}.city-mark circle{fill:#1d1b16}.city-mark.mute circle{fill:#b0b0b0}.city-mark.mute text{fill:#9a9a9a}.city-mark text,.you text,.court text,.pick text{font-family:ui-sans-serif,system-ui,sans-serif;fill:var(--ink)}.you circle{fill:var(--you)}.court rect{fill:var(--pick);stroke:var(--pick);stroke-width:1.5;vector-effect:non-scaling-stroke}.court.pale rect{fill:var(--pick-soft);stroke:var(--pick-soft)}.pick circle{fill:none;stroke:var(--pick);stroke-width:2;vector-effect:non-scaling-stroke}.map-caption,.detail{padding:10px 18px 16px;color:var(--muted);font-size:13px}.detail{position:absolute;right:12px;bottom:12px;width:min(360px,calc(100% - 24px));max-height:48%;overflow:auto;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.detail-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.detail h2{margin:0;font-size:17px}.detail h3{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.detail ul{margin:0;padding:0;list-style:none}.detail li{margin:0 0 8px}.detail small{display:block;color:var(--muted)}.detail a{color:var(--accent)}.contacts{display:flex;flex-direction:column;gap:4px}.icon{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}.detail-loc{margin:4px 0 10px;color:var(--muted)}@media(max-width:860px){.top{flex-direction:column;align-items:stretch}.workspace{grid-template-columns:1fr;grid-template-rows:42% 1fr}.list-pane{border-right:0;border-bottom:1px solid var(--line)}.map{height:36vh}}