/* Player notifications: bell, dropdown and important popup */
.notif-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;background:none;color:#cfdaf0;cursor:pointer;transition:color .2s,transform .2s}
.notif-bell svg{width:24px;height:24px;filter:drop-shadow(0 2px 4px #0008)}
.notif-bell:hover{color:#f0d28a;transform:translateY(-1px)}
.notif-bell.has-unread{color:#f0d28a}
.notif-bell.has-unread svg{animation:bell-ring 1.6s ease-in-out infinite;transform-origin:50% 8%;filter:drop-shadow(0 0 8px #f0d28a99)}
.notif-count{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(#5df0a8,#22c27a);color:#03281a;font:800 10.5px/18px Inter,Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #0b1428,0 0 10px #3ddc8caa;animation:count-pulse 1.6s ease-out infinite}
.notif-count[hidden]{display:none}
@keyframes bell-ring{0%,55%,100%{transform:none}60%{transform:rotate(16deg)}66%{transform:rotate(-14deg)}72%{transform:rotate(10deg)}78%{transform:rotate(-7deg)}84%{transform:rotate(4deg)}}
@keyframes count-pulse{0%{box-shadow:0 0 0 2px #0b1428,0 0 0 0 #3ddc8caa}70%{box-shadow:0 0 0 2px #0b1428,0 0 0 9px #3ddc8c00}100%{box-shadow:0 0 0 2px #0b1428,0 0 0 0 #3ddc8c00}}
.notif-panel{position:fixed;z-index:1200;max-height:min(70vh,520px);display:flex;flex-direction:column;border:1px solid #8aa2d14d;border-radius:14px;background:linear-gradient(#17284a,#0d1830);box-shadow:0 24px 60px #000b;color:#e5eaf6;overflow:hidden}
.notif-panel[hidden]{display:none}
.notif-panel .notif-head{padding:14px 16px;border-bottom:1px solid #8aa2d126;font-size:14px}
.notif-scroll{overflow:auto;padding:8px}
.notif-entry{padding:11px 12px;border-radius:10px}
.notif-entry+.notif-entry{border-top:1px solid #8aa2d11a}
.notif-entry.is-new{background:#e2c27d14}
.notif-entry.is-important strong::before{content:'★ ';color:#f0d28a}
.notif-entry strong{display:block;font-size:13.5px}
.notif-entry p{margin:4px 0 6px;font-size:13px;line-height:1.55;color:#b6c3dc;white-space:pre-wrap;overflow-wrap:anywhere}
.notif-entry .notif-meta{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#8396b8}
.notif-entry a{color:#e2c27d}
.notif-empty{margin:18px;text-align:center;color:#8396b8;font-size:13px}
.mobile-toggle.has-unread::after{content:'';position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#3ddc8c;box-shadow:0 0 0 2px #0f1b3a}
.site-announcement.is-maintenance-soon{background:linear-gradient(90deg,#3a2a0e,#5a4214,#3a2a0e);color:#ffe1a1;font-variant-numeric:tabular-nums}
@media(max-width:760px){.navy-header.menu-open .account-nav .notif-bell{flex:0 0 44px;height:46px}}

/* The account row styles every button as a boxed pill; the bell stays a bare icon. */
.account-nav .notif-bell,.navy-header .account-nav .notif-bell{width:38px;min-width:0;height:38px;min-height:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#cfdaf0}
.account-nav .notif-bell.has-unread{color:#f0d28a}
.account-nav .notif-bell:hover{filter:none;color:#f0d28a;background:#ffffff0d}
@media(max-width:760px){.navy-header.menu-open .account-nav .notif-bell{flex:0 0 44px;width:44px;height:46px}}