.icon-button svg,.square-button svg,.search-row>span svg,.locate-button svg{width:22px;height:22px;display:block}.search-row>span{display:flex;align-items:center;justify-content:center}.search-row>span svg{width:19px;height:19px}.topbar{right:20px;top:calc(env(safe-area-inset-top) + 24px)}#mute{display:none}#settings,#layers{width:52px;height:52px;background:linear-gradient(145deg,#ffffff35,#25272b80);border:1px solid #ffffff30!important;backdrop-filter:blur(18px);box-shadow:inset 0 1px 2px #ffffff24,0 5px 15px #0002!important}#layers{position:fixed;top:calc(env(safe-area-inset-top) + 24px);left:20px}#layers svg{width:23px;height:23px}#settings svg{width:22px;height:22px}#search-form{left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 24px);width:min(420px,calc(100vw - 180px))}.search-row{min-height:52px;padding-left:18px;background:linear-gradient(135deg,#ffffff25,#343439a8);border-color:#ffffff20;box-shadow:inset 0 1px 2px #ffffff20!important}.search-row input{font-size:14px;font-weight:600}.search-row input::placeholder{color:#f0f0ee;opacity:.85}#search-form .square-button{width:30px}.world-chip{display:none}#results{left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 86px);width:min(420px,calc(100vw - 32px))}#search-status{left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 80px)}.map-tools{bottom:calc(env(safe-area-inset-bottom) + 68px);right:18px}.map-tools #tilt{font-size:12px}.theme-card.active{background:#3a4e64}.pixel-player{display:none}body[data-world=overworld] .player-arrow>svg{display:none}body[data-world=overworld] .pixel-player{display:block;width:48px;height:54px;background:linear-gradient(90deg,#9b9d9b 0 40%,white 40% 60%,#dadcda 60%);clip-path:polygon(44% 0,56% 0,56% 12%,65% 12%,65% 26%,75% 26%,75% 42%,84% 42%,84% 58%,94% 58%,94% 76%,100% 76%,100% 100%,65% 100%,65% 86%,35% 86%,35% 100%,0 100%,0 76%,6% 76%,6% 58%,16% 58%,16% 42%,25% 42%,25% 26%,35% 26%,35% 12%,44% 12%)}body[data-world=overworld] .player-arrow{filter:drop-shadow(4px 0 #111) drop-shadow(-4px 0 #111) drop-shadow(0 4px #111)}
@media(max-width:600px){#search-form{width:calc(100vw - 166px)}#layers{left:14px}.topbar{right:14px}.icon-button,#settings,#layers{width:48px;height:48px}.search-row{min-height:48px;padding-left:12px;gap:6px}.search-row input{font-size:12px}.search-row>span svg{width:16px}.square-button svg{width:18px}.search-row .square-button{width:24px}.topbar,#layers,#search-form{top:calc(env(safe-area-inset-top) + 16px)}#results{top:calc(env(safe-area-inset-top) + 76px)}#search-status{top:calc(env(safe-area-inset-top) + 69px)}}
/* Reference bottom controls keep the map clear on a phone. */
.bottom-dock{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 37px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;z-index:3}.bottom-dock .icon-button{width:48px;height:48px;background:linear-gradient(140deg,#ffffff28,#343a4180);border:1px solid #ffffff2e!important;backdrop-filter:blur(18px);box-shadow:inset 0 1px 3px #ffffff22,0 3px 15px #0003!important}.bottom-dock .pin-button{width:60px;height:60px;border-color:#48b8ff55!important;background:radial-gradient(ellipse,#1c8bea55,#61966c22 70%);color:#28b6ff;filter:drop-shadow(0 0 10px #1789ff55)}.bottom-dock .pin-button svg{width:30px;height:30px;fill:#168be3;stroke:#44caff}.bottom-dock #bookmarks svg{width:18px;height:18px;fill:#f3f4ed;stroke-width:1}.bottom-dock #recenter svg{width:22px;height:22px;fill:#f3f4ed;stroke-width:1}.panel-bottom{display:none!important}.demo-entry{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 45px);left:18px;z-index:2}.demo-entry .text-button{font-size:10px;color:white;background:#162319a0;padding:8px 11px;border-radius:14px;backdrop-filter:blur(10px)}.map-tools{bottom:calc(env(safe-area-inset-bottom) + 110px)}.bookmark-name{width:100%;background:#262e25;border:1px solid #4b5841;color:#fff;padding:13px;border-radius:10px;margin-bottom:14px}.saved-places{margin-top:24px;max-height:35dvh;overflow:auto}.route-active .bottom-dock{display:none}.route-active .demo-entry{display:none}body[data-world=overworld] .maplibregl-canvas{image-rendering:pixelated}@media(max-width:600px){.demo-entry{bottom:calc(env(safe-area-inset-bottom) + 107px);left:14px}.demo-entry .text-button{font-size:9px}.route-active .mission-panel{margin-bottom:0}.map-tools{right:14px;bottom:calc(env(safe-area-inset-bottom) + 112px)}}