:root{--page:#f6f6f3;--surface:#fff;--tint:#fafaf8;--hover:#f1f1ee;--ink:#1f2328;--ink-2:#3d4248;--soft:#6b7076;--faint:#a2a6aa;--rule:#e8e8e4;--line:#e1e1dc;--track:#ebebe7;--accent:#e8772e;--accent-ink:#9a4a0c;--accent-soft:#fff1e3;--gold:#f59e0b;--gold-deep:#b45309;--gold-soft:#fff8eb;--blue:#1f5ea8;--blue-soft:#e8f0fa;--green:#3f7a4a;--green-soft:#e8f1ea;--red:#c2412d;--red-soft:#fbe9e5;--font:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--glass:#ffffffe0;--shadow:0 1px 2px #1018280f, 0 10px 30px #1018281f;--shadow-soft:0 1px 2px #1018280d, 0 4px 14px #10182812;--r-lg:18px;--r:12px;--r-sm:9px;--edge:16px;--bar-top:16px;--bar-h:72px;--below-bar:calc(var(--bar-top) + var(--bar-h) + 16px);--side-w:440px;--dock-w:640px;--dock-h:124px;--dock-gap:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--blue)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4{letter-spacing:-.015em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kicker{color:var(--soft);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow);border:1px solid #ffffffb3}.icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--ink)}.fold-chevron{flex:none;transition:transform .2s}[aria-expanded=false]>.fold-chevron,details:not([open])>summary .fold-chevron{transform:rotate(-90deg)}.fold-toggle[aria-expanded=false] .fold-chevron{transform:rotate(180deg)}.load-error{z-index:25;top:var(--below-bar);border-radius:var(--r);background:var(--red-soft);color:var(--red);box-shadow:var(--shadow-soft);margin:0;padding:10px 16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.map-loading{color:var(--soft);margin:0;padding:24px}.page{height:100dvh;position:relative;overflow:hidden}.stage,.stage .street-map{position:absolute;inset:0}.stage>.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar{z-index:40;top:var(--bar-top);left:var(--edge);right:var(--edge);height:var(--bar-h);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow);border:1px solid #ffffffb3;align-items:center;gap:12px;padding:0 12px 0 14px;display:flex;position:absolute}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{width:36px;height:36px;box-shadow:0 0 0 1px var(--line), 0 1px 3px #10182814;border-radius:9px;flex:none}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:16px;font-weight:700}.bar-sep{background:#1f23281f;flex:none;width:1px;height:32px}.bar-gap{flex:1;min-width:0}.area-header{min-width:0;position:relative}.area-title{min-width:0;font-size:inherit;font-weight:inherit;margin:0}.area-switch{border-radius:var(--r);text-align:left;background:0 0;border:0;align-items:center;gap:12px;max-width:100%;padding:4px 12px 4px 4px;display:flex}.area-switch:hover,.area-switch[aria-expanded=true]{background:var(--hover)}.area-switch.is-loading{color:var(--soft);padding:0 12px}.ring{flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.ring svg:first-child{position:absolute;inset:0}.ring-pct{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:relative}.area-switch-text{flex-direction:column;min-width:0;display:flex}.area-switch-kicker{color:var(--soft);white-space:nowrap;font-size:12px;font-weight:500}.district{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:6px;font-size:22px;font-weight:700;line-height:1.15;display:flex}.district .chevron{color:var(--soft);flex:none}.tabs{border-radius:var(--r);background:#1f23280f;flex:none;padding:4px;display:flex}.tab{border-radius:var(--r-sm);height:38px;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.tab:hover{color:var(--ink)}.tab.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1018281f}.count{background:var(--ink);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.daily-button{border-radius:var(--r);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;height:46px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.daily-button:hover,.daily-button.is-on{background:var(--hover)}.daily-button .flame{color:var(--accent);fill:var(--accent);stroke:none}.daily-button .count{background:var(--accent-soft);color:var(--accent-ink)}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:24px;box-shadow:0 0 0 2px #fff}.rank-chip{text-align:left;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.rank-chip:hover{background:var(--hover)}.rank-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.rank-text{flex-direction:column;line-height:1.15;display:flex}.brand-rank{white-space:nowrap;font-size:14px;font-weight:700}.brand-rank.is-title{font-style:italic}.brand-points{color:var(--soft);white-space:nowrap;font-size:12px}.area-menu{z-index:50;width:min(680px, calc(100vw - 2 * var(--edge)));border-radius:var(--r-lg);background:var(--surface);max-height:min(72vh,640px);box-shadow:var(--shadow);grid-template-columns:1fr;gap:4px;padding:14px;animation:.18s ease-out rise;display:grid;position:absolute;top:calc(100% + 12px);left:0;overflow:auto}.area-menu h2{color:var(--soft);letter-spacing:0;margin:4px 8px 8px;font-size:13px;font-weight:600}.area-menu h2 small{margin-left:6px;font-weight:400}.area-menu h3{color:var(--faint);margin:10px 8px 4px;font-size:12px;font-weight:600}.area-menu ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.area-option{border-radius:var(--r);text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;grid-template-areas:"name count""sub sub""bar bar";gap:1px 10px;width:100%;padding:10px 12px;display:grid}.area-option:hover{background:var(--hover)}.area-option.is-current{background:var(--gold-soft)}.area-option-name{grid-area:name;font-size:16px;font-weight:700}.area-option-sub{color:var(--soft);grid-area:sub;font-size:13px}.area-option-count{color:var(--ink-2);font-variant-numeric:tabular-nums;grid-area:count;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.area-option-bar{background:var(--track);border-radius:999px;grid-area:bar;height:4px;margin-top:6px;overflow:hidden}.area-option-bar span{border-radius:inherit;background:var(--gold);height:100%;display:block}.area-menu-group.is-closed{border-top:1px solid var(--rule);margin-top:6px;padding-top:8px}.area-option.is-closed{cursor:default;grid-template-areas:"name count""sub sub"}.area-option.is-closed:hover{background:0 0}.area-option.is-closed .area-option-name,.area-option.is-closed .area-option-count{color:var(--faint);font-weight:600}.stage .maplibregl-ctrl-top-right{top:calc(var(--below-bar) - 10px);right:calc(var(--edge) - 10px);transition:right .25s}.stage .maplibregl-ctrl-bottom-right{right:calc(var(--edge) - 10px);bottom:calc(var(--edge) - 10px);transition:right .25s}.has-side .stage .maplibregl-ctrl-top-right,.has-side .stage .maplibregl-ctrl-bottom-right{right:calc(var(--side-w) + var(--edge) * 2 - 10px)}.maplibregl-ctrl-group{overflow:hidden;border-radius:var(--r)!important;box-shadow:var(--shadow-soft)!important}.maplibregl-ctrl-group button{width:36px!important;height:36px!important}.maplibregl-ctrl-attrib{font-family:var(--font);font-size:11px}.maplibregl-ctrl-attrib.maplibregl-compact{border-radius:999px!important}.neighbour-chip{box-shadow:var(--shadow-soft);white-space:nowrap;cursor:pointer;font-family:var(--font);background:#fffffff0;border-radius:999px;align-items:baseline;gap:6px;padding:5px 11px;display:flex}.neighbour-chip:hover{box-shadow:0 0 0 1.5px var(--ink-2), var(--shadow-soft)}.neighbour-chip-name{color:var(--ink);font-size:14px;font-weight:600}.neighbour-chip-count{color:var(--soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.neighbour-chip.is-closed{box-shadow:0 0 0 1px var(--line);cursor:default;background-color:#ffffffd1;background-image:repeating-linear-gradient(135deg,#0000 0 7px,#1f23280b 7px 9px)}.neighbour-chip.is-closed:hover{box-shadow:0 0 0 1px var(--line)}.neighbour-chip.is-closed .neighbour-chip-name{color:var(--soft)}.left-stack{z-index:10;top:var(--below-bar);left:var(--edge);flex-direction:column;align-items:flex-start;gap:12px;width:320px;display:flex;position:absolute}.left-stack>*{flex:none;width:100%}.progress-card,.map-key{border-radius:var(--r-lg)}.card-head{align-items:center;display:flex}.share-mini{width:32px;height:32px;margin-right:8px}.share-button{background:var(--gold);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.share-button:hover{background:var(--gold-deep)}.share-note{color:var(--accent-ink);margin:0;padding:0 14px 12px;font-size:12.5px}.fold-head{border-radius:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.fold-head:hover{background:#1f232809}.fold-title{color:var(--ink-2);white-space:nowrap;flex:1;font-size:14px}.fold-title strong{color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.fold-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.progress-mini{background:var(--track);border-radius:999px;height:5px;margin:-4px 14px 12px;display:block;overflow:hidden}.progress-mini span{border-radius:inherit;background:var(--gold);height:100%;display:block}.progress-body{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.progress{flex-direction:column;gap:12px;display:flex}.progress-label{color:var(--soft);align-items:baseline;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.progress-label .kicker{color:var(--ink-2);font-size:13px;font-weight:600}.progress-value strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.progress-pct{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.progress-track{background:var(--track);border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--gold);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.tone-distance .progress-fill{background:var(--gold-deep)}.goals{border-top:1px solid var(--rule);color:var(--ink-2);flex-direction:column;gap:5px;margin:0;padding:12px 0 0;font-size:13.5px;list-style:none;display:flex}.goals li{align-items:center;gap:8px;display:flex}.goals strong{color:var(--ink);font-variant-numeric:tabular-nums}.goal-mark{border:1.5px solid var(--faint);border-radius:50%;flex:none;width:10px;height:10px}.goals .is-done .goal-mark,.goals .medal-gold .goal-mark{border-color:var(--gold-deep);background:var(--gold)}.goals .medal-bronze .goal-mark{background:#c07a45;border-color:#8a5530}.goals .medal-silver .goal-mark{background:#a9b0b8;border-color:#7c838b}.goals .goal-badge .goal-mark{border-color:var(--green);border-style:dashed}.card-actions{border-top:1px solid var(--rule);gap:8px;padding-top:12px;display:flex}.card-action{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13.5px;font-weight:600;display:inline-flex}.card-action:hover{background:var(--hover)}.card-action.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.map-key .fold-title{color:var(--ink);font-weight:600}.map-key ul{color:var(--ink-2);grid-template-columns:auto auto;justify-content:space-between;gap:6px 16px;margin:0;padding:0 14px 14px;font-size:13px;list-style:none;display:grid}.map-key ul[hidden]{display:none}.map-key li{white-space:nowrap;align-items:center;gap:8px;display:flex}.map-key i{flex:none;font-style:normal;display:inline-block}.key-line{border-radius:3px;width:22px;height:5px}.key-road{box-shadow:0 0 0 1px var(--outline)}.key-unfound{background:#a7a7a2;height:2px}.key-plaque{background:var(--blue);border-radius:50%;width:10px;height:10px;margin:0 6px;box-shadow:0 0 0 2px #fff,0 0 0 3px #12406f}.key-star{text-align:center;color:#c53030;width:22px;font-size:15px;line-height:1}.key-boundary{border-top:2px dashed #d1402e;width:22px}.key-neighbour{background:#ecece8;border:1px dashed #b9b9b3;border-radius:3px;width:22px;height:12px}.dock{z-index:20;bottom:var(--dock-gap);width:min(var(--dock-w), calc(100% - 2 * var(--edge)));border-radius:22px;padding:12px;transition:left .25s,width .25s;position:absolute;left:50%;transform:translate(-50%)}.has-side .dock{left:calc((100% - var(--side-w) - var(--edge)) / 2);width:min(var(--dock-w), calc(100% - var(--side-w) - 3 * var(--edge)))}.guess{flex-direction:column;gap:8px;display:flex}.guess-row{gap:8px;display:flex}.guess-row input{border:1px solid var(--line);background:var(--surface);min-width:0;height:54px;color:var(--ink);border-radius:14px;outline:none;flex:1;padding:0 18px;font-size:18px;transition:border-color .15s,box-shadow .15s}.guess-row input::placeholder{color:var(--faint);text-overflow:ellipsis}.guess-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f59e0b33}.guess-row button{background:var(--ink);color:#fff;border:0;border-radius:14px;flex:none;height:54px;padding:0 24px;font-size:16px;font-weight:600}.guess-row button:hover{background:#000}.guess-row.is-shaking{animation:.36s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.guess-feedback{border-radius:var(--r);min-height:36px;color:var(--soft);background:#1f23280a;align-items:center;gap:9px;margin:0;padding:7px 12px;font-size:14px;line-height:1.35;animation:.25s fade-in;display:flex}.guess-feedback.tone-found,.guess-feedback.tone-repeat{background:var(--gold-soft);color:var(--ink);font-weight:500}.guess-feedback.tone-elsewhere{background:var(--blue-soft);color:var(--ink)}.guess-feedback.tone-hint{background:var(--accent-soft);color:var(--accent-ink)}.guess-feedback.tone-miss{background:var(--red-soft);color:var(--red)}.feedback-dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 1.5px #1f232859}.guess-feedback.has-reward{animation:.6s cubic-bezier(.2,1.4,.4,1) reward}.guess-feedback.reward-screen{background:var(--red-soft)}.guess-feedback.reward-plaque{background:var(--blue-soft)}@keyframes reward{0%{opacity:0;transform:translateY(-4px)scale(1.03)}60%{transform:scale(1.01)}}@keyframes fade-in{0%{opacity:0}}.combo{background:var(--accent-soft);color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:700;animation:.3s cubic-bezier(.2,1.6,.4,1) combo-pop}.combo.is-hot{background:var(--accent);color:#fff}@keyframes combo-pop{0%{transform:scale(.6)}}.side-panel{z-index:15;top:var(--below-bar);right:var(--edge);bottom:var(--edge);width:var(--side-w);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1) slide-in;display:flex;position:absolute;overflow:hidden}.side-panel.is-folded{bottom:auto}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.note{flex-direction:column;flex:1;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:flex-start;gap:10px;padding:18px 18px 14px 20px;display:flex}.is-folded .panel-head{border-bottom:0}.panel-back{border-radius:var(--r-sm);width:fit-content;color:var(--soft);background:0 0;border:0;flex-basis:100%;align-items:center;gap:4px;margin:-6px 0 0 -8px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.panel-back:hover{background:var(--hover);color:var(--ink)}.panel-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.panel-title h3{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800;line-height:1.15}.panel-title h3 small{color:var(--soft);letter-spacing:0;margin-left:6px;font-size:15px;font-weight:500}.panel-tools{flex:none;gap:6px;display:flex}.street-swatch{background:var(--street,var(--gold));border-radius:4px;width:22px;height:7px;box-shadow:0 0 0 1px #1f23284d}.highlights{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.chip{border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.chip i{font-style:normal}.chip-plaque{background:var(--blue-soft);color:#174a85}.chip-plaque i{background:var(--blue);border-radius:50%;width:8px;height:8px}.chip-screen{background:var(--red-soft);color:#a3341f}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:6px 20px 20px;overflow:auto}.fact-group{border-bottom:1px solid var(--rule)}.fact-group:last-child{border-bottom:0}.fact-group summary{cursor:pointer;align-items:center;gap:8px;padding:14px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.fact-group summary::-webkit-details-marker{display:none}.fact-group summary:hover .fact-group-label{text-underline-offset:3px;text-decoration:underline}.fact-group summary .fold-chevron{color:var(--soft);margin-left:auto}.fact-count{background:var(--hover);color:var(--ink-2);border-radius:999px;padding:0 7px;font-size:12px;font-weight:700;line-height:20px}.fact-list{flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.fact{margin:0;animation:.4s cubic-bezier(.2,1.2,.4,1) both deal}.fact-list>:nth-child(2){animation-delay:50ms}.fact-list>:nth-child(3){animation-delay:.1s}.fact-list>:nth-child(n+4){animation-delay:.14s}@keyframes deal{0%{opacity:0;transform:translateY(8px)}}.fact h4{margin:0;font-size:16px;font-weight:700;line-height:1.25}.fact p{color:var(--ink-2);margin:4px 0 0;font-size:14.5px;line-height:1.5}.source{color:var(--blue);margin-top:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.source:hover{text-decoration:underline}.about p{margin:0;font-size:15px}.plaque{border:1px solid var(--rule);border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.roundel{text-align:center;border:3px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:100px;height:100px;padding:13px;display:flex;overflow:hidden;box-shadow:0 0 0 1.5px #1f232840}.roundel p{color:inherit;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.15}.plaque figcaption{flex-direction:column;gap:1px;min-width:0;display:flex}.plaque-role{color:var(--ink-2);font-size:14px}.plaque-meta,.plaque-address{color:var(--soft);font-size:12.5px}.plaque-meta:first-letter{text-transform:uppercase}.ticket{border:1px solid var(--rule);border-radius:14px;display:flex;overflow:hidden}.ticket-stub{background:var(--red);color:#fff;border-right:2px dashed #fff9;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:56px;display:flex}.ticket-stub span{writing-mode:vertical-rl;letter-spacing:.18em;text-transform:uppercase;font-size:11.5px;font-weight:800;transform:rotate(180deg)}.ticket-stub strong{font-size:12.5px;font-weight:700}.medium-tv .ticket-stub{background:#4f46a5}.medium-music .ticket-stub{background:#0f766e}.ticket-body{min-width:0;padding:12px 14px}.ticket-body .kicker{font-size:12px;font-weight:600}.landmark,.namesake,.trivia{background:var(--tint);border-radius:14px;padding:12px 14px}.landmark h4{align-items:center;gap:8px;display:flex}.landmark-mark{background:var(--ink-2);border-radius:2px;flex:none;width:10px;height:10px;transform:rotate(45deg)}.namesake .kicker,.trivia .kicker{font-size:12px;font-weight:600}.note-empty{color:var(--soft);margin:14px 0 0}.intro .panel-body p{color:var(--ink-2);margin:12px 0 0;font-size:15px;line-height:1.55}.intro em{color:var(--ink);font-style:normal;font-weight:700}.credits{border-top:1px solid var(--rule);color:var(--soft);margin-top:20px;padding-top:14px;font-size:12px;line-height:1.55}.privacy-link{color:var(--blue);background:0 0;border:0;padding:0;font-weight:600}.privacy-link:hover{text-decoration:underline}.index-columns{columns:2;column-gap:20px;padding-top:10px}.index-letter{break-inside:avoid;margin-bottom:12px}.index-letter h4{align-items:baseline;gap:8px;margin:0 0 4px;font-size:15px;font-weight:800;display:flex}.index-letter h4 small{color:var(--faint);font-size:12px;font-weight:500}.index-letter ul{margin:0;padding:0;list-style:none}.index-entry{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;margin-left:-6px;padding:3px 6px;font-size:14px;display:flex}.index-entry:hover,.index-entry.is-selected{background:var(--hover)}.index-dot{background:var(--street);width:9px;height:9px;box-shadow:0 0 0 1px var(--outline);border-radius:50%;flex:none}.index-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.index-marks{align-items:center;gap:4px;margin-left:auto;display:flex}.index-marks i{font-style:normal}.mark-screen{color:#c53030;font-size:12px}.mark-plaque{background:var(--blue);border-radius:50%;width:7px;height:7px}.index-blank span{background:var(--hover);border-radius:4px;width:60%;height:8px;margin:8px 0 8px 16px;display:block}.toast{z-index:30;top:var(--below-bar);max-width:min(520px, calc(100% - 2 * var(--edge)));background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:8px;animation:.4s cubic-bezier(.2,1.3,.4,1) drop;display:flex;position:absolute;left:50%;transform:translate(-50%)}.has-side .toast{left:calc((100% - var(--side-w) - var(--edge)) / 2)}.toast p{margin:0;font-weight:600}.toast p:last-child{padding-right:10px}.toast-badge{background:var(--gold);color:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:14px;font-weight:800}.toast-action{background:var(--ink);color:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.toast.is-rank .toast-badge{background:var(--accent)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-10px)}}.badge-toast{z-index:60;left:50%;bottom:calc(var(--dock-gap) + var(--dock-h) + 16px);width:min(440px, calc(100% - 2 * var(--edge)));border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 44px 14px 14px;animation:.45s cubic-bezier(.2,1.3,.4,1) rise-x;display:flex;position:fixed;transform:translate(-50%)}.has-sheet .badge-toast{bottom:24px}@keyframes rise-x{0%{opacity:0;transform:translate(-50%,12px)scale(.97)}}.badge-toast>div{flex-direction:column;gap:1px;min-width:0;display:flex}.badge-toast .kicker{color:var(--accent-ink);font-size:12px;font-weight:700}.badge-toast strong{letter-spacing:-.02em;font-size:18px;font-weight:800}.badge-toast span{color:var(--soft);font-size:13.5px}.badge-toast .badge-toast-title{color:var(--accent-ink);font-weight:600}.badge-toast-close{width:28px;height:28px;color:var(--soft);background:0 0;border:0;border-radius:50%;padding:0;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.badge-toast-close:hover{background:var(--hover)}.badge-toast-action{background:var(--ink);color:#fff;border:0;border-radius:999px;align-self:flex-start;margin-top:6px;padding:6px 12px;font-size:13px;font-weight:600}.theme-swatch{border-radius:6px;flex:none;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #1f232826}.theme-swatch i{width:10px;height:18px}.theme-swatch.is-large i{width:14px;height:46px}.sheet-layer{z-index:30;position:absolute;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(4px)saturate(.85);backdrop-filter:blur(4px)saturate(.85);background:#f6f6f373;animation:.25s fade-in;position:absolute;inset:0}.sheet{top:var(--below-bar);bottom:0;left:max(var(--edge), calc((100% - 1120px) / 2));right:max(var(--edge), calc((100% - 1120px) / 2));overscroll-behavior:contain;background:var(--surface);scrollbar-width:thin;border-radius:24px 24px 0 0;outline:none;padding:28px 40px 48px;animation:.35s cubic-bezier(.2,.9,.3,1) sheet-up;position:absolute;overflow:auto;box-shadow:0 -4px 40px #10182824}.sheet.is-wide{left:max(var(--edge), calc((100% - 1320px) / 2));right:max(var(--edge), calc((100% - 1320px) / 2))}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sheet-head>div{flex:1;min-width:0}.sheet-head h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800;line-height:1.1}.sheet-summary{color:var(--soft);margin-top:4px;font-size:15px}.sheet-close{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.sheet-close:hover{background:var(--hover)}.sheet .kicker{color:var(--soft);font-size:13px;font-weight:600}.london{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"map side""backup backup""privacy privacy";gap:24px;display:grid}.london-map{height:min(680px, calc(100dvh - var(--below-bar) - 130px));border-radius:var(--r-lg);background:var(--tint);border:1px solid var(--rule);flex-direction:column;grid-area:map;align-self:start;min-height:420px;display:flex;position:sticky;top:0;overflow:hidden}.london-map>.map-loading{margin:auto}.london-canvas{flex:1;min-height:0}.london-legend{border-top:1px solid var(--rule);background:var(--surface);color:var(--soft);flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;padding:12px 16px;font-size:13px;list-style:none;display:flex}.london-legend li{align-items:center;gap:6px;display:flex}.london-legend i{border-radius:4px;width:14px;height:14px;box-shadow:0 0 0 1px #1f23281f}.london-hint{margin-left:auto;font-style:italic}.london-side{flex-direction:column;grid-area:side;gap:14px;display:flex}.london-side>section{border-radius:var(--r-lg);border:1px solid var(--rule);padding:18px}.london-rank h2{letter-spacing:-.03em;margin:2px 0 0;font-size:30px;font-weight:800}.london-rank p{color:var(--ink-2);margin:4px 0 0;font-size:14px}.london-rank-bar{background:var(--track);border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.london-rank-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.london-next{color:var(--soft)!important;font-size:13.5px!important}.london-ladder{flex-wrap:wrap;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.london-ladder li{background:var(--hover);color:var(--soft);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}.london-ladder li.is-here{background:var(--accent);color:#fff}.london-medals ul,.london-collections ul,.london-areas ul{margin:8px 0 0;padding:0;list-style:none}.london-medals ul{flex-direction:column;gap:6px;display:flex}.london-medals li{color:var(--soft);align-items:center;gap:10px;font-size:14px;display:flex}.london-medals strong{min-width:18px;color:var(--ink);font-size:18px;font-weight:800}.london-collections li{grid-template-columns:minmax(0,1fr) 80px 64px;align-items:center;gap:10px;padding:4px 0;font-size:14px;display:grid}.london-collection-bar{background:var(--track);border-radius:999px;height:5px;overflow:hidden}.london-collection-bar span{background:var(--blue);height:100%;display:block}.london-collection-count{text-align:right;color:var(--soft);font-variant-numeric:tabular-nums;font-size:13px}.london-group h3{color:var(--soft);letter-spacing:0;margin:12px 0 2px;font-size:13px;font-weight:600}.london-group h3 small{margin-left:4px;font-weight:400}.london-areas button,.london-closed{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;margin-left:-8px;padding:6px 8px;font-size:14.5px;display:flex}.london-areas button{width:calc(100% + 16px)}.london-areas button:hover{background:var(--hover)}.london-areas i{border-radius:4px;flex:none;width:12px;height:12px;box-shadow:0 0 0 1px #1f23281f}.london-areas button span:first-of-type{font-weight:600}.london-area-pct{color:var(--soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.london-closed{color:var(--faint)}.london-group.is-closed ul{flex-wrap:wrap;column-gap:12px;display:flex}.london-group.is-closed li{flex:none}.backup{border-radius:var(--r-lg);background:var(--tint);grid-area:backup;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:20px;display:grid}.backup h2{margin:0;font-size:18px;font-weight:700}.backup p{color:var(--ink-2);margin:4px 0 0;font-size:14px}.backup-actions{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid}.backup-actions textarea{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);resize:vertical;min-height:42px;padding:10px 12px;font-size:13px}.backup-copy,.backup-restore{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;height:42px;padding:0 16px;font-size:14px;font-weight:600}.backup-copy{background:var(--ink);border-color:var(--ink);color:#fff}.backup-restore:disabled{color:var(--faint)}.backup-note{grid-column:1/-1;margin:0!important;font-size:13px!important}.backup-note.is-error{color:var(--red)!important}.london-privacy{grid-area:privacy;margin:0;font-size:13px}.badge-wall{flex-direction:column;gap:28px;display:flex}.badge-wall-head{color:var(--soft);align-items:baseline;gap:16px;margin-top:-14px;font-size:15px;display:flex}.badge-wall-head span{color:var(--ink-2);font-weight:600}.badge-wall-points{color:var(--accent-ink)!important}.badge-rewards{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.badge-reward{border-radius:var(--r-lg);background:var(--tint);flex-direction:column;gap:10px;padding:18px;display:flex}.theme-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.theme-option{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left;flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%;padding:10px;font-size:14px;font-weight:600;display:flex}.theme-option:hover:not(:disabled){background:var(--hover)}.theme-option.is-on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.theme-option:disabled{color:var(--soft);opacity:.75}.theme-option small{flex-basis:100%;font-size:12px;font-weight:500}.badge-title-reward select{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:200px;height:40px;padding:0 12px;font-weight:600}.badge-title-current{font-size:20px;font-weight:800}.badge-title-reward small{color:var(--soft);font-size:13px;line-height:1.5}.badge-group h3{margin:0 0 12px;font-size:19px;font-weight:700}.badge-group h3 small{color:var(--soft);letter-spacing:0;margin-left:6px;font-size:14px;font-weight:400}.badge-group ul{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.badge-tile{border:1px solid var(--rule);background:var(--tint);border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.badge-tile.is-earned{background:var(--surface);box-shadow:var(--shadow-soft);border-color:#0000}.badge-icon{flex:none}.badge-icon.is-locked{filter:grayscale();opacity:.38}.badge-tile-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.badge-tile-text strong{font-size:15px;font-weight:700;line-height:1.25}.badge-tile-text>span{color:var(--soft);font-size:13.5px;line-height:1.4}.badge-level{color:var(--soft);font-size:12px;font-weight:700}.badge-hint{font-style:italic}.badge-progress{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:6px;font-weight:600;color:var(--ink-2)!important;font-size:12px!important;display:flex!important}.badge-progress-bar{background:var(--track);border-radius:999px;flex:1;height:6px;overflow:hidden}.badge-progress-bar span{border-radius:inherit;background:var(--gold);height:100%;display:block}.badge-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12px!important;display:flex!important}.badge-points{color:var(--accent-ink);font-weight:700}.badge-title-chip{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:1px 8px;font-weight:600}.badge-pips{gap:4px;margin-top:6px;display:flex!important}.badge-pips i{background:var(--line);border-radius:50%;width:8px;height:8px}.badge-pips i.is-on.tier-bronze{background:#c07a45}.badge-pips i.is-on.tier-silver{background:#a9b0b8}.badge-pips i.is-on.tier-gold{background:#e2a52b}.daily{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px;display:grid}.daily-map{height:min(620px, calc(100dvh - var(--below-bar) - 140px));border-radius:var(--r-lg);border:1px solid var(--rule);background:var(--tint);min-height:360px;position:sticky;top:0;overflow:hidden}.daily-map .street-map{position:absolute;inset:0}.daily-play{flex-direction:column;gap:18px;display:flex}.daily-dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.daily-dot{background:var(--hover);width:38px;height:38px;color:var(--soft);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.daily-dot.is-current{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.daily-dot.is-bonus{color:var(--accent)}.daily-dot.is-clean{color:#fff;background:#3f9a52}.daily-dot.is-hint{background:var(--gold);color:#fff}.daily-dot.is-revealed{background:var(--faint);color:#fff}.daily-play .guess>label{order:-1}.daily-play .guess .kicker{color:var(--ink);font-size:15px;font-weight:700}.daily-hints{flex-wrap:wrap;gap:8px;display:flex}.daily-hints button{border:1px solid var(--line);background:var(--surface);border-radius:999px;height:36px;padding:0 14px;font-size:13.5px;font-weight:600}.daily-hints button:hover:not(:disabled){background:var(--hover)}.daily-hints button:disabled{color:var(--faint)}.daily-hints .is-quiet{color:var(--soft);border-color:#0000}.daily-answer,.daily-result{border-radius:var(--r-lg);background:var(--tint);flex-direction:column;gap:6px;padding:20px;display:flex}.daily-answer h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800}.daily-answer p{color:var(--ink-2);margin:0}.daily-answer.is-clean .kicker{color:#2f7d3f}.daily-answer.is-hint .kicker{color:var(--gold-deep)}.daily-next,.daily-share{background:var(--ink);color:#fff;border:0;border-radius:14px;align-self:flex-start;height:46px;margin-top:10px;padding:0 20px;font-weight:600}.daily-score{color:var(--soft);margin:0;font-size:18px}.daily-score strong{color:var(--ink);letter-spacing:-.03em;font-size:44px;font-weight:800}.daily-grid{letter-spacing:.1em;margin:0;font-size:26px}.daily-streak{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:flex}.daily-flame{color:var(--accent);display:flex}.daily-note{color:var(--soft);margin:0;font-size:13px}.daily-list h3{margin:0 0 8px;font-size:16px;font-weight:700}.daily-list ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.daily-list li{align-items:center;gap:10px;font-size:14.5px;display:flex}.daily-list-mark{background:var(--hover);width:26px;height:26px;color:var(--soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.daily-list li.is-clean .daily-list-mark{color:#fff;background:#3f9a52}.daily-list li.is-hint .daily-list-mark{background:var(--gold);color:#fff}.daily-list li.is-revealed .daily-list-mark{background:var(--faint);color:#fff}.daily-list-name{font-weight:600}.daily-list-name.is-hidden{color:var(--faint);font-weight:400}.daily-list-play{color:var(--blue);background:0 0;border:0;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:600}.daily-list-play:hover{background:var(--blue-soft)}.daily-how{color:var(--soft);margin:12px 0 0;font-size:13.5px}.medal{flex:none}.privacy{background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:20px;padding:28px}.privacy::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f232859}.privacy h2{margin:0 0 8px;font-size:24px;font-weight:800}.privacy h3{margin:18px 0 4px;font-size:16px;font-weight:700}.privacy p,.privacy li{color:var(--ink-2);font-size:14.5px;line-height:1.55}.privacy ul{padding-left:18px}.privacy-close{background:var(--ink);color:#fff;border:0;border-radius:999px;height:42px;margin-top:12px;padding:0 20px;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}@media (width<=1180px){.brand-name{display:none}}@media (width<=1060px){.tab .tab-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab{padding:0 12px}:root{--side-w:390px}.london{grid-template-columns:minmax(0,1fr) 320px}.daily{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=900px){.daily-button .tab-label,.rank-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rank-chip{padding:5px}:root{--side-w:360px}.sheet{padding:24px 24px 40px}.london,.daily{grid-template-columns:1fr;grid-template-areas:none}.london>*{grid-area:auto}.daily-map,.london-map{height:50dvh;position:relative}.badge-rewards,.backup{grid-template-columns:1fr}}@media (width<=1023px){.side-panel,.side-panel.is-folded{top:auto;left:max(var(--edge), calc((100% - var(--dock-w)) / 2));right:max(var(--edge), calc((100% - var(--dock-w)) / 2));bottom:calc(var(--dock-gap) + var(--dock-h) + 8px);width:auto;max-height:min(52dvh, calc(100dvh - var(--below-bar) - var(--dock-h) - 120px));animation:.28s cubic-bezier(.2,.9,.3,1) rise-up}@keyframes rise-up{0%{opacity:0;transform:translateY(16px)}}.has-side .dock{width:min(var(--dock-w), calc(100% - 2 * var(--edge)));left:50%}.has-side .toast{left:50%}.has-side .badge-toast{top:var(--below-bar);bottom:auto}.has-side .stage .maplibregl-ctrl-top-right,.has-side .stage .maplibregl-ctrl-bottom-right{right:calc(var(--edge) - 10px)}}@media (width<=759px){:root{--edge:8px;--bar-top:8px;--bar-h:60px;--below-bar:calc(var(--bar-top) + var(--bar-h) + 8px);--dock-h:104px;--dock-gap:8px}body{font-size:14.5px}.topbar{gap:4px;padding:0 6px 0 8px}.bar-sep,.bar-gap,.rank-chip{display:none}.brand-mark{width:30px;height:30px}.area-header{flex:1}.area-switch{gap:6px;padding:4px 4px 4px 2px}.ring,.ring svg:first-child{width:34px;height:34px}.ring-pct{font-size:10px}.district{gap:2px;min-width:0;font-size:17px}.district-name,.area-switch-kicker{text-overflow:ellipsis;min-width:0;overflow:hidden}.tabs{background:0 0;padding:0}.tabs .tab:first-child{display:none}.tab,.daily-button{justify-content:center;width:38px;height:40px;padding:0}.tab.is-on{box-shadow:none;background:var(--hover)}.tab .count,.daily-button .count{min-width:16px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}.daily-button .dot{top:8px;left:26px}.area-menu{top:var(--below-bar);left:var(--edge);right:var(--edge);width:auto;max-height:calc(100dvh - var(--below-bar) - var(--edge));position:fixed}.area-menu ul{grid-template-columns:1fr}.left-stack{flex-flow:wrap;align-items:flex-start;gap:8px;width:auto;right:64px}.left-stack>*{width:auto}.progress-card:not(.is-folded){width:min(320px, calc(100vw - 2 * var(--edge)))}.progress-card.is-folded .progress-mini{display:none}.fold-head{padding:9px 12px}.fold-title strong{font-size:16px}.stage .maplibregl-ctrl-top-right{display:none}.neighbour-chip{padding:4px 9px}.neighbour-chip-name{font-size:12.5px}.neighbour-chip-count{font-size:11px}.neighbour-chip.is-closed .neighbour-chip-count{display:none}.stage .maplibregl-ctrl-bottom-right{bottom:calc(var(--dock-gap) + var(--dock-h) + 4px)}.has-side .stage .maplibregl-ctrl-bottom-right{right:calc(var(--edge) - 10px);display:none}.dock,.has-side .dock{width:calc(100% - 2 * var(--edge));border-radius:18px;padding:8px;left:50%}.guess-feedback{min-height:32px;padding:5px 10px;font-size:13.5px}.guess-row input,.guess-row button{height:48px}.guess-row input{padding:0 14px;font-size:16px}.guess-row button{padding:0 18px}.side-panel,.side-panel.is-folded{left:var(--edge);right:var(--edge);max-height:min(56dvh, calc(100dvh - var(--below-bar) - var(--dock-h) - 120px));border-radius:18px}.panel-head{padding:12px 12px 10px 14px}.panel-title h3{font-size:20px}.is-folded .highlights{margin-top:4px}.panel-body{padding:2px 14px 14px}.roundel{width:88px;height:88px;padding:11px}.index-columns{columns:1}.toast,.has-side .toast{left:50%;top:calc(var(--below-bar) + 52px)}.badge-toast{bottom:calc(var(--dock-gap) + var(--dock-h) + 8px)}.sheet,.sheet.is-wide{top:var(--below-bar);border-radius:20px 20px 0 0;padding:20px 16px 32px;left:0;right:0}.sheet-head h1{font-size:26px}.sheet-close span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sheet-close{justify-content:center;width:40px;padding:0}.london-map{height:60dvh;min-height:360px}.london-hint{margin-left:0}.backup-actions,.badge-group ul{grid-template-columns:1fr}.badge-wall-head{margin-top:-10px}.daily-map{height:38dvh;min-height:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}