.hud #objective{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:280px;max-width:calc(100vw - 104px);padding:12px 15px;text-align:left}
.hud #objective[hidden]{display:none}
.hud #objective .objective-title{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none}
.hud #objective p,.hud #objective .next-step{margin:0;color:inherit;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;text-align:left}
.hud #objective .next-step{position:static;display:block;width:auto;height:auto;min-height:44px;padding:4px 0;background:none;border:0;pointer-events:auto;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.hud #objective .next-step:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.hud #objective{width:248px;max-width:calc(100vw - 84px);padding:10px 12px}.hud #objective p,.hud #objective .next-step{font-size:14px}}
/* Movement hints stay clear of the objective and touch controls. */
.playing #game .toast{top:auto;bottom:calc(170px + env(safe-area-inset-bottom));pointer-events:none}
@media(max-height:550px) and (min-width:600px){.hud #objective{width:250px;padding:9px 12px}.playing #game .toast{top:72px;bottom:auto;left:auto;right:20px;transform:none;max-width:calc(100vw - 310px)}}