@layer pokeidle-brand {
/* Compact navigation: six equal slots on each side of the central shop. */
html body #pio-main-menu[data-compact-menu] .pio-menu-slot:not(.pio-menu-hero) .pio-menu-icon img{width:27px!important;height:27px!important;object-fit:contain!important;max-width:27px!important;max-height:27px!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-slot:not(.pio-menu-hero) .pio-menu-icon img{width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important}
html body #pio-main-menu[data-compact-menu] .pio-menu-scroll[hidden]{display:none!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-bar{width:1056px!important;height:64px!important;padding:0 18px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-reserve{padding-top:14px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-slot{flex:0 0 76px!important;width:76px!important;height:64px!important;padding:6px 2px 11px!important;gap:3px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-icon{width:27px!important;height:27px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-label{font-size:10px!important;line-height:11px!important;letter-spacing:0!important;max-width:74px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-arrow{bottom:5px!important;width:4px!important;height:4px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-slot:after{top:11px!important;bottom:11px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-hero{flex-basis:108px!important;width:108px!important;justify-content:flex-end!important;padding-bottom:7px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-hero .pio-menu-icon{top:-14px!important;width:62px!important;height:62px!important;border-width:2px!important;box-shadow:0 0 10px #46d3ff30,inset 0 0 6px #46d3ff30!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-hero .pio-menu-icon img{width:41px!important;height:41px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-hero .pio-menu-label{max-width:104px!important;font-size:11px!important;line-height:12px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-hero:before{inset:-14px 0 3px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-badge{top:3px!important;right:4px!important;font-size:9px!important;padding:1px 3px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .mainbar-vote-icon{width:26px!important;height:26px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .mainbar-vote-icon b{font-size:18px!important;line-height:17px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .weekly-pass-ticket{width:27px!important;height:20px!important;font-size:13px!important}
html body #pio-main-menu[data-compact-menu]:not(.pio-mobile) .pio-menu-toggle{display:block!important;position:absolute!important;right:12px!important;top:0!important;width:32px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;border:1px solid var(--pm-edge)!important;border-radius:6px!important;background:var(--pm-bg)!important;color:var(--pm-cyan)!important;font:700 18px/20px Arial!important;pointer-events:auto!important;cursor:pointer!important;z-index:2!important}
html body #pio-main-menu[data-compact-menu].pio-collapsed .pio-menu-toggle{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:90px!important;height:32px!important;font:700 11px/30px Arial!important;letter-spacing:.5px!important}
/* Retain the touch menu and its vertical scroll even in short landscape screens. */
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-toggle{position:static!important;transform:none!important;min-height:44px!important;min-width:78px!important;font-size:11px!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-hero{grid-column:1/-1!important;min-height:54px!important;flex-direction:row!important;gap:10px!important;background:linear-gradient(90deg,#062039,#104363,#062039)!important;border-color:#46d3ff!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-hero .pio-menu-label{color:#46d3ff!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-hero .pio-menu-icon{width:32px!important;height:32px!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-hero .pio-menu-icon img{width:32px!important;height:32px!important}
}

@layer pokeidle-brand {
html body #pio-main-menu .pio-mobile-tools{display:none!important}
html body #pio-main-menu.pio-mobile .pio-mobile-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:6px!important;position:sticky!important;top:0!important;z-index:3!important;background:#071b2c!important;pointer-events:auto!important}
html body #pio-main-menu.pio-mobile .pio-mobile-tools button{min-height:44px!important;padding:6px!important;font:700 12px Arial!important;color:#d7f0ff!important;border:1px solid #397ca2!important;border-radius:6px!important;background:#11334b!important}
}

/* Keep the compact menu handle on the same viewport center as the desktop bar. */
@layer pokeidle-brand {
html body #pio-main-menu[data-compact-menu].pio-mobile{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
html body #pio-main-menu[data-compact-menu].pio-mobile .pio-menu-toggle{margin-left:auto!important;margin-right:auto!important}
}