/* One action button: the attack button becomes "interact" when something is near (the separate A button is gone),
   and the place/toast banner is a slim strip at the bottom edge instead of covering the hero. */
#game #interact.merged{display:none!important}
#game .skills .skill[data-skill=attack].as-interact{background-image:url(assets/ui/v5/interagir.png?v=1.2.74)!important}
#game .skills .skill[data-skill=attack].as-interact small{display:none!important}
#game .skills .skill[data-skill=attack].as-interact::after{content:attr(data-verb);position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);padding:1px 6px;border-radius:7px;background:#14213df0;border:1px solid #fff;color:#fff;font:700 8px Fredoka,system-ui,sans-serif;white-space:nowrap;pointer-events:none}
#toast,.toast{pointer-events:none!important;opacity:.92;border-width:9px 14px!important;border-image:url(assets/ui/v5/toast_navy.png) 34 fill/9px 14px stretch!important}
@media (orientation:landscape) and (max-height:500px){#game .toast,.toast{top:auto!important;bottom:calc(46px + env(safe-area-inset-bottom,0px))!important;left:calc(max(14px,env(safe-area-inset-left,0px)) + 150px)!important;transform:none!important;max-width:32%!important;font-size:10px!important;line-height:1.25!important}}
@media (orientation:portrait) and (max-width:600px){#game .toast,.toast{font-size:11px!important;max-width:78%!important}}
/* The objective strip keeps "· 35 m" on one line: the distance never wraps on its own. */
#guide{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
/* Rooms (no attack button): the A button takes the attack button's corner, on the right, away from the joystick. */
@media(max-width:1100px),(pointer:coarse){#game.interior-stage #interact:not(.merged),#game.academy-stage #interact:not(.merged){left:auto!important;right:calc(max(14px,env(safe-area-inset-right,0px)) + 10px)!important;bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 10px)!important;width:84px!important;height:84px!important}}
/* Menu tabs scroll sideways; the fade at the right edge says there is one more. */
#menu-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%)}
#menu-tabs::-webkit-scrollbar{display:none}