/* Harbour arcade — raised enamel controls, readable in sun and rain. */
:root{--harbour-edge:#23465d;--harbour-blue:#269cd2;--harbour-shadow:#185478}
#gameplay .flow-tools button,#gameplay .bottom-nav>button:not(#cast),#gameplay #settings{
 background:linear-gradient(155deg,#8be4ef 0%,#4dbbdf 42%,#268bc3 100%)!important;
 border:2px solid var(--harbour-edge)!important;border-radius:17px!important;
 box-shadow:inset 0 2px 0 #e4ffffb3,inset 0 -3px 0 #17638c55,0 5px 0 var(--harbour-shadow),0 7px 10px #153f4f35!important;
 color:#fff!important;text-shadow:0 1px 2px #163f59!important;transition:transform .12s,filter .12s!important;
}
#gameplay .flow-tools button.active-tool{background:linear-gradient(#fff0a0,#ffd462 55%,#f4b241)!important;box-shadow:inset 0 2px #fff8c5,0 5px #ae702f,0 7px 10px #153f4f35!important}
#gameplay button:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 4px #174d6760,0 2px #185478!important}
#gameplay .flow-tools{gap:13px!important}
#gameplay .flow-tools button{padding:5px!important}
#gameplay button img.harbour-icon{object-fit:contain!important;filter:drop-shadow(0 2px 0 #163b5738)!important;image-rendering:auto!important}
#gameplay .flow-tools button img.harbour-icon{width:100%!important;height:100%!important;max-width:58px!important;max-height:58px!important}
#gameplay #map img.harbour-icon,#gameplay #returnMarket img.harbour-icon{width:52px!important;height:52px!important;max-width:100%!important;max-height:100%!important;flex:0 1 auto!important}
#gameplay #settings{padding:5px!important;width:46px!important;height:46px!important;min-width:46px!important}
#gameplay #settings img{width:32px!important;height:32px!important}
#gameplay .tool-count{background:linear-gradient(#fff4ae,#ffc642)!important;color:#23465d!important;border:2px solid #23465d!important;text-shadow:none!important;font:bold 12px/1 system-ui!important;min-width:22px!important;height:22px!important;right:-5px!important;top:-5px!important;box-shadow:0 2px #23465d50!important}
#gameplay #cast{background:linear-gradient(#fff4b4,#ffd260 55%,#f4ae32)!important;border:3px solid #fff3ba!important;outline:2px solid #77532a!important;box-shadow:inset 0 2px #fff9d3,0 6px #ad732e,0 8px 16px #184f5e55!important;color:#443b28!important;text-shadow:0 1px #fff4c0!important}
#gameplay #cast img.harbour-icon{width:45px!important;height:45px!important}
#gameplay #cast b{font-weight:800!important}
#gameplay .level-info,#gameplay .wallet{background:linear-gradient(#29465f,#23334c)!important;border:2px solid #78cce1!important;border-radius:13px!important;box-shadow:inset 0 2px #ffffff18,0 3px #163d58!important;color:white!important}
#gameplay .xp-track{background:#182b44!important;border:1px solid #8298ad!important;overflow:hidden}
#gameplay .xp-track i{background:linear-gradient(#fff4a3,#f5bd46)!important}
#gameplay #holdButton{gap:8px!important}
#gameplay #holdButton strong{color:white!important;text-shadow:0 1px 2px #153e55!important;font-weight:800!important}
#gameplay #holdButton small{display:none!important}
#gameplay #holdButton img.harbour-icon{width:36px!important;height:36px!important;max-width:36px!important;flex:0 0 36px!important}
#modal.mockup-window .window-footer button:not(.link-button),#modal.mockup-window .caught-actions button,#modal.mockup-window .shop-row button,#modal.mockup-window #sellSelected,#modal.mockup-window #questAction{
 border:2px solid #527d91!important;border-radius:13px!important;background:linear-gradient(#f9ffff,#d6edf4)!important;color:#23465d!important;box-shadow:inset 0 2px #fff,0 4px #a7c2cb!important;font-weight:750!important;text-shadow:none!important;
}
#modal.mockup-window .window-footer button.gold,#modal.mockup-window .caught-actions button.gold,#modal.mockup-window #questAction{background:linear-gradient(#fff0a4,#ffd165)!important;border-color:#aa7c34!important;box-shadow:inset 0 2px #fff7cd,0 4px #bd8b3c!important}
#modal.mockup-window #sellSelected,#modal.mockup-window .shop-row button:not(:disabled){background:linear-gradient(#a8e3a2,#68b880)!important;border-color:#477755!important;box-shadow:inset 0 2px #daffd4,0 4px #487b58!important;color:#183e35!important}
#modal.mockup-window button:disabled{filter:grayscale(.7)!important;opacity:.55!important;box-shadow:none!important}
#modal.mockup-window button img.harbour-icon{width:32px!important;height:32px!important;max-height:36px!important;object-fit:contain!important;flex-shrink:0!important;margin-right:5px!important}
@media(max-width:700px){
 #gameplay .bottom-nav{grid-template-columns:64px minmax(110px,1fr) 64px!important;right:auto!important;width:min(100% - 24px,328px)!important;gap:10px!important}
 #gameplay .bottom-nav>button:not(#cast){height:60px!important;min-height:60px!important;padding:5px!important}
 #gameplay #holdButton strong{font:800 14px/1.1 system-ui!important;letter-spacing:0!important}
 #gameplay #holdButton img.harbour-icon{width:32px!important;height:32px!important;max-width:32px!important;flex-basis:32px!important}
 #modal.mockup-window button img.harbour-icon{width:27px!important;height:27px!important;max-height:30px!important}
}
@media(prefers-reduced-motion:reduce){#gameplay button{transition:none!important}}
/* Beat legacy compact-HUD selectors, including their :not(#cast) specificity. */
#gameplay .bottom-nav>#map img.harbour-icon,#gameplay .bottom-nav>#returnMarket img.harbour-icon{width:48px!important;height:48px!important;min-width:0!important;max-width:100%!important;max-height:100%!important;flex:0 1 48px!important}
#gameplay .bottom-nav>#holdButton img.harbour-icon{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;max-height:32px!important;flex:0 0 32px!important}
#gameplay .bottom-nav>#holdButton small{display:none!important}
@media(max-width:700px){#gameplay .bottom-nav>#map,#gameplay .bottom-nav>#returnMarket{width:64px!important;min-width:64px!important}#gameplay .bottom-nav>#holdButton{width:100%!important;min-width:0!important}#gameplay .bottom-nav>#holdButton strong{font:800 14px/1.1 system-ui,sans-serif!important}}
#gameplay nav.bottom-nav>button#holdButton small{display:none!important}
#gameplay nav.bottom-nav>button#map img.harbour-icon,#gameplay nav.bottom-nav>button#returnMarket img.harbour-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;max-width:48px!important;max-height:48px!important}
@media(max-width:700px){#gameplay nav.bottom-nav>button#map,#gameplay nav.bottom-nav>button#returnMarket{width:64px!important;min-width:64px!important;padding:4px!important}#gameplay nav.bottom-nav>button#holdButton{width:100%!important;min-width:0!important}#gameplay nav.bottom-nav>button#holdButton strong{font:800 14px/1.1 system-ui,sans-serif!important}}