.house-chat-toggle{position:fixed;left:18px;bottom:64px;z-index:38;background:#173239ed;border:1px solid #87aea1;border-radius:22px;padding:10px 18px;font-size:12px;user-select:none}
.house-chat-panel{position:fixed;left:18px;bottom:112px;width:min(370px,calc(100vw - 36px));max-height:min(570px,calc(100dvh - 245px));z-index:39;background:#132932f7;border:1px solid #86a99d;border-radius:12px;box-shadow:0 12px 36px #0007;padding:14px;color:#ecf1dd;display:flex;flex-direction:column;gap:9px;font-size:13px}.house-chat-panel[hidden]{display:none}.house-chat-panel header{display:flex;justify-content:space-between;gap:12px;align-items:start}.house-chat-panel header strong{font:21px Georgia,serif}.house-chat-panel small{display:block;color:#b6d0c5;font-size:10px;line-height:1.5}.house-chat-panel header button{padding:4px 9px;font-size:23px;line-height:1}.house-chat-panel ol{list-style:none;padding:0;margin:0;min-height:70px;overflow:auto;flex:1;overscroll-behavior:contain}.house-chat-panel li{padding:10px 0;border-bottom:1px solid #91b3a326;overflow-wrap:anywhere}.house-chat-panel li strong{font-size:12px;color:#efd695}.house-chat-panel time{float:right;color:#9dafad;font-size:10px}.house-chat-panel li p{margin:5px 0 0;white-space:pre-wrap;line-height:1.5}.house-chat-panel [data-chat-status]{margin:0;color:#e7cc96;font-size:11px}.house-chat-panel form{flex:none}.house-chat-panel label{font-size:11px}.house-chat-panel textarea{display:block;box-sizing:border-box;width:100%;resize:none;background:#0c1c28;color:#f0f6e8;border:1px solid #6c8c80;border-radius:6px;padding:9px;font:14px/1.4 Arial,sans-serif;margin:5px 0}.house-chat-panel form>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.house-chat-panel form button{background:#aacdb6;color:#122a29;padding:8px 20px}.building .house-chat-panel,.building .house-chat-toggle,body:has(dialog[open]) .house-chat-panel,body:has(dialog[open]) .house-chat-toggle{display:none!important}.chat-open .keyboard-guide{visibility:hidden}@media(max-width:650px){.house-chat-toggle{left:12px;bottom:130px;padding:9px 13px}.house-chat-panel{left:10px;bottom:175px;width:calc(100vw - 20px);max-height:calc(100dvh - 260px);padding:12px;box-sizing:border-box}.house-chat-panel textarea{font-size:16px}.chat-open .touch-controls{visibility:hidden}}

@media(max-width:650px){.house-chat-panel:focus-within{bottom:8px;top:88px;max-height:calc(100dvh - 96px)}.house-chat-panel:focus-within ol{min-height:24px}.house-chat-panel:focus-within header small,.house-chat-panel:focus-within form>small{display:none}}

/* Brief messages sit above Chat without a panel blocking movement or artwork. */
.house-chat-preview{position:fixed;left:var(--chat-preview-left,18px);bottom:var(--chat-preview-bottom,112px);width:var(--chat-preview-width,340px);max-width:calc(100vw - 24px);box-sizing:border-box;padding-right:36px;z-index:38;color:#f0f4eb;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.house-chat-preview-messages{display:flex;flex-direction:column;gap:3px;min-width:0;pointer-events:none}
.house-chat-preview .house-chat-preview-message{display:block;overflow:hidden;flex:none;box-sizing:border-box;width:100%;min-height:32px;margin:0;padding:4px 7px;border:0;border-radius:4px;background:linear-gradient(90deg,#07131c94,#07131c40 88%,transparent);color:#f0f4eb;font:12px/1.4 Arial,sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;text-shadow:0 1px 2px #000,0 0 3px #000b;pointer-events:auto;touch-action:manipulation;opacity:1;transition:opacity 900ms ease;cursor:pointer}
.house-chat-preview-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.house-chat-preview-message strong{display:inline-block;max-width:55%;margin-right:.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:#efd695;font-weight:700}
.house-chat-preview-message span{white-space:normal}
.house-chat-preview .house-chat-preview-message:hover{background:#10232bc4}
.house-chat-preview .house-chat-preview-message:focus-visible,.house-chat-preview [data-chat-preview-dismiss]:focus-visible{outline:2px solid #b9d9c3;outline-offset:2px;background:#10232be8}
.house-chat-preview .house-chat-preview-message.is-fading{opacity:0}
.house-chat-preview [data-chat-preview-dismiss]{position:absolute;top:0;right:0;display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:#07131c55;color:#d5e3dc;font:20px/1 Arial,sans-serif;text-shadow:0 1px 2px #000;pointer-events:auto;touch-action:manipulation;cursor:pointer}
.house-chat-preview [data-chat-preview-dismiss]:hover{background:#10232bc4;color:#fff}
.house-chat-preview[hidden],.building .house-chat-preview,.chat-open .house-chat-preview,.world-is-loading .house-chat-preview,body:has(dialog[open]) .house-chat-preview,body:has(#world-loading:not([hidden])) .house-chat-preview{display:none!important}
@media(max-width:850px),(pointer:coarse){
 .house-chat-preview{left:var(--chat-preview-left,max(12px,env(safe-area-inset-left)));bottom:var(--chat-preview-bottom,calc(336px + env(safe-area-inset-bottom)));width:var(--chat-preview-width,300px)}
 .house-chat-preview .house-chat-preview-message{font-size:11.5px;line-height:1.4;padding:4px 6px}
}
@media(max-height:560px) and (pointer:coarse){
 .house-chat-preview{left:var(--chat-preview-left,calc(132px + env(safe-area-inset-left)));bottom:var(--chat-preview-bottom,calc(116px + env(safe-area-inset-bottom)));width:var(--chat-preview-width,min(300px,calc(100vw - 144px - env(safe-area-inset-left))))}
}
@media(prefers-reduced-motion:reduce){.house-chat-preview .house-chat-preview-message{transition:none}}