/* Keep the existing centered anchor. Only the appearance and toolbar change. */
.hud-chat.hud-chat--preview{width:min(29rem,36vw);gap:.35rem}
.hud-chat--preview .hud-chat__bar{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.35rem;pointer-events:none}
.hud-chat--preview .hud-chat__chip{display:block;min-height:2rem;padding:.25rem .65rem;border:1px solid #dbc58c66;border-radius:0;background:#100e0ab5;color:#cfc6b4;font:inherit;font-size:.8rem;font-weight:700;pointer-events:auto;touch-action:manipulation}
.hud-chat--preview .hud-chat__chip.is-active{color:#24190b;border-color:#f7dfa2;background:linear-gradient(#fff0bf,#d4ad55)}
.hud-chat--preview .hud-chat__open{flex:none;width:2.2rem;height:2rem;min-width:2.2rem;margin-left:auto;border:1px solid #dbc58c88;border-radius:0;background:#100e0ab5;color:#e4ca8e}
.hud-chat--preview .hud-chat__window{background:linear-gradient(90deg,#090704b8,#09070480);border:1px solid #c9af7322}
.hud-chat--preview .hud-chat__lines{display:flex;flex-direction:column;justify-content:flex-end;gap:0;box-sizing:content-box;height:4.35rem;min-height:0;padding:.3rem .65rem;background:transparent;border:0;overflow:hidden}
.hud-chat--preview .hud-chat-line{flex:none;font-size:.85rem;line-height:1.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-chat--preview .hud-chat__inline-form{margin:0;pointer-events:auto}
.hud-chat--preview .hud-chat__inline-input{display:block;width:100%;box-sizing:border-box;min-height:1.7rem;padding:.2rem .65rem;border:0;border-radius:0;background:transparent;color:#f1e7ce;font:inherit;font-size:.78rem;line-height:1.3rem;outline:none;user-select:text;-webkit-user-select:text;touch-action:manipulation}
.hud-chat--preview .hud-chat__inline-input::placeholder{color:#c2b89c;font-size:.8rem}
.hud-chat--preview .hud-chat__inline-input:focus{background:transparent;box-shadow:none}
.hud-chat--preview .hud-chat__window:focus-within{border-color:#dbc58c77}
.hud-chat-line--say{color:#70b6f2}
.hud-chat-line--world{color:#ffa500}
.hud-chat-line--zone{color:#cc66ff}
.hud-chat-panel .kh-panel__tabs{flex-wrap:wrap}
.hud-chat-panel .kh-panel__body{background:#0c0a0780}
.hud-chat__chip:focus-visible,.hud-chat__open:focus-visible{outline:2px solid #ffe3a0;outline-offset:2px}
@media(max-height:540px){
 .hud-chat.hud-chat--preview{width:min(26rem,38vw)}
 .hud-chat--preview .hud-chat__bar{gap:.2rem}
 .hud-chat--preview .hud-chat__chip{padding:.2rem .4rem;font-size:.7rem;min-height:1.8rem}
 .hud-chat--preview .hud-chat__lines{height:3.6rem;min-height:0;padding:.25rem .45rem}
 .hud-chat--preview .hud-chat-line{font-size:.75rem;line-height:1.2rem}
}
@media(orientation:portrait){
 .hud-chat.hud-chat--preview{inset:auto auto max(.5rem,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);width:min(38rem,calc(100vw - 1.5rem))}
 .hud-chat--preview .hud-chat__lines{display:flex;min-height:0}
 .hud-chat--preview .hud-chat__chip{display:block;padding:.2rem .4rem;font-size:.7rem}
}