#chat-root{position:fixed;inset:0;z-index:55;pointer-events:none}#chat-root[hidden]{display:none}.chat-float{position:absolute;display:flex;flex-direction:column;pointer-events:auto;isolation:isolate;overflow:hidden;border:1px solid #a3cec0;border-radius:15px;background:linear-gradient(140deg,#1b4953f5,#0c283bee);box-shadow:inset 0 0 0 3px #123749,0 18px 65px #0007;backdrop-filter:blur(14px);animation:chat-arrive .18s ease-out}.chat-float-header{display:flex;align-items:center;gap:7px;min-height:53px;flex-shrink:0;padding:7px 10px;border-bottom:1px solid #93c7bb65;background:linear-gradient(120deg,#356966,#173e51)}.chat-float-grip{display:flex;gap:9px;align-items:center;flex:1;min-width:0;cursor:grab;touch-action:none;user-select:none}.chat-float-grip>.icon{width:22px;height:22px;color:#f3dfa3}.chat-float-grip>span:not(.chat-drag-dots){min-width:0;flex:1}.chat-float-grip b{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.04em;color:#ffedb5}.chat-float-grip b i{width:5px;height:5px;border-radius:50%;background:#c2e09a;box-shadow:0 0 8px #afd69f55}.chat-float-grip small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#b5d8c8;margin-top:1px}.chat-drag-dots{font-size:22px;color:#a7cdbd;line-height:1}.chat-float-controls{display:flex;gap:4px}.chat-float-controls button{display:grid;place-items:center;width:31px;height:32px;padding:5px;border:1px solid #bed5b452;border-radius:8px;background:#143b4699;color:#f0e0ad}.chat-float-controls button:hover{background:#416959}.chat-float-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-float .game-chat{display:flex;flex-direction:column;flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}.chat-float .chat-room-tabs{flex-shrink:0;padding:7px;gap:5px}.chat-float .chat-room-tabs>button{min-height:34px;font-size:10px;gap:5px}.chat-float .chat-room-tabs .icon{width:16px;height:16px}.chat-float .chat-room-heading{flex-shrink:0;padding:7px 12px;min-height:28px;gap:8px}.chat-float .chat-room-heading>b{font-size:10px}.chat-float .chat-room-heading small{font-size:8px}.chat-float .chat-messages{height:auto;min-height:0;flex:1;gap:12px;padding:12px;overscroll-behavior:contain}.chat-float .chat-message{max-width:98%;gap:7px}.chat-float .chat-avatar,.chat-float .chat-avatar .sprite{width:30px;height:30px;border-radius:9px}.chat-float .chat-message>div{padding:8px 10px}.chat-float .chat-message header{gap:7px;flex-wrap:wrap}.chat-float .chat-message header b{font-size:9px}.chat-float .chat-message header small{font-size:7px}.chat-float .chat-message p{font-size:11px;line-height:1.5;margin-top:5px}.chat-float .chat-empty .icon{width:28px;height:28px}.chat-float .chat-empty p{font-size:11px}.chat-float .chat-composer{flex-shrink:0;padding:9px;gap:5px 7px;grid-template-columns:1fr auto}.chat-float .chat-composer textarea{resize:none;min-height:40px;height:42px;padding:8px;font-size:12px;line-height:1.35}.chat-float .chat-composer .btn{padding:8px;min-height:40px;font-size:10px;gap:4px}.chat-float .chat-composer .btn .icon{width:14px;height:14px}.chat-float .chat-composer small{font-size:7px;line-height:1.3}.chat-float .chat-join-guild{padding:12px}.chat-float .chat-join-guild .btn{font-size:11px}.chat-float-footnote{font-size:7px;color:#a6c6b6;text-align:center;padding:4px 9px;background:#0d2b38}.chat-float.is-minimized{border-radius:13px}.chat-float.is-minimized .chat-float-header{border:0;min-height:52px;padding:7px}.chat-float.is-minimized .chat-float-grip>.icon{width:20px}.chat-float.is-minimized .chat-drag-dots{display:none}.is-chat-dragging .chat-float{animation:none;box-shadow:0 24px 75px #0009}.is-chat-dragging .chat-float-grip{cursor:grabbing}.is-chat-dragging *{user-select:none}.chat-float.is-maximized .chat-float-grip{cursor:default}.chat-float.is-maximized .chat-drag-dots{visibility:hidden}.chat-float.is-maximized .chat-messages{padding:22px;gap:17px}.chat-float.is-maximized .chat-message p{font-size:13px}.chat-float.is-maximized .chat-message>div{padding:12px 16px}.chat-float.is-maximized .chat-message header b{font-size:11px}.chat-float.is-maximized .chat-avatar,.chat-float.is-maximized .chat-avatar .sprite{width:42px;height:42px}.chat-float.is-maximized .chat-composer textarea{font-size:16px;height:52px}.chat-float.is-maximized .chat-composer .btn{font-size:12px;min-height:48px}.game-dock{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;width:min(calc(100% - 24px),900px)!important}.game-dock>a,.game-dock>button{min-width:0}.game-dock span{font-size:10px!important}.sound-cue-previews{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.sound-cue-previews .btn{font-size:10px}
@keyframes chat-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.game-dock{width:calc(100% - 12px)!important;padding-inline:4px!important}.game-dock>a,.game-dock>button{padding-inline:2px!important}.game-dock span{font-size:8px!important;letter-spacing:-.025em;white-space:normal;line-height:1.15;max-width:42px;text-align:center}.game-dock .icon{width:21px;height:21px}.chat-float .chat-composer textarea{font-size:16px;height:45px}.chat-float.is-maximized .chat-messages{padding:12px}.chat-float .chat-float-footnote{font-size:7px}.chat-float .chat-room-tabs>button{min-height:36px}.chat-float.is-maximized .chat-message p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.chat-float{animation:none}}