.game-chat{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:calc(174px + env(safe-area-inset-bottom));z-index:22;color:#ece5f9;font:12px Tahoma,sans-serif;max-width:calc(100vw - 24px)}
.chat-toggle{border:1px solid #a393bd80;border-radius:18px;background:#152b2ce8;color:#e5d7f9;padding:8px 15px;box-shadow:0 4px 18px #0005;font-size:12px}
.chat-panel{width:300px;max-width:calc(100vw - 24px);border:1px solid #b8a17a85;border-radius:14px;background:linear-gradient(155deg,#172f30f0,#1f1930f5);box-shadow:0 12px 36px #0007;backdrop-filter:blur(8px);overflow:hidden;margin-top:6px}
.chat-panel[hidden]{display:none}.chat-head{display:flex;align-items:center;padding:9px 10px;border-bottom:1px solid #ffffff13;gap:8px}.chat-head b{flex:1;font-size:11px;letter-spacing:1px;color:#d5bdf6}.chat-head button{background:none;border:0;color:#c9bfda;font-size:18px;min-width:24px}.chat-controls{display:flex;gap:6px;padding:7px 10px}.chat-controls select{min-width:0;max-width:50%;border:1px solid #bd99dc33;background:#102223;color:#ddd2ed;border-radius:6px;padding:4px;font-size:11px}.chat-messages{height:125px;overflow:auto;padding:0 10px 7px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#826993 transparent}.chat-line{margin:5px 0;line-height:1.55;overflow-wrap:anywhere}.chat-line time{font-size:9px;color:#829495;margin-right:4px}.chat-channel{color:#b998ed;margin-right:4px}.chat-name{font:inherit;font-weight:bold;color:#cfbd8a;background:none;border:0;padding:0 5px 0 0}.chat-line.whisper{color:#eac5fc}.chat-form{display:flex;gap:5px;border-top:1px solid #ffffff13;padding:8px}.chat-form input{min-width:0;flex:1;background:#0d1e23;border:1px solid #9a79bc42;border-radius:7px;color:#f0e8f8;font:12px Tahoma;padding:8px}.chat-form button{background:#7045a4;border:1px solid #c7a1f155;border-radius:8px;color:#f6e8ff;width:33px}.chat-form input:focus{outline:1px solid #be8df0}
@media (orientation:portrait){.game-chat{bottom:calc(170px + env(safe-area-inset-bottom))}.chat-panel{width:min(270px,calc(100vw - 158px))}.chat-messages{height:110px}}
@media (orientation:landscape) and (max-height:540px){.game-chat{bottom:110px}.chat-panel{width:280px}.chat-messages{height:85px}.chat-head{padding:5px 9px}.chat-controls{padding:4px 9px}.chat-form{padding:5px}}

@media (orientation:portrait) and (max-width:350px){.chat-messages{height:125px}.chat-controls select{max-width:100%}.chat-controls{flex-wrap:wrap}.chat-form input{font-size:11px}.chat-head b{font-size:9px}}

@media (orientation:landscape) and (max-height:540px){.game-chat.chat-open{bottom:max(12px,env(safe-area-inset-bottom))}.game-chat.chat-open .chat-toggle{display:none}.chat-panel{width:280px}.chat-head{padding:3px 9px;line-height:16px}.chat-controls{padding:3px 9px}.chat-controls select{padding:2px;font-size:10px}.chat-messages{height:40px;font-size:11px}.chat-form{padding:4px}.chat-form input{padding:5px;font-size:11px}.chat-form button{width:30px}}