.world-speech {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 4;
 width: max-content;
 max-width: min(200px, 58vw);
 padding: 5px 9px 6px;
 border: 1px solid #c3b79022;
 border-radius: 6px;
 background: #131e24df;
 color: #f2eddc;
 font-family: var(--font-body, inherit);
 font-size: 12px;
 font-weight: 400;
 line-height: 1.45;
 text-align: center;
 text-shadow: 0 1px 2px #0009;
 box-shadow: 0 2px 7px #07101426;
 pointer-events: none;
 animation: speech-appear .15s ease-out;
}
.world-speech[hidden] { display: none; }
.world-speech::after {
 content: '';
 position: absolute;
 left: calc(50% - 3px);
 bottom: -4px;
 width: 6px;
 height: 6px;
 background: #131e24df;
 transform: rotate(45deg);
}
.world-speech-text {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 overflow-wrap: anywhere;
 white-space: normal;
}
@keyframes speech-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
 .world-speech { animation: none; }
}