/* Small compass below the player's feet; no event card covering the scene. */
#bolha-event-guide{position:fixed;left:50%;top:75%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;max-width:144px;color:#f8e2b1;font:10px/1.3 system-ui;pointer-events:none;z-index:14}
#bolha-event-guide .event-arrow{display:block;width:28px;height:28px;filter:drop-shadow(0 2px 3px #0009)}
#bolha-event-guide .event-arrow svg{display:block;width:100%;height:100%;fill:#ffc75a;stroke:#ffe9b7;stroke-width:1.2;stroke-linejoin:round}
#bolha-event-guide>div{max-width:100%;min-width:0;padding:3px 7px;border-radius:10px;background:#091a2ca6;box-shadow:0 1px 4px #0002;text-align:center}
#bolha-event-guide b{display:block;font-weight:500;white-space:nowrap}
#bolha-event-guide span:not(.event-arrow),#bolha-event-guide small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){#bolha-event-guide{gap:2px;font-size:9px}#bolha-event-guide .event-arrow{width:24px;height:24px}#bolha-event-guide>div{padding:2px 6px}}
@media(max-height:500px) and (orientation:landscape){#bolha-event-guide .event-arrow{width:20px;height:20px}#bolha-event-guide>div{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}}