/* Shared jade/gold treatments for the compact conversation strip and equipment recommendation. */
#game{--chat-height:48px}
#game.chatHudHidden{--chat-height:0px}
#game #chatHud{position:absolute;z-index:2;left:8px;right:8px;bottom:calc(var(--dock-height) + 2px);height:46px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:3px 8px;border:0;border-top:1px solid #ccbb8050;border-radius:3px;background:linear-gradient(90deg,#0a211ac9,#0a211a55);text-align:left;text-shadow:0 1px 2px #000}
#game #chatHud[hidden]{display:none}
.chatHudLine{display:flex;gap:7px;min-width:0;line-height:18px;font-size:12px;font-weight:400;color:#f0e9d7}.chatHudLine>b{flex:none;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#96d7bf}.chatHudLine>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHudLine.notice>b{color:#f0cc77}.chatHudLine.empty{color:#c4d0c0}
#game .bottom{bottom:calc(var(--dock-height) + var(--chat-height) + 10px)}
#game #panel .equipmentStage{height:144px;min-height:144px}
#game .paperDoll canvas{bottom:47px}
#game #equipBest{pointer-events:auto;display:block;max-width:190px;min-height:29px;margin:4px auto 0;padding:4px 10px;border:1px solid #c4ac68;border-radius:5px;background:linear-gradient(#365d49,#1c392e);color:#f4e7b9;font-size:12px;line-height:18px;box-shadow:0 2px 6px #07171070}
#game #equipBest b{color:#acedd0;margin-left:5px}#game #equipBest:disabled{opacity:.55;cursor:default}
#game .chatTabs{flex-wrap:wrap}#game .chatTabs button{min-width:0;flex:1 1 28%}
#game .chatAnnouncement{margin:6px 0;padding:9px 10px;border-left:2px solid #dfc278;background:#b99a4320;color:#ecd29a;font-size:13px;overflow-wrap:anywhere}
#game .huntSafetyOption{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.6}#game .huntSafetyOption input{margin-top:5px;flex:none}
@media(max-height:700px){#game .bottom{bottom:calc(var(--dock-height) + var(--chat-height) + 6px)}}