.mini-speaker{position:absolute;top:18px;right:18px;width:26px;height:26px;display:grid;place-items:center;border-radius:10px;color:#ffb86a;background:rgba(255,184,106,.12)}.mini-speaker svg{width:14px}.kick-user{position:absolute;bottom:14px;border:1px solid rgba(255,90,128,.3);border-radius:10px;background:rgba(255,90,128,.1);color:#ffc1d0;padding:5px 10px;font-size:10px;cursor:pointer}.chat-panel{position:fixed;z-index:8;top:24px;bottom:24px;left:24px;width:min(390px,calc(100vw - 24px));border-radius:28px;padding:16px;display:flex;flex-direction:column;transform:translateX(calc(-100% - 48px));transition:transform .28s ease}.chat-panel.open{transform:translateX(0)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 13px}.chat-head .eyebrow{margin-bottom:3px}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:10px 3px}.chat-bubble{align-self:flex-start;max-width:84%;padding:10px 12px;border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.chat-bubble.mine{align-self:flex-end;border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,rgba(121,232,255,.18),rgba(157,131,255,.2))}.chat-bubble strong{display:block;font-size:10px;color:#91efff}.chat-bubble p{margin:4px 0 0;line-height:1.8;font-size:12px;word-break:break-word}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-form input{min-width:0}.chat-form button{border:0;border-radius:14px;padding:0 15px;color:#091020;font-weight:700;background:linear-gradient(110deg,#91efff,#aaa0ff)}@media(max-width:540px){.chat-panel{inset:8px;width:auto;border-radius:23px}.mini-speaker{top:12px;right:12px}}

.chat-control{position:relative}.chat-badge{position:absolute;top:5px;right:8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff496f;color:#fff;font-style:normal;font-size:10px;font-weight:800;box-shadow:0 5px 15px rgba(255,73,111,.42);border:2px solid rgba(7,11,28,.9)}.chat-badge.hidden{display:none}.toast-container{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(92vw,420px);display:grid;gap:8px;pointer-events:none}.message-toast{direction:rtl;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 14px;background:rgba(8,13,32,.92);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.35);animation:toast-in .25s ease both}.message-toast strong{display:block;color:#91efff;font-size:12px}.message-toast span{display:block;margin-top:4px;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes toast-in{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}

/* V16 pinned messages and lobby administration */
.chat-head-actions{display:flex;align-items:center;gap:7px}.chat-tool{height:36px;border:1px solid rgba(255,105,128,.25);border-radius:12px;padding:0 11px;background:rgba(255,80,112,.09);color:#ffc3cf;font-size:10px}.pinned-message{margin:0 2px 7px;padding:10px 12px;border:1px solid rgba(255,206,88,.24);border-radius:15px;background:linear-gradient(135deg,rgba(255,192,53,.11),rgba(255,255,255,.05))}.pinned-message>span{display:block;color:#ffd878;font-size:9px}.pinned-message>strong{display:block;margin-top:4px;color:#fff;font-size:10px}.pinned-message>p{margin:4px 0 0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.7;word-break:break-word}.pinned-message>button{margin-top:7px;border:0;border-radius:9px;padding:5px 8px;background:rgba(255,255,255,.08);color:#ffd878;font-size:9px}.chat-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pin-message{flex:0 0 auto;width:25px;height:25px;border:0;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);opacity:.58;font-size:11px}.chat-bubble:hover .pin-message,.pin-message.active{opacity:1}.pin-message.active{background:rgba(255,202,75,.18);box-shadow:0 0 0 1px rgba(255,202,75,.22)}


/* V18 dismissible toasts and centralized notification history */
.toast-container{z-index:118;pointer-events:none}
.message-toast{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title close" "body close";column-gap:12px;padding:12px 13px 12px 12px;pointer-events:auto}
.message-toast strong{grid-area:title}.message-toast>span{grid-area:body}.message-toast-close{grid-area:close;align-self:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;font-size:19px;line-height:1}.message-toast-closing{animation:toast-out .18s ease both}
@keyframes toast-out{to{opacity:0;transform:translateY(-7px) scale(.97)}}
.notification-center-toggle{position:fixed;z-index:116;top:18px;right:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.17);border-radius:16px;display:grid;place-items:center;background:rgba(8,13,32,.9);box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(18px);font-size:20px}.notification-center-toggle i{position:absolute;top:-5px;left:-5px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff496f;border:2px solid #080d20;color:#fff;font:800 10px/1 Tahoma,Arial,sans-serif}.notification-center{position:fixed;z-index:117;top:76px;right:18px;width:min(92vw,390px);max-height:min(72svh,620px);display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:rgba(8,13,32,.96);box-shadow:0 26px 80px rgba(0,0,0,.5);backdrop-filter:blur(24px);overflow:hidden}.notification-center-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.notification-center-head small,.notification-center-head strong{display:block}.notification-center-head small{color:#91efff;font:700 8px/1 Arial,sans-serif;letter-spacing:.16em;margin-bottom:5px}.notification-center-head strong{font-size:14px}.notification-center-head>div:last-child{display:flex;align-items:center;gap:7px}.notification-center-head button{height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:0 10px;background:rgba(255,255,255,.06);font-size:10px}.notification-center-head #close-notification-center{width:34px;padding:0;font-size:20px}.notification-list{min-height:100px;overflow:auto;display:grid;align-content:start;gap:8px;padding:12px}.notification-empty{text-align:center;color:rgba(225,234,255,.5);font-size:11px;padding:24px 8px}.notification-item{position:relative;padding:12px 42px 12px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055)}.notification-item strong{display:block;color:#91efff;font-size:11px}.notification-item p{margin:5px 0 0;color:#fff;font-size:11px;line-height:1.65;word-break:break-word}.notification-item time{display:block;margin-top:7px;color:rgba(225,234,255,.42);font-size:9px}.notification-item-close{position:absolute;top:9px;right:9px;width:27px;height:27px;border:0;border-radius:9px;background:rgba(255,255,255,.07);font-size:17px}
@media(max-width:540px){.notification-center-toggle{top:10px;right:10px;width:43px;height:43px;border-radius:14px}.notification-center{top:61px;right:8px;width:calc(100vw - 16px);max-height:76svh;border-radius:20px}.toast-container{top:62px}}