:root{--glass: rgba(20, 22, 26, .74);--glass-hi: rgba(36, 39, 45, .86);--line: rgba(255, 255, 255, .09);--text: #ece8de;--muted: #a5a199;--accent: #a4cc35;--mini-w: clamp(196px, 17vw, 236px);--ui: "Inter", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0f12;color:var(--text);font:14px/1.4 var(--ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#map{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#map.dragging{cursor:grabbing}.pill{background:var(--glass);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 6px 24px #00000047}.brand{position:fixed;top:12px;left:14px;display:flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 14px;font:500 18px/1 var(--serif);letter-spacing:-.01em;pointer-events:none}.brand img{display:block;width:auto;height:17px;padding-right:10px;border-right:1px solid var(--line)}.brand b{font-weight:600;color:var(--accent)}.topbar{position:fixed;top:12px;right:14px;z-index:4;display:flex;gap:8px;align-items:flex-start}#search{position:relative;display:flex;align-items:center;gap:8px;width:min(310px,44vw);height:40px;padding:0 12px 0 14px;background:var(--glass);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 24px #00000047;transition:width .25s ease,background .2s,border-color .2s,box-shadow .2s}#search:focus-within{width:min(400px,50vw);background:var(--glass-hi);border-color:#a4cc3573;box-shadow:0 0 0 3px #a4cc351f,0 10px 30px #00000059}#search>svg{color:var(--muted);flex:none;width:16px;height:16px}#search:focus-within .s-ico{color:var(--accent)}#search .s-spin{display:none;color:var(--accent);animation:spin .8s linear infinite}#search.busy .s-ico{display:none}#search.busy .s-spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}#search input{flex:1;min-width:0;width:0;height:100%;background:none;border:0;outline:none;color:var(--text);font:inherit}#search input::placeholder{color:var(--muted)}#search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;font:500 10.5px/1 var(--ui);color:var(--muted);border:1px solid rgba(255,255,255,.14);border-bottom-width:2px;border-radius:5px}.s-key{flex:none}#search:focus-within .s-key,#search.filled .s-key{display:none}@media(hover:none){.s-key{display:none}}.s-clear{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-right:-4px;border-radius:50%;color:var(--muted);transition:background .15s,color .15s}.s-clear[hidden]{display:none}.s-clear:hover{color:var(--text);background:#ffffff17}.s-clear svg{width:15px;height:15px}#search-results{position:absolute;top:48px;left:0;right:0;z-index:6;max-height:min(66vh,540px);overflow:auto;overscroll-behavior:contain;background:var(--glass-hi);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 50px #00000073;padding:6px;scrollbar-width:thin;animation:pop-in .16s ease-out}#search-results[hidden]{display:none}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}}.sr-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 4px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.sr-head button{padding:2px 7px;margin-right:-4px;border-radius:6px;font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--muted)}.sr-head button:hover{color:var(--text);background:#ffffff14}.sr-row{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 7px;border-radius:12px;cursor:pointer}.sr-row.active{background:#ffffff14}.sr-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff0f;color:var(--muted);transition:background .15s,color .15s}.sr-ico svg{width:16px;height:16px}.sr-row.active .sr-ico{color:var(--accent);background:#a4cc3521}.sr-row.me .sr-ico{color:#7cc4ff;background:#7cc4ff21}.sr-text{flex:1;min-width:0}.sr-text strong,.sr-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-text strong{font-weight:500}.sr-text strong b{font-weight:600;color:var(--accent)}.sr-text small{font-size:12px;color:var(--muted)}.sr-text mark{background:none;color:var(--accent);font-weight:600}.sr-tag{flex:none;padding:2px 7px;border:1px solid var(--line);border-radius:999px;font-size:10.5px;font-weight:600;color:var(--muted)}.sr-route{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.sr-route svg{width:17px;height:17px}.sr-row.active .sr-route,.sr-row:hover .sr-route,.sr-route:focus-visible{opacity:1}.sr-route:hover{color:#141c06;background:var(--accent)}@media(hover:none){.sr-route{opacity:1}}.sr-hint{padding:10px 12px;font-size:13px;color:var(--muted)}.sr-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 8px}.sr-chip{height:28px;padding:0 11px;border-radius:999px;border:1px solid transparent;background:#ffffff0f;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s}.sr-chip:hover{background:#a4cc3524;border-color:#a4cc3559}.sr-foot{display:flex;justify-content:flex-end;gap:14px;margin-top:4px;padding:8px 10px 3px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sr-foot span{display:flex;align-items:center;gap:3px}.buttons{display:flex;align-items:center;gap:1px;height:40px;padding:0 4px}.buttons button,.buttons a,.zoom button{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;color:var(--text);transition:background .15s}.buttons button:hover,.buttons a:hover,.zoom button:hover{background:#ffffff17}.buttons button.on{color:#141c06;background:#a4cc35eb}.buttons button.text{width:auto;display:flex;gap:7px;padding:0 12px 0 10px;font-weight:500}.buttons button.primary{height:32px;margin-left:1px;color:#141c06;background:var(--accent)}.buttons button.primary:hover{background:#b8dc52}.buttons .sep{width:1px;height:20px;background:var(--line);margin:0 4px}.buttons .night-toggle{width:auto;display:flex;gap:8px;padding:0 6px 0 11px;font-size:13px;font-weight:500}#night-btn.on{color:var(--text);background:none}#night-btn.on:hover{background:#ffffff17}.night-label{color:var(--muted);transition:color .2s;white-space:nowrap}.night-toggle:hover .night-label,.night-toggle.on .night-label{color:var(--text)}.switch{position:relative;flex:none;width:44px;height:24px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#9fd3f5,#5d9bd6);box-shadow:inset 0 1px 3px #0000004d;transition:background .35s}.night-toggle.on .switch{background:linear-gradient(135deg,#18213f,#2e3b6e)}.switch .stars{position:absolute;inset:0;opacity:0;transition:opacity .35s;background:radial-gradient(1px 1px at 7px 7px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 14px 16px,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 9px 17px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 18px 6px,#fff 50%,transparent 51%)}.night-toggle.on .stars{opacity:.9}.switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ffd66b;box-shadow:0 1px 3px #00000059;transition:transform .35s cubic-bezier(.4,1.35,.5,1),background .35s}.night-toggle.on .knob{transform:translate(20px);background:#eef1ff}.knob svg{position:absolute;width:13px;height:13px;transition:opacity .25s,transform .35s}.knob .sun{color:#a8600a;stroke-width:2.2}.knob .moon{color:#3b4a85;fill:#3b4a85;opacity:0;transform:rotate(-70deg)}.night-toggle.on .knob .sun{opacity:0;transform:rotate(70deg)}.night-toggle.on .knob .moon{opacity:1;transform:none}.buttons a.text{width:auto;display:flex;gap:7px;padding:0 11px 0 9px;font-size:13px;font-weight:500;text-decoration:none}.buttons .tw-arrow{width:16px;height:16px;stroke:none}.buttons a.linkedin svg{width:16px;height:16px;fill:currentColor;stroke:none}.buttons a.linkedin:hover{color:#fff;background:#0a66c2}.zoom{position:fixed;right:14px;top:64px;display:flex;flex-direction:column;padding:3px;border-radius:20px}#rotate-hint{position:fixed;top:64px;right:64px;display:flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;font-size:12.5px;color:var(--muted);pointer-events:none;transition:opacity .4s}#rotate-hint svg{width:15px;height:15px;color:var(--accent)}#rotate-hint.gone{opacity:0}#rotate-hint .touch{display:none}@media(pointer:coarse){#rotate-hint .mouse{display:none}#rotate-hint .touch{display:inline}}#progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .3s}#progress.active{opacity:1;animation:sweep 1.1s linear infinite}@keyframes sweep{0%{background-position:-40% 0}to{background-position:140% 0}}.places{position:fixed;left:50%;bottom:18px;transform:translate(-50%)}.places-toggle{display:flex;align-items:center;gap:6px;height:42px;padding:0 9px 0 6px;transition:background .15s,transform .15s}.places-toggle:hover{background:var(--glass-hi);transform:translateY(-1px)}.places-toggle>svg{width:16px;height:16px;color:var(--muted)}.places-toggle .stack{display:flex}.places-toggle .stack i{width:30px;height:30px;border-radius:50%;border:2px solid #17191d;background-color:#2a2d33;background-repeat:no-repeat}.places-toggle .stack i+i{margin-left:-11px}.places.open .places-toggle{display:none}.places-panel{display:none;align-items:center;gap:2px;width:min(720px,calc(100vw - 2 * var(--mini-w) - 60px));height:74px;padding:0 4px;border-radius:22px}.places.open .places-panel{display:flex;animation:rise .24s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}#places-list{position:relative;flex:1;display:flex;gap:6px;height:100%;align-items:center;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent);mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent);padding:0 8px}#places-list::-webkit-scrollbar{display:none}.place-card{position:relative;flex:none;width:124px;height:58px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);border-radius:13px;background-color:#23262c;background-repeat:no-repeat;scroll-snap-align:center;transition:transform .18s,border-color .18s,box-shadow .18s}.place-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 28%,#000000bd);transition:opacity .18s}.place-card span{position:absolute;left:8px;right:7px;bottom:6px;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;font-size:12px;font-weight:600;line-height:1.15;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}.place-card:hover,.place-card:focus-visible{transform:translateY(-2px);border-color:#a4cc35bf;box-shadow:0 6px 18px #0006;outline:none}.place-card:hover:after{opacity:.8}.place-card.here{border-color:var(--accent);box-shadow:0 0 0 2px #a4cc354d}.places .arrow,.places .close{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--muted);transition:background .15s,color .15s}.places .arrow:hover,.places .close:hover{color:var(--text);background:#ffffff14}.places .close{margin-left:2px}@media(pointer:coarse){.places .arrow{display:none}#places-list{padding-left:10px}}#minimap{position:fixed;right:14px;bottom:18px;width:var(--mini-w)}#minimap-mode{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;display:grid;place-items:center;border-radius:50%;color:var(--text);background:#14161acc;border:1px solid rgba(255,255,255,.18);transition:background .15s,border-color .15s}#minimap-mode svg{width:15px;height:15px}#minimap-mode:hover{background:#a4cc3540;border-color:#a4cc3580}#minimap canvas{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:var(--glass);box-shadow:0 0 0 6px #07080a,0 0 0 7px #ffffff29,0 8px 26px #00000073;cursor:crosshair;touch-action:none}#minimap canvas[data-mode=local]{cursor:grab}#minimap canvas.dragging{cursor:grabbing}footer{position:fixed;left:16px;bottom:14px;display:flex;flex-direction:column;gap:3px;max-width:calc(50vw - 380px);min-width:180px;font-size:11px;color:#ece8debf;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}#coords{font-variant-numeric:tabular-nums;font-weight:500;color:var(--text)}#perf-stats{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;pointer-events:auto;white-space:nowrap;transition:opacity .25s}.label.hidden{opacity:0;pointer-events:none}.label.district span{display:block;transform:translate(-50%,-50%);font:600 15px/1 var(--serif);letter-spacing:.02em;color:#fff8ea;text-shadow:0 0 6px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.label.place{display:flex;align-items:center;gap:6px;transform-origin:0 0}.label.place i{width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #14161ad9}.label.place span{margin-top:-4.5px;padding:3px 8px;border-radius:999px;background:#14161ab8;font-size:12px;font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.label.place:hover span{background:#a4cc35e6;color:#141c06}.label.mahalle{pointer-events:none}.label.mahalle span{display:block;transform:translate(-50%,-50%);font:600 10.5px/1 var(--sans, system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#fffaeeeb;text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9)}#toast{position:fixed;left:50%;bottom:108px;z-index:30;transform:translate(-50%,12px);padding:9px 16px;border-radius:999px;background:var(--glass-hi);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}.pin{position:absolute;left:0;top:0;pointer-events:none}.pin-dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--accent);animation:ping 1.8s ease-out infinite}.pin.me .pin-dot{background:#4aa8ff}@keyframes ping{0%{box-shadow:0 0 0 3px #14161ad9,0 0 0 3px #a4cc3599}to{box-shadow:0 0 0 3px #14161ad9,0 0 0 20px #a4cc3500}}.pin-card{position:absolute;left:0;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 7px 7px 14px;background:#1e2127f0;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px #00000073;white-space:nowrap;pointer-events:auto;animation:pin-in .26s ease-out}.pin-card:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;background:#1e2127f0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%) rotate(45deg)}@keyframes pin-in{0%{opacity:0;transform:translate(-50%,8px)}}.pin-text{min-width:0}.pin-text strong{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;font-weight:600}.pin-text small{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:var(--muted)}.pin-text small:empty{display:none}.pin-acts{display:flex;align-items:center;gap:2px}.pin-route{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 9px;margin-right:2px;border-radius:999px;background:var(--accent);color:#141c06;text-decoration:none;font-size:12.5px;font-weight:600;transition:background .15s}.pin-route:hover{background:#b8dc52}.pin-route svg{width:16px;height:16px}.pin-acts button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--muted)}.pin-acts button:hover{color:var(--text);background:#ffffff17}.pin-acts svg{width:16px;height:16px}#share-sheet{width:min(452px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:14px;border:1px solid var(--line);border-radius:24px;overflow:auto;background:#181a1ff0;color:var(--text);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 24px 80px #0000008c}#share-sheet[open]{display:flex;flex-direction:column;gap:12px;animation:sheet-in .22s ease-out}#share-sheet>*{flex:none}#share-sheet::backdrop{background:#06070980;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}#share-sheet header{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 4px}#share-sheet header strong{font:600 18px/1.2 var(--serif)}.share-x{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--muted)}.share-x:hover{color:var(--text);background:#ffffff17}.share-preview{display:flex;align-items:center;justify-content:center;overflow:hidden;height:min(44vh,400px);padding:14px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 50% 40%,#ffffff12,#ffffff05)}.share-preview canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;box-shadow:0 12px 32px #00000080;animation:fade .2s ease-out}.share-preview[data-format=story] canvas{border-radius:14px}.share-preview[data-format=stamp] canvas{border-radius:4px}.share-preview .hint{color:var(--muted)}@keyframes fade{0%{opacity:0}}.share-title{display:flex;align-items:center;gap:9px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:#ffffff0d;color:var(--muted);transition:border-color .15s}.share-title:focus-within{border-color:#a4cc3580;color:var(--accent)}.share-title svg{width:16px;height:16px;flex:none}.share-title input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);font:500 14px var(--ui)}.share-formats{display:flex;align-self:center;gap:2px;padding:4px;border-radius:999px;background:#ffffff0f}.share-formats button{height:30px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.share-formats button:hover{color:var(--text)}.share-formats button.on{color:var(--text);background:#ffffff26;box-shadow:0 1px 3px #0000004d}.share-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px 4px;padding-top:2px}.share-actions button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.share-actions button[hidden]{display:none}.share-actions button:hover{color:var(--text)}.share-actions i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff14;color:var(--text);transition:transform .15s,background .15s,color .15s}.share-actions button:hover i{transform:translateY(-2px);background:#ffffff29}.share-actions button[data-act=copy] i{background:#f4efe4;color:#141c06}.share-actions button[data-act=copy]:hover i{background:#fff}.share-actions i svg{width:19px;height:19px}.share-actions .brand-wa svg,.share-actions .brand-x svg,.share-actions .brand-in svg{fill:currentColor;stroke:none}.share-actions .brand-x svg{width:16px;height:16px}.share-actions button:hover .brand-wa{background:#25d366;color:#fff}.share-actions button:hover .brand-x{background:#000;color:#fff}.share-actions button:hover .brand-in{background:#0a66c2;color:#fff}#loader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 44%,#1c1f25,#0d0f12 70%);transition:opacity .7s ease,visibility 0s linear .7s}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{flex:none;width:34px;height:40px;stroke:none;animation:mark-in .8s cubic-bezier(.2,.8,.2,1) both,mark-breathe 2.4s ease-in-out 1s infinite}@keyframes mark-in{0%{opacity:0;transform:translateY(8px)}}@keyframes mark-breathe{50%{opacity:.7}}#loader.done .loader-mark{transform:scale(1.08);transition:transform .7s ease}.loader-title{display:flex;align-items:center;gap:14px;font:500 27px/1 var(--serif);letter-spacing:-.01em}.loader-title b{font-weight:600;color:var(--accent)}.loader-bar{position:relative;width:220px;height:3px;margin-top:10px;border-radius:2px;background:#ffffff14;overflow:hidden}.loader-bar i{position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform .45s ease}.loader-bar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loader-sweep 1.2s linear infinite}@keyframes loader-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}.loader-text{min-height:1.3em;font:400 13px/1.3 var(--ui);color:var(--muted)}#loader.failed .loader-mark,#loader.failed .loader-bar{display:none}#loader.failed .loader-text{max-width:300px;padding:0 16px;text-align:center;color:var(--text)}@media(prefers-reduced-motion:reduce){.loader-mark,.loader-bar:after,.pin-dot{animation:none}}@media(max-width:520px){#share-sheet{width:100%;max-width:100%;margin:auto 0 0;border-radius:24px 24px 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.share-preview{height:min(38vh,340px);padding:10px}.share-actions{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.places{bottom:12px}.places-panel{width:calc(100vw - 24px);height:66px}.place-card{width:104px;height:50px}:root{--mini-w: 164px}#minimap{bottom:86px}footer{bottom:78px;min-width:0;max-width:calc(100vw - var(--mini-w) - 44px)}#toast{bottom:96px}.topbar{left:12px;right:12px;top:56px}#search,#search:focus-within{flex:1;width:auto;min-width:0}.night-label,.buttons .btn-text{display:none}.buttons .night-toggle{padding:0 5px}.buttons button.primary{width:34px;padding:0;justify-content:center}.zoom{top:110px}#rotate-hint{top:110px;left:12px;right:auto}}