.city-walk-layer{--city-walk-toolbar-height: 0px;position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary)}.city-walk-layer[hidden]{display:none}body:has(>.city-walk-layer:not([hidden])) #shortcutsModal{z-index:calc(var(--z-index-modal) + 1)}.city-walk-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex:0 0 auto}.city-walk-title{margin:0;font-size:var(--font-size-lg)}.city-walk-header-actions{display:flex;gap:var(--space-sm)}.city-walk-btn{min-height:44px;min-width:44px}.city-walk-layer .city-walk-btn.btn-secondary[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.city-walk-layer .city-walk-btn.btn-secondary[aria-pressed=true]:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-accent-text);border-color:var(--color-accent-hover)}.city-walk-start{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);text-align:center}.city-walk-start-heading{margin:0;font-size:var(--font-size-xl)}.city-walk-start-intro{margin:0;max-width:60ch}.city-walk-city-list{display:flex;flex-direction:column;gap:var(--space-sm);width:min(100%,360px)}.city-walk-city-btn{width:100%}.city-walk-made-heading{margin:var(--space-sm) 0 0;font-size:var(--font-size-base)}.city-walk-made-note{margin:0;color:var(--color-text-secondary)}.city-walk-start-loading{margin:0;max-width:60ch;color:var(--color-text-secondary)}.city-walk-start-error{margin:0;max-width:60ch;color:var(--color-error)}.city-walk-start-messages{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:var(--space-sm);min-block-size:2lh}.city-walk-progress{width:min(100%,360px);height:var(--space-sm);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);overflow:hidden}.city-walk-progress[hidden]{display:none}.city-walk-progress-fill{display:block;width:0;height:100%;background:var(--color-accent);transition:width var(--motion-slow)}.city-walk-progress.is-sweeping .city-walk-progress-fill{width:25%;transition:none;animation:city-walk-progress-sweep calc(var(--motion-slow) * 5) linear infinite}@keyframes city-walk-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}@media(forced-colors:active){.city-walk-progress{border-color:CanvasText;background:Canvas}.city-walk-progress-fill{background:Highlight}}.city-walk-update-badge{display:block;font-size:var(--font-size-sm)}.city-walk-layer>.city-walk-header{position:relative;z-index:calc(var(--z-index-dropdown) + 2)}.city-walk-start.is-covering{position:absolute;inset:0;z-index:calc(var(--z-index-dropdown) + 1);background:var(--color-bg-primary)}.city-walk-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.city-walk-viewport canvas{display:block}.city-walk-toolbar{display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-start;gap:var(--space-sm) var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);flex:0 0 auto}.city-walk-toolbar[hidden]{display:none}.city-walk-toolbar-group{display:flex;align-items:center;gap:var(--space-xs)}.city-walk-toolbar-view-zone{border-inline-start:1px solid var(--color-border);padding-inline-start:var(--space-md);margin-inline-start:var(--space-xs)}.city-walk-toolbar-group-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.city-walk-toolbar-btn{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-sm);white-space:nowrap;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.city-walk-key{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.city-walk-layer .city-walk-btn.btn-secondary[aria-pressed=true] .city-walk-key{color:var(--color-accent-text)}.city-walk-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--color-border);flex:0 0 auto;font-size:var(--font-size-sm)}.city-walk-hud-status{margin:0}.city-walk-hud-frame{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.city-walk-attribution{margin:0;font-size:var(--font-size-xs)}.city-walk-help{position:absolute;z-index:var(--z-index-dropdown);top:calc(var(--space-lg) + 44px + var(--space-md));right:var(--space-md);max-width:min(480px,calc(100vw - 2 * var(--space-md)));max-height:calc(100% - 120px - var(--city-walk-toolbar-height));overflow-y:auto;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, none)}.city-walk-help h3{margin-top:0}.city-walk-help-list{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.city-walk-help-list li{margin-bottom:var(--space-xs)}.city-walk-help-list .city-walk-help-phone-only,.city-walk-phone .city-walk-help-list .city-walk-help-desktop-only{display:none}.city-walk-phone .city-walk-help-list .city-walk-help-phone-only{display:list-item}.city-walk-help-note{max-width:48ch}.city-walk-help-setting{margin-top:var(--space-xs);margin-bottom:var(--space-sm)}.city-walk-help .city-walk-attribution{margin-top:var(--space-xs)}.city-walk-camera-panel{position:absolute;z-index:var(--z-index-dropdown);top:var(--space-md);right:var(--space-md);max-height:calc(100% - 2 * var(--space-md));overflow-y:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg, none)}.city-walk-camera-panel .panel-header{align-items:center}.city-walk-camera-panel .camera-panel-body button{min-height:var(--size-touch-target)}.city-walk-layer .city-walk-camera-panel .btn:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-accent-text);border-color:var(--color-accent-hover)}.city-walk-camera-panel.collapsed{width:auto;min-width:0}@media(min-width:768px){.city-walk-camera-panel .btn-collapse-panel svg{transition:transform var(--motion-slow) ease}.city-walk-camera-panel.collapsed .btn-collapse-panel svg{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){.city-walk-camera-panel .btn-collapse-panel svg{transition:none}.city-walk-progress-fill,.city-walk-progress.is-sweeping .city-walk-progress-fill{transition:none;animation:none}}:root[data-high-contrast=true] .city-walk-camera-panel{top:var(--space-2xs);max-height:calc(100% - 2 * var(--space-2xs))}:root[data-high-contrast=true] .city-walk-camera-panel .camera-panel-header{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-2xs) var(--space-sm)}:root[data-high-contrast=true] .city-walk-camera-panel .camera-panel-body{gap:var(--space-2xs);padding:var(--space-2xs)}:root[data-high-contrast=true] .city-walk-camera-panel .camera-control-section,:root[data-high-contrast=true] .city-walk-camera-panel .camera-control-dpad,:root[data-high-contrast=true] .city-walk-camera-panel .camera-standard-views{gap:var(--space-2xs)}.city-walk-where{position:absolute;z-index:calc(var(--z-index-dropdown) - 1);top:calc(var(--city-walk-viewport-top, 0px) + var(--space-md));right:calc(var(--space-md) + var(--city-walk-camera-width, 0px) + var(--space-sm));width:min(300px,calc(100vw - var(--city-walk-camera-width, 0px) - 3 * var(--space-md)));max-height:calc(100% - var(--city-walk-viewport-top, 0px) - var(--city-walk-viewport-bottom, 0px) - 2 * var(--space-md));overflow-y:auto;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, none)}:root[data-high-contrast=true] .city-walk-where{top:calc(var(--city-walk-viewport-top, 0px) + var(--space-2xs))}.city-walk-where.collapsed{width:auto}.city-walk-where-heading{margin:0;font-size:var(--font-size-base)}.city-walk-where-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:inherit;font-weight:700}.city-walk-where.collapsed .city-walk-where-chevron{transform:rotate(180deg)}.city-walk-where-body{margin-top:var(--space-sm);font-size:var(--font-size-sm)}.city-walk-where-line{margin:0 0 var(--space-2xs)}.city-walk-where-label{font-weight:700}.city-walk-signs{position:absolute;z-index:calc(var(--z-index-dropdown) - 1);bottom:calc(var(--city-walk-viewport-bottom, 0px) + var(--space-md));left:50%;transform:translate(-50%);max-width:calc(100% - 2 * var(--space-md));margin:0;padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);pointer-events:none}.city-walk-signs[hidden]{display:none}.city-walk-travel{position:absolute;z-index:var(--z-index-dropdown);top:calc(var(--space-lg) + 44px + var(--space-md));left:50%;transform:translate(-50%);max-width:min(420px,calc(100vw - 2 * var(--space-md)));padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, none)}.city-walk-travel[hidden]{display:none}.city-walk-travel h3{margin-top:0}.city-walk-travel-where{margin:var(--space-sm) 0 var(--space-md)}.city-walk-travel-actions{display:flex;gap:var(--space-sm)}.city-walk-found{position:absolute;z-index:var(--z-index-dropdown);top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(420px,calc(100vw - 2 * var(--space-md)));padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, none)}.city-walk-found[hidden]{display:none}.city-walk-found h3{margin-top:0}.city-walk-found-body{margin:var(--space-sm) 0 var(--space-md)}.city-walk-legend-badge{margin:var(--space-sm) 0 0;font-size:var(--font-size-sm)}.city-walk-legend{position:absolute;z-index:var(--z-index-dropdown);top:calc(var(--space-lg) + 44px + var(--space-md));left:var(--space-md);max-width:min(340px,calc(100vw - 2 * var(--space-md)));max-height:calc(100% - 160px - var(--city-walk-toolbar-height));overflow-y:auto;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.city-walk-legend-heading{margin:0 0 var(--space-sm);font-size:var(--font-size-base)}.city-walk-legend-list{margin:0;padding-left:var(--space-lg);font-size:var(--font-size-sm)}.city-walk-legend-list li{margin-bottom:var(--space-2xs)}.city-walk-legend-list li.selected{color:var(--color-accent);font-weight:700}.city-walk-legend-hint,.city-walk-legend-empty{margin:var(--space-sm) 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.city-walk-card .city-walk-attribution{margin-top:var(--space-sm)}.city-walk-card .btn-role-try[aria-disabled=true]{opacity:.7;cursor:not-allowed}.city-walk-card .btn-role-try[aria-disabled=true]:hover,.city-walk-card .btn-role-try[aria-disabled=true]:active{transform:none}.city-walk-page{padding:var(--space-lg)}.city-walk-page p{max-width:60ch}.city-walk-confirm{margin:auto;max-width:min(90vw,60ch);padding:var(--space-lg);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.city-walk-confirm::backdrop{background:color-mix(in srgb,var(--color-bg-primary) 75%,transparent)}.city-walk-confirm-title{margin:0 0 var(--space-sm);font-size:var(--font-size-xl)}.city-walk-confirm-body{margin:0 0 var(--space-md)}.city-walk-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.city-walk-places{max-width:min(90vw,64ch);padding:var(--space-md)}.city-walk-places[open]{display:flex;flex-direction:column;align-items:flex-start;max-block-size:calc(100dvh - 2 * var(--space-lg))}.city-walk-places .city-walk-places-list,.city-walk-places .city-walk-confirm-actions{align-self:stretch}.city-walk-places .city-walk-confirm-body{margin-block-end:var(--space-sm)}.city-walk-places-list{list-style:none;margin:var(--space-sm) 0 var(--space-md);padding:var(--space-sm);flex:1 1 auto;min-block-size:0;overflow-y:auto;position:relative}.city-walk-places-item,.city-walk-places-empty{padding-block:var(--space-sm);border-block-end:var(--border-width-thin) solid var(--color-border)}.city-walk-places-name{display:block;font-weight:700}.city-walk-places-summary{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.city-walk-places-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-xs)}.city-walk-places-rename{display:flex;flex-direction:column;gap:var(--space-xs)}.city-walk-places-input{min-block-size:44px;padding-inline:var(--space-sm);font:inherit;color:var(--color-text-primary);background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border)}.city-walk-places-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.city-walk-controller-panel{max-width:min(90vw,72ch);padding:var(--space-md)}.city-walk-controller-panel .city-walk-confirm-body{margin-block-end:var(--space-sm)}.city-walk-controller-table{border-collapse:collapse;margin:0 0 var(--space-md)}.city-walk-controller-table th,.city-walk-controller-table td{padding:var(--space-2xs) var(--space-sm);text-align:start;vertical-align:middle}.city-walk-controller-table th[scope=row]{white-space:nowrap}.city-walk-controller-input{inline-size:26ch}@media(max-width:599px){.city-walk-controller-table th[scope=row]{white-space:normal}.city-walk-controller-input{inline-size:auto}}.city-walk-menu-btn{display:none}.city-walk-phone .city-walk-menu-btn{display:inline-flex}.city-walk-phone>.city-walk-header .city-walk-header-actions,.city-walk-phone>.city-walk-toolbar,.city-walk-phone .city-walk-camera-panel{display:none}.city-walk-phone>.city-walk-header{justify-content:flex-start}.city-walk-phone .city-walk-hud{flex-wrap:wrap;row-gap:0}.city-walk-phone .city-walk-viewport{touch-action:pinch-zoom}.city-walk-walk-zone{display:none}.city-walk-phone .city-walk-walk-zone{position:absolute;z-index:calc(var(--z-index-dropdown) - 2);inset:auto 0 0;display:flex;align-items:flex-end;block-size:25%;padding:var(--space-xs) var(--space-sm);justify-content:flex-end;border-block-start:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);pointer-events:none}.city-walk-walk-zone-label{padding:0 var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.city-walk-signs-hold{display:none}.city-walk-phone .city-walk-signs-hold{position:absolute;z-index:calc(var(--z-index-dropdown) - 1);left:var(--space-md);bottom:calc(var(--city-walk-viewport-bottom, 0px) + var(--space-md));display:inline-flex;touch-action:none}.city-walk-phone .city-walk-signs{left:var(--space-md);transform:none;bottom:calc(var(--city-walk-viewport-bottom, 0px) + 44px + 2 * var(--space-md));pointer-events:none}.city-walk-menu{max-width:min(94vw,64ch);padding:var(--space-md)}.city-walk-menu[open]{display:flex;flex-direction:column;max-block-size:calc(100dvh - 2 * var(--space-md))}.city-walk-menu-body{display:flex;flex-direction:column;gap:var(--space-md);flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:var(--space-sm);scroll-padding-block:var(--space-sm)}.city-walk-menu .city-walk-header-actions{flex-wrap:wrap}.city-walk-menu .city-walk-toolbar{flex-wrap:wrap;border:none;padding:0}.city-walk-menu .city-walk-toolbar-group{flex-wrap:wrap}.city-walk-menu .city-walk-help-setting{margin:0}