/* The atlas keeps its native navigation and travel handlers. */

.atlas-exit-label{display:none}

#mobile-atlas-filters{display:contents}

@layer pokeidle-brand {

html:root.ui-mobile-windows body.world-map-open:has(#worldmap:not(.hidden):not([hidden]):not([data-mobile-hidden]):not(.mw-concealed)) :is(#pio-main-menu,#pio-menu-dropdown,#mobile-window-dock,#mobile-window-hint,#tt72-icon,#trainer-input-test){display:none!important}

html:root.ui-mobile-windows body #worldmap.atlas-active{background:#061522!important;backdrop-filter:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window]{display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;padding:0!important;container-type:normal!important;background:#071b2c!important;overflow:hidden!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window][hidden]{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window]>.atlas-top{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:44px 44px!important;flex:0 0 auto!important;min-height:0!important;padding:6px 8px!important;gap:6px!important;z-index:30!important;cursor:default!important;touch-action:auto!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-top:before{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-brand{grid-column:1!important;grid-row:1!important;min-width:0!important;display:flex!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-brand b{font:700 19px Arial!important;color:#e8f7ff!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-brand small{font-size:9px!important;color:#8ed1f0!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-top :is([data-action=settings],[data-action=mail],#atlas-profile){display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-exit{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:138px!important;padding:8px 12px!important;background:#123b55!important;border:1px solid #5ecdf6!important;font:700 13px Arial!important;color:#e1f6ff!important;white-space:nowrap!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-exit-symbol{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-exit-label{display:inline!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-searchbox{grid-column:1/-1!important;grid-row:2!important;min-height:44px!important;height:44px!important;width:100%!important;border-radius:7px!important;background:#061421!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-searchbox input{font-size:16px!important;min-height:42px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-region-tabs{flex:0 0 auto!important;min-height:48px!important;padding:0 8px!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;flex-wrap:nowrap!important;background:#0b2539!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-region-tabs button{flex:1 0 76px!important;min-height:44px!important;min-width:76px!important;padding:4px 8px!important;font-size:12px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-mobile-nav{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:52px!important;padding:4px 8px!important;background:#102b42!important;border-bottom:1px solid #306585!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-mobile-nav select{flex:1 1 0!important;width:0!important;min-width:0!important;min-height:44px!important;text-overflow:ellipsis!important;font-size:13px!important;background:#071b2c!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-mobile-nav button{flex:0 0 auto!important;display:block!important;min-width:44px!important;min-height:44px!important;padding:5px 8px!important;font-size:12px!important;border:1px solid #437591!important;border-radius:6px!important;background:#173a53!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .mw-atlas-filter-toggle[aria-expanded=true]{border-color:#72d7fc!important;background:#235672!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters{display:none!important;position:absolute!important;top:var(--atlas-filters-top,206px)!important;left:8px!important;right:8px!important;max-height:calc(100% - var(--atlas-filters-top,206px) - 8px)!important;overflow:auto!important;z-index:20!important;background:#0c2438!important;border:1px solid #4288ab!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 24px #0008!important;overscroll-behavior:contain!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window][data-mobile-filters-open] #mobile-atlas-filters{display:block!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters .atlas-types{display:flex!important;flex-wrap:wrap!important;padding:8px!important;gap:6px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters .atlas-types button{min-height:40px!important;font-size:12px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters .atlas-clan-filters{display:flex!important;flex-wrap:wrap!important;padding:8px!important;gap:8px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters .atlas-clan-filters label{flex:1 1 130px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #mobile-atlas-filters :is(select,input){width:100%!important;min-height:44px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-layout{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;width:100%!important;display:block!important;position:relative!important;overflow:clip!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-stage{height:100%!important;min-height:0!important;width:100%!important;overflow:clip!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-viewport{overflow:clip!important;user-select:none!important;-webkit-user-select:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-sidebar{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-map-caption{left:8px!important;top:8px!important;padding:5px 9px!important;max-width:calc(100% - 16px)!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-map-caption>small{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-map-caption>b{font:700 16px Arial!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-controls{bottom:8px!important;left:8px!important;padding:0!important;z-index:4!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-controls button{min-width:44px!important;min-height:44px!important;padding:4px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-controls output{min-width:38px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-mobile-details{position:absolute!important;z-index:4!important;bottom:8px!important;right:8px!important;left:auto!important;min-height:44px!important;max-width:calc(100% - 194px)!important;padding:6px 8px!important;align-items:center!important;justify-content:center!important;background:#123b55!important;font:700 12px Arial!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-details{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:min(460px,90%)!important;max-height:100%!important;min-height:0!important;display:none!important;flex-direction:column!important;transform:translateY(101%)!important;visibility:hidden!important;pointer-events:none!important;background:#0a2134!important;z-index:10!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window].details-open .atlas-details{display:flex!important;transform:none!important;visibility:visible!important;pointer-events:auto!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-collapse{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;min-height:44px!important;padding:8px!important;background:#143b53!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-detail-scroll{flex:1 1 0!important;min-height:0!important;overflow:auto!important;padding:12px!important;overscroll-behavior:contain!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] :is(.atlas-go,.atlas-pokemon,.atlas-search-go,.atlas-search-area){min-height:44px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] #atlas-results{min-width:0!important;max-height:min(55dvh,420px)!important;z-index:40!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-message{bottom:62px!important;max-width:calc(100% - 24px)!important;font-size:12px!important}

@media (min-width:600px) and (max-height:560px){

html:root.ui-mobile-windows body #world-atlas[data-mobile-window]>.atlas-top{grid-template-rows:44px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:4px 8px!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-brand{display:none!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-searchbox{grid-column:1!important;grid-row:1!important}

html:root.ui-mobile-windows body #world-atlas[data-mobile-window] .atlas-details{inset:0 0 0 auto!important;width:min(370px,50%)!important;height:100%!important;border-radius:10px 0 0 0!important}

}

}