:root{color-scheme:light;--paper:#f5f4ef;--ink:#242e29;--muted:#737b73;--green:#538d4e;--line:#dfe2d8;--safe-top:max(12px,env(safe-area-inset-top));--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);overscroll-behavior:none}body{overflow:hidden}[hidden]{display:none!important}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #8ab2de;outline-offset:3px}a{color:inherit}button{border:0}h1{font-size:23px;font-weight:650;letter-spacing:-.5px;margin:0}h2{font-size:22px;margin-top:0}.page{height:100%;overflow-y:auto;padding:var(--safe-top) 20px calc(24px + var(--safe-bottom))}.page-header{max-width:780px;margin:0 auto;display:flex;align-items:center;gap:16px;height:54px}.back-link{display:grid;place-items:center;background:none;text-decoration:none;width:40px;height:42px;font-size:25px}.profile{margin-left:auto;width:38px;height:38px;border-radius:50%;background:#dde5d7;display:grid;place-items:center;font-weight:600}.menu-content{max-width:580px;margin:0 auto}.intro-art{height:190px;display:grid;place-items:center;margin:10px 0}.intro-art svg{width:min(320px,100%);height:170px;fill:none;stroke:#bdc9b5;stroke-width:1.5}.intro-art .route{stroke:var(--green);stroke-width:3;stroke-dasharray:5 6}.intro-art .route-dot,.intro-art .location{fill:var(--green);stroke:var(--paper)}.intro-art .location-eye{stroke:var(--paper);fill:var(--paper)}.menu-kicker{font-size:13px;line-height:1.5;text-align:center;color:var(--muted);margin:0 0 18px}.mode-grid{display:grid;gap:12px}.mode-card{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:23px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 12px #26352604}.mode-card:hover{border-color:#a5b99c}.card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e8eedf;color:#5b7651;font-size:28px}.card-copy{display:grid;gap:6px;flex:1}.card-copy b{font-size:18px;font-weight:600}.card-copy small{font-size:13px;color:var(--muted)}.card-arrow{font-size:22px;color:#5b7651}.menu-links{display:flex;justify-content:center;gap:14px;margin:25px 0 18px}.menu-links button{font-size:14px;background:none;min-height:40px;padding:8px 15px;border:1px solid var(--line);border-radius:10px}.muted{font-size:13px;color:var(--muted);line-height:1.5;text-align:center}.text-link{display:block;text-align:center;font-size:13px;margin-top:16px}.primary,.secondary{min-height:46px;border-radius:10px;padding:12px 18px;font-weight:600}.primary{background:var(--green);color:#fff}.secondary{background:#e5e8de;color:var(--ink)}.menu-content>.primary,.menu-content>.secondary{display:block;width:100%;margin-top:12px}.filters{display:flex;gap:5px;border-radius:11px;padding:4px;background:#e5e8de;margin:24px 0 14px}.filters button{flex:1;padding:10px 7px;min-height:40px;font-size:13px;background:none;border-radius:8px}.filters button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0001}.ranking-row{display:grid;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid var(--line)}.ranking-row.me{background:#e5eddf;border-radius:10px}.rank-number{font-size:13px;color:var(--muted)}.rank-avatar{width:34px;height:34px;border-radius:50%;background:#e0e5d9;display:grid;place-items:center;font-size:14px}.rank-name{font-size:14px;min-width:0;overflow-wrap:anywhere}.rank-name small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.rank-score{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}.empty-ranking{text-align:center;font-size:14px;padding:40px 15px;color:var(--muted)}.final-score{display:grid;justify-items:center;gap:5px;margin:24px 0}.final-score strong{font-size:58px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.final-score span{color:var(--muted);font-size:14px}.final-round{display:grid;grid-template-columns:22px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.final-round small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.final-round b{font-variant-numeric:tabular-nums}.final-round>span:first-child{color:var(--muted)}
#play{position:absolute;inset:0;overflow:hidden;background:#121417;color:#fff}#c{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}#c.dragging{cursor:grabbing}#nav{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}#nav g{pointer-events:all;cursor:pointer;touch-action:manipulation}#nav g[hidden]{display:none}#nav[aria-busy=true] g{pointer-events:none;opacity:.45}#nav circle{fill:transparent;stroke:transparent;stroke-width:2}#nav polyline{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#nav .arrow-shadow{stroke:#15171bc0;stroke-width:11}#nav g:hover polyline,#nav g:focus-visible polyline{stroke:#fff1a8}#nav g:hover .arrow-shadow,#nav g:focus-visible .arrow-shadow{stroke:#15171b}#nav g:focus-visible{outline:none}#nav g:focus-visible circle{stroke:#8bb7ff}.glass{background:#17191edc;color:#fff;border:1px solid #ffffff26;border-radius:11px;box-shadow:0 2px 10px #0001}.play-header{position:absolute;z-index:3;top:var(--safe-top);left:12px;right:12px;display:flex;gap:9px;align-items:center;justify-content:space-between;pointer-events:none}.play-header>*{pointer-events:auto}.icon-btn{width:43px;height:43px;font-size:24px;display:grid;place-items:center}.round-info{min-width:180px;max-width:calc(100vw - 140px);padding:10px 15px;display:flex;gap:22px;align-items:center}.round-info span{font-size:13px}.round-info b{font-size:16px;font-variant-numeric:tabular-nums}.pano-message{position:absolute;top:calc(var(--safe-top) + 56px);left:50%;transform:translateX(-50%);z-index:3;font-size:13px;padding:9px 13px;max-width:calc(100vw - 24px);text-align:center}.pano-message:empty{display:none}#zoom{position:absolute;right:12px;bottom:calc(114px + var(--safe-bottom));display:flex;flex-direction:column;gap:6px;z-index:3}#zoom button{width:43px;height:43px;font-size:24px}.pano-credit{position:absolute;left:12px;bottom:calc(73px + var(--safe-bottom));z-index:2;font-size:10px;line-height:1.5;background:#17191ec9;padding:4px 7px;border-radius:5px;max-width:calc(100vw - 24px)}
#map-sheet{position:absolute;z-index:5;bottom:0;left:0;right:0;height:min(70vh,620px);height:min(70dvh,620px);background:var(--paper);color:var(--ink);border-radius:18px 18px 0 0;box-shadow:0 -6px 30px #0002;transform:translateY(calc(100% - 58px - var(--safe-bottom)));transition:transform .22s ease;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}#map-sheet.open{transform:translateY(0)}#map-sheet.dragging{transition:none}#map-toggle{position:relative;flex-shrink:0;width:100%;height:58px;background:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px 5px;touch-action:none;border-radius:18px 18px 0 0;font-size:15px;font-weight:600}.sheet-grip{position:absolute;top:8px;left:calc(50% - 19px);width:38px;height:4px;border-radius:5px;background:#b8bfb4}.sheet-chevron{transition:transform .2s}#map-sheet.open .sheet-chevron{transform:rotate(180deg)}#map-body{flex:1;display:flex;flex-direction:column;min-height:0;visibility:hidden}#map-sheet.open #map-body,#map-sheet.dragging #map-body{visibility:visible}#map{flex:1;min-height:100px;background:#dfe7de;touch-action:none}.map-actions{flex-shrink:0;padding:10px 14px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:var(--paper)}.map-actions p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.map-actions .secondary{grid-column:1/-1;font-size:12px;min-height:38px;padding:8px}.map-actions button{min-width:115px}#round-feedback{padding:0 15px 10px}#round-feedback>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#round-score{font-size:24px;font-variant-numeric:tabular-nums}#round-distance{font-size:14px;color:var(--muted)}#round-place{font-size:13px;margin:6px 0 9px}.map-legend{display:flex;gap:16px;font-size:11px;color:var(--muted)}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend i{width:10px;height:10px;border:1px solid #fff;box-shadow:0 0 0 1px #888;border-radius:50%;display:inline-block}.legend-start{background:#538d4e}.legend-guess{background:#d17f42}.leaflet-container{font:inherit}.leaflet-control-attribution{font-size:9px!important}.leaflet-tooltip{font-family:inherit}.leaflet-control-zoom a{color:#242e29}.map-pick{width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#d17f42;box-shadow:0 1px 7px #0006}.map-target{border-radius:3px;background:#538d4e;transform:rotate(45deg)}
dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);max-width:460px;width:calc(100vw - 32px);padding:26px;max-height:85dvh;overflow-y:auto}dialog::backdrop{background:#13181480}dialog p{font-size:14px;line-height:1.6}dialog .primary{width:100%;margin-top:10px}.dialog-close{position:absolute;top:12px;right:12px;background:none;font-size:26px;width:35px;height:35px}#toast{position:fixed;z-index:20;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 16px;border-radius:11px;background:#242e29f2;color:#fff;font-size:13px;box-shadow:0 3px 12px #0003}
@media(min-width:760px){.page{padding-top:25px}.intro-art{height:235px}.mode-card{padding:27px 24px}#map-sheet{left:auto;right:16px;bottom:16px;width:440px;height:min(72vh,580px);border-radius:16px;transform:translateY(calc(100% - 58px))}#map-sheet.open{bottom:16px}#map-toggle{border-radius:16px}.pano-credit{bottom:12px;max-width:calc(100vw - 485px)}#zoom{bottom:100px}#map-body{overflow:hidden;border-radius:0 0 16px 16px}.menu-content{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){#map-sheet,.sheet-chevron{transition:none}}

.profile,.rank-avatar{position:relative;overflow:hidden;flex-shrink:0}.profile img,.rank-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile img.pending,.rank-avatar img.pending{opacity:0}.region-filters{margin:0 0 18px}.region-label{margin-left:auto;color:var(--muted);font-size:13px}

.house-number-marker{pointer-events:none!important}.house-number{display:block;font:500 11px/18px system-ui,sans-serif;text-align:center;white-space:nowrap;color:#363d39;background:#fffffff0;border-radius:3px;padding:0 2px;box-shadow:0 0 2px #fff8}
:root.dark{color-scheme:dark;--paper:#171e1a;--ink:#f0f1e9;--muted:#a0aa9f;--line:#364137;--green:#6fa26b}.dark .mode-card{background:#202a23}.dark .filters,.dark .secondary{background:#303b32}.dark .filters button[aria-pressed=true]{background:#202a23}.dark .card-icon,.dark .profile,.dark .rank-avatar{background:#2a4435;color:#b9d2b0}.dark .card-arrow{color:#82b89a}.dark .ranking-row.me{background:#2a4435}.dark .intro-art svg{stroke:#526a53}.dark .intro-art .route{stroke:#82b89a}.dark .sheet-grip{background:#60715f}.dark #map{background:#232b28}.dark .leaflet-tile-pane img{filter:invert(1) hue-rotate(180deg) brightness(.82) saturate(.75)}.dark .leaflet-control-zoom a,.dark .leaflet-control-attribution,.dark .leaflet-tooltip{background:#202a23;color:#f0f1e9;border-color:#445144}.dark .leaflet-control-attribution a{color:#a4c5e5}.dark .house-number{background:#202a23ee;color:#f0f1e9;box-shadow:0 0 2px #202a2380}.dark #toast{background:#e2e9dd;color:#171e1a}