.chat-view{min-width:0;color:#f3ede0;font-family:Inter,sans-serif}
.chat-view button,.chat-view a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8a6b2a;border-radius:12px;background:#12483a;color:#f3ede0;padding:8px 12px;margin:0;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.chat-view button:disabled{opacity:.5;cursor:default}.chat-view :focus-visible{outline:3px solid #e8c77a;outline-offset:3px}
.chat-surface{display:flex;flex-direction:column;background:#0b2e24;border:1px solid #8a6b2a;border-radius:12px;overflow:hidden;min-width:0}
.chat-tabs{display:flex;border-bottom:1px solid #8a6b2a}.chat-tabs button{flex:1;border:0;border-radius:0;min-height:52px;background:transparent}.chat-tabs [aria-pressed=true]{background:#12483a;box-shadow:inset 0 -2px #d9b565}
.chat-note{font-size:12px;line-height:1.6;color:#e3d9c2;margin:8px 0}.chat-feedback:empty{display:none}.chat-feedback{padding:0 16px}.chat-phrases{padding:12px 16px 20px}.chat-phrase-wide{display:flex;flex-wrap:wrap;gap:8px}.chat-phrase-wide button{border-radius:22px}
.chat-messages{height:320px;overflow:auto;padding:16px;overscroll-behavior:contain}.chat-message{margin-bottom:18px}.chat-message header{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-size:12px}.chat-message time{color:#d9b565;font:10px monospace}.chat-message p{background:#12483a;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.chat-message button{font-size:11px;padding:5px 10px;background:transparent}
.chat-compose{border-top:1px solid #8a6b2a;padding:14px 16px}.chat-compose label{display:block;margin-bottom:8px;font-size:12px}.chat-compose>div{display:flex;gap:8px;align-items:flex-end}.chat-compose textarea{flex:1;min-width:0;resize:vertical;max-height:150px;border:1px solid #8a6b2a;border-radius:10px;background:#12483a;color:#f3ede0;padding:10px;font:16px/1.4 Inter,sans-serif}.chat-compose [type=submit]{background:#d9b565;color:#0b2e24;font-weight:600}.chat-content>.chat-note{padding:12px 16px}
.chat-mobile-tools,.chat-pages,.chat-phrase-mobile,.chat-return{display:none!important}
.match-chat-rail{min-width:0;border-left:1px solid #496047;padding:16px 10px}.match-chat-rail .match-history{border:0;padding:16px 6px}.lobby-room-chat{grid-column:1/-1}
@media(min-width:1000px){.match-layout:has(.match-chat-rail){grid-template-columns:minmax(140px,.8fr) minmax(350px,2.4fr) minmax(280px,360px)}.lobby-room-layout:has(.lobby-room-chat){grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.lobby-room-layout .lobby-room-chat{grid-column:2;grid-row:1/3}.lobby-room-layout .lobby-room-actions{grid-column:1}}
@media(max-width:999px){.match-chat-rail{border:0;padding:0 12px 16px}.chat-mobile-tools{display:flex!important;gap:8px;margin:10px 0}.chat-view:not(.chat-route) .chat-surface{display:none}.chat-view:not(.chat-route)[data-chat-open=true] .chat-surface{display:flex;max-height:186px;overflow:auto}.chat-view:not(.chat-route) .chat-tabs{display:none}.chat-phrase-wide{display:none}.chat-phrase-mobile{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}.chat-pages{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px}.chat-phrases{padding:8px 12px}.chat-phrases>.chat-note{margin-top:0}.chat-route .chat-mobile-tools{display:none!important}.chat-route .chat-return{display:flex!important;margin:12px}.chat-route .chat-messages{height:clamp(220px,45dvh,500px)}.match-content:has(.chat-route[data-chat-tab=text]) .match-main,.match-content:has(.chat-route[data-chat-tab=text]) .match-scores,.match-content:has(.chat-route[data-chat-tab=text]) .match-history{display:none}.lobby-room-layout:has(.chat-route[data-chat-tab=text]) .lobby-room-main,.lobby-room-layout:has(.chat-route[data-chat-tab=text]) .lobby-room-actions{display:none}.lobby-room-chat{min-width:0}}
@media(prefers-reduced-motion:reduce){.chat-view *{scroll-behavior:auto}}

.chat-view .chat-compose{display:block}.chat-view .chat-compose label{display:block}.lobby-content .chat-view .chat-tabs button{border:0;background:transparent;border-radius:0}.lobby-content .chat-view .chat-tabs [aria-pressed=true]{background:#12483a}.lobby-content .chat-view .chat-compose [type=submit]{background:#d9b565;color:#0b2e24}

.chat-message.is-own{margin-left:28px}.chat-message.is-own p{background:#245641}.chat-message small{color:#d9b565;font-size:10px}.chat-match-notice{display:none}@media(max-width:999px){.chat-match-notice{display:block}}
@media(max-width:999px){.chat-view[data-chat-tab=phrases] .chat-surface{display:none;max-height:186px;overflow:auto}.chat-view[data-chat-tab=phrases][data-chat-open=true] .chat-surface{display:flex}.chat-view[data-chat-tab=phrases] .chat-tabs{display:none}.chat-route[data-chat-tab=phrases] .chat-mobile-tools{display:flex!important}.chat-route[data-chat-tab=phrases] .chat-return{display:none!important}.chat-mobile-tools{padding-bottom:env(safe-area-inset-bottom,0)}}

.chat-content{display:contents}.chat-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}