.achievement-toast{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #facc1599;border-radius:16px;align-items:center;gap:1rem;min-width:290px;max-width:420px;padding:14px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards achievement-elastic-in;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 12px 36px #00000080,0 0 24px #facc1540}@media (width<=640px){.achievement-toast{max-width:none;top:1rem;left:1rem;right:1rem}}.achievement-toast--exiting{animation:.35s ease-in forwards achievement-slide-out}.achievement-toast__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.achievement-toast__icon{font-size:2.4rem;line-height:1}.achievement-toast__trophy-sparkle{filter:drop-shadow(0 2px 4px #00000080);font-size:1.1rem;animation:2s ease-in-out infinite trophyWiggle;position:absolute;top:-8px;right:-8px}@keyframes trophyWiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)scale(1.1)}75%{transform:rotate(8deg)scale(1.1)}}.achievement-toast__content{flex-direction:column;flex:1;min-width:0;display:flex}.achievement-toast__header-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.achievement-toast__badge{color:#facc15;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.achievement-toast__title{color:#f1f5f9;font-size:1rem;font-weight:800;line-height:1.25}.achievement-toast__desc{color:#94a3b8;margin-top:2px;font-size:.78rem;line-height:1.35}.achievement-toast__close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:1.1rem;transition:color .15s,background-color .15s;display:flex}.achievement-toast__close-btn:hover{color:#f1f5f9;background-color:#ffffff14}@keyframes achievement-elastic-in{0%{opacity:0;transform:translate(60px)scale(.9)}65%{transform:translate(-6px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes achievement-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.9)}}.chat-notification-banner{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#121622f0;border:1px solid #6366f159;border-radius:16px;align-items:center;gap:14px;width:calc(100% - 48px);max-width:440px;padding:16px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards chatNotificationSlideUp;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 40px #0000008c,0 0 24px #6366f133}@keyframes chatNotificationSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-notification-banner__glow{pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:100px;height:100px;position:absolute;top:-20px;right:-20px}.chat-notification-banner__icon-wrap{background:#6366f126;border:1px solid #6366f14d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.chat-notification-banner__icon{font-size:1.4rem;line-height:1}.chat-notification-banner__pulse{background:#10b981;border:2px solid #121622;border-radius:50%;width:11px;height:11px;animation:2s ease-in-out infinite chatPulseAnim;position:absolute;top:-3px;right:-3px}@keyframes chatPulseAnim{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.chat-notification-banner__body{flex:1;min-width:0}.chat-notification-banner__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.chat-notification-banner__title{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.chat-notification-banner__live-badge{letter-spacing:.05em;color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.chat-notification-banner__desc{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-notification-banner__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-notification-banner__btn-join{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 4px 12px #6366f159}.chat-notification-banner__btn-join:hover{filter:brightness(1.1);transform:translateY(-1px)}.chat-notification-banner__btn-join:active{transform:translateY(0)}.chat-notification-banner__btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:background-color .15s,color .15s;display:flex}.chat-notification-banner__btn-close:hover{color:#fff;background-color:#ffffff1a}@media (width<=768px){.chat-notification-banner{bottom:calc(64px + 12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:12px;width:auto;max-width:none;left:16px;right:16px}.chat-notification-banner__actions{justify-content:flex-end;width:100%}.chat-notification-banner__btn-join{text-align:center;flex:1}}.web-bottom-nav{display:none}@media (width<=768px){.web-bottom-nav{z-index:950;-webkit-backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0d14f5;border-top:1px solid #ffffff1a;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0000008c}.web-bottom-nav__bar{flex-direction:row;justify-content:space-around;align-items:center;height:58px;padding:0 6px;display:flex}.web-bottom-nav__item{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:46px;padding:2px 4px;transition:all .2s;display:flex;position:relative;text-decoration:none!important}.web-bottom-nav__item:active{transform:scale(.95)}.web-bottom-nav__icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:34px;height:24px;display:flex;position:relative}.web-bottom-nav__item--active .web-bottom-nav__icon-wrap{background:#ffffff14}.web-bottom-nav__icon{opacity:.7;font-size:1.18rem;line-height:1;transition:opacity .2s,transform .2s}.web-bottom-nav__item--active .web-bottom-nav__icon{opacity:1}.web-bottom-nav__label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:.65rem;font-weight:600;line-height:1.1;overflow:hidden}.web-bottom-nav__item--active .web-bottom-nav__label{color:#fff;font-weight:700}.web-bottom-nav__item--modules{background:linear-gradient(#121722,#121722) padding-box padding-box,linear-gradient(135deg,#2dd4bf 0%,#38bdf8 40%,#ff6b35 100%) border-box;border:1.5px solid #0000;margin:0 2px;box-shadow:0 0 12px #38bdf838,0 0 14px #ff6b352e}.web-bottom-nav__item--modules .web-bottom-nav__icon{opacity:1}.web-bottom-nav__item--modules .web-bottom-nav__label{color:#f8fafc;font-weight:700}.web-bottom-nav__item--modules.web-bottom-nav__item--active{box-shadow:0 0 16px #38bdf866,0 0 20px #ff6b3559}.web-bottom-nav__badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1.5px solid #0a0d14;border-radius:9999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:.58rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}}