.community-chat{background:radial-gradient(ellipse at 8% 25%,#5a22152b,transparent 55%);scroll-margin-top:100px}
.nav .mobile-chat{display:none}
@media(max-width:800px){.nav .wrap{gap:12px}.nav .mobile-chat{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font-size:.8125rem;color:#ffc37a}.nav #navBuy{padding:.65rem .75rem;font-size:.8rem}}
.community-chat [hidden]{display:none!important}
.chat-arena-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:#f6b16b;font-size:1rem;font-weight:700;text-underline-offset:5px}
.chat-room{overflow:hidden;border:1px solid #604132;border-radius:10px;background:#100c0a;box-shadow:0 18px 55px #0005}
.chat-room-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid #483024;background:linear-gradient(120deg,#28150e,#100c0a)}
.chat-room-name{display:flex;align-items:center;gap:13px;min-width:0}
.chat-room-name img{flex:none;border-radius:50%;object-fit:cover;border:1px solid #774627;background:#170f0b}
.chat-room-name strong{display:block;color:#f9e5d1;font-size:1.125rem;line-height:1.4}
.chat-room-name span{display:block;color:#c4b09e;font-size:.875rem;line-height:1.5}
.chat-connection{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.875rem;color:#c8b6a6}
.chat-connection::before{content:"";width:7px;height:7px;border-radius:50%;background:#917660}
.chat-connection[data-state="live"]::before{background:#eaaa51;box-shadow:0 0 10px #fa882455}
.chat-connection[data-state="offline"]{color:#f5b698}
.chat-feed{position:relative;list-style:none;margin:0;padding:20px 24px;min-height:300px;height:440px;max-height:60svh;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#785138 #15100d;outline-offset:-4px}
.chat-empty{display:grid;place-content:center;min-height:260px;text-align:center;color:#baa795;font-size:1rem;line-height:1.6;padding:20px}
.chat-message{padding:14px 16px;margin:0 0 12px;border:1px solid #39291f;border-radius:8px;background:#17110d;min-width:0}
.chat-message:last-child{margin-bottom:0}
.chat-message.is-mine{border-left:3px solid #f09737;background:#25170e}
.chat-message-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;line-height:1.4}
.chat-author{font-size:.9375rem;color:#f5d2a3;overflow-wrap:anywhere;min-width:0}
.chat-message-head time{margin-left:auto;color:#b6a391;font-size:.8125rem;white-space:nowrap}
.chat-admin-badge{border:1px solid #a26333;border-radius:3px;padding:1px 5px;font-size:.75rem;letter-spacing:.05em;color:#ffd696}
.chat-message-body{color:#ecded2;font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
.chat-message-actions{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.chat-message-button,.chat-small-button{font:700 .875rem/1.4 system-ui;border:1px solid #6b4831;background:#1d130e;color:#e9bd8a;border-radius:5px;min-height:44px;padding:8px 12px;cursor:pointer}
.chat-message-button{border-color:transparent;background:transparent;min-height:36px;padding:6px 2px;color:#cbb19a}
.chat-message-button:hover,.chat-small-button:hover{color:#ffe2bb;border-color:#b1733f}
.chat-message-button:disabled,.chat-small-button:disabled{opacity:.5;cursor:default}
.community-chat :is(button,a,textarea,summary):focus-visible{outline:2px solid #ffbf66;outline-offset:3px}
.chat-jump-wrap{text-align:center}
.chat-jump-wrap:has(button:not([hidden])){padding:8px 16px;border-top:1px solid #3a291f}
.chat-guest{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-top:1px solid #483024}
.chat-guest p{margin:0;font-size:1rem;line-height:1.5;color:#d1bdae}
.community-chat .btn{font-size:.875rem;min-height:44px;box-shadow:none;white-space:normal}
.community-chat .btn:disabled{opacity:.45;cursor:not-allowed}
.chat-composer{padding:20px 24px;border-top:1px solid #483024;background:#130d09}
.chat-composer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.chat-composer label{font-size:.9375rem;font-weight:700;color:#e6cdb6}
.chat-composer-head a{font-size:.875rem;color:#f0b15f;text-underline-offset:3px}
.chat-identity{color:#bca693;font-size:.875rem;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
.chat-composer textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:90px;max-height:240px;background:#090706;border:1px solid #765037;border-radius:6px;color:#f5e6d8;padding:12px 14px;font:1rem/1.5 system-ui}
.chat-composer textarea::placeholder{color:#a99480}
.chat-composer textarea:disabled{opacity:.6}
.chat-composer-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;color:#b9a18c;font-size:.8125rem;line-height:1.5}
.chat-composer-foot #chatCount{margin-left:auto;white-space:nowrap}
.chat-feedback{padding:12px 24px;margin:0;border-top:1px solid #473023;font-size:.9375rem;line-height:1.5;color:#e1be8c}
.chat-feedback[data-error="true"]{color:#ffc2a7;background:#39180e}
.chat-room-note{margin:0;padding:15px 24px;border-top:1px solid #33241c;color:#b9a18c;font-size:.875rem;line-height:1.6}
.chat-moderation{margin-top:18px;padding:18px 22px;border:1px solid #755031;border-radius:8px;background:#18100b}
.chat-moderation summary{font-size:1rem;font-weight:800;color:#f5c883;cursor:pointer;padding:6px 0}
.chat-moderation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.chat-moderation-head p,.chat-admin-status{font-size:.875rem;color:#c4ad98;line-height:1.5}
.chat-moderation h3{font:700 1.125rem/1.4 system-ui;color:#efd0ad;margin:22px 0 12px}
.chat-review-list{display:grid;gap:10px}
.chat-review-row{padding:14px;background:#0c0907;border:1px solid #4d3426;border-radius:6px;min-width:0}
.chat-review-row strong{font-size:.9375rem;color:#e9c394;overflow-wrap:anywhere}
.chat-review-row p{font-size:.9375rem;line-height:1.5;color:#d4bfad;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.chat-review-row small{font-size:.8125rem;color:#bd9f86}
.chat-review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chat-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.chat-room-head,.chat-guest,.chat-composer{padding:16px}.chat-feed{padding:12px;height:400px;max-height:58svh}.chat-message{padding:12px}.chat-room-note,.chat-feedback{padding:12px 16px}.chat-room-head{gap:10px}.chat-message-button{min-height:44px;padding:8px 4px}.chat-composer-foot #chatInputHint{flex-basis:100%}.chat-composer-foot #chatCount{margin-left:0}.chat-moderation{padding:14px}.chat-moderation-head{flex-wrap:wrap}}