.notif-wrapper.svelte-1vw4l4o{position:relative}.notif-btn.svelte-1vw4l4o{position:relative;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:9999px;background:linear-gradient(to bottom,#4a3a2a,#2b231b);color:#c4a35a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #00000059}.notif-btn.svelte-1vw4l4o:hover{color:#ffd966;border-color:#6a5a4a}.notif-btn.has-unread.svelte-1vw4l4o{color:#ffe8a3;border-color:#eab308;box-shadow:0 0 0 1px #eab30833,0 3px 8px #00000059}.notif-icon.svelte-1vw4l4o{width:1.4rem;height:1.4rem;transform-origin:50% 10%}.notif-icon.has-unread.svelte-1vw4l4o{animation:svelte-1vw4l4o-ring 1.6s ease-in-out infinite}.notif-btn.has-unread.svelte-1vw4l4o .notif-badge:where(.svelte-1vw4l4o){animation:none;transform-origin:center}@keyframes svelte-1vw4l4o-ring{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.notif-badge.svelte-1vw4l4o{animation:none;transform:none}@keyframes svelte-1vw4l4o-pulse{0%{transform:scale(1);box-shadow:0 0 #eab30873}70%{transform:scale(1.05);box-shadow:0 0 0 8px #eab30800}to{transform:scale(1);box-shadow:0 0 #eab30800}}.notif-badge.svelte-1vw4l4o{position:absolute;top:-4px;right:-4px;min-width:18px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1;color:#0f0a06;background:linear-gradient(to bottom,#fbbf24,#f97316);border:1px solid #d97706;border-radius:999px;box-shadow:0 2px 4px #00000040;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.notif-panel.svelte-1vw4l4o{position:absolute;right:0;margin-top:10px;width:22rem;background:#1f150d;background:linear-gradient(to bottom,#2b2118,#1a140f);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 12px 30px #00000073;overflow:hidden;z-index:60;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--color-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 768px){.notif-panel.svelte-1vw4l4o{width:min(92vw,360px);max-width:calc(100vw - 16px);position:fixed;top:64px;left:50%;transform:translate(-50%);right:auto;margin-top:0;border-radius:10px;z-index:200}.notif-header.svelte-1vw4l4o{padding:.85rem 1rem}.notif-body.svelte-1vw4l4o{max-height:60vh}.notif-item.svelte-1vw4l4o{padding:.9rem 1rem;gap:.75rem}.notif-actions.svelte-1vw4l4o{gap:12px}}.notif-header.svelte-1vw4l4o{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.notif-title.svelte-1vw4l4o{font-weight:700;letter-spacing:.2px;color:var(--color-gold, #ffd54f)}.notif-actions-header.svelte-1vw4l4o{display:inline-flex;align-items:center;gap:10px}.notif-close.svelte-1vw4l4o{background:none;border:1px solid var(--color-border);color:var(--color-muted);width:26px;height:26px;border-radius:6px;cursor:pointer;font-weight:700;line-height:1;padding:0;transition:all .15s ease}.notif-close.svelte-1vw4l4o:hover{color:var(--color-light);border-color:var(--color-border-hover);background:var(--color-bg-card-dark)}.notif-body.svelte-1vw4l4o{max-height:18rem;overflow:auto}.notif-empty.svelte-1vw4l4o{padding:.9rem;color:var(--color-muted);font-size:.9rem}.notif-item.svelte-1vw4l4o{display:flex;gap:.6rem;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);background:var(--color-card-bg-end)}.notif-item.is-read.svelte-1vw4l4o{opacity:.7}.notif-dot.svelte-1vw4l4o{width:8px;height:8px;border-radius:999px;margin-top:4px;flex-shrink:0}.dot-unread.svelte-1vw4l4o{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2440}.dot-read.svelte-1vw4l4o{background:#6b5a48}.notif-content.svelte-1vw4l4o{flex:1;min-width:0}.notif-message.svelte-1vw4l4o{font-size:.95rem;color:var(--color-light);line-height:1.35;word-break:break-word}.notif-link-block.svelte-1vw4l4o{display:block;color:var(--color-light);text-decoration:none}.notif-link-block.svelte-1vw4l4o:hover{color:var(--color-gold);text-decoration:underline}.notif-actions.svelte-1vw4l4o{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}.notif-link.svelte-1vw4l4o{background:none;border:none;padding:0;color:var(--color-accent);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none}.notif-link.svelte-1vw4l4o:hover{color:var(--color-gold);text-decoration:underline}.osrs-nav.svelte-pyn7s7{font-family:var(--font-osrs),"Times New Roman",serif;background:linear-gradient(to bottom,#3d3427,#2a241c,#1f1a14);border-bottom:3px solid #594a3a;box-shadow:inset 0 1px #ffd7961a,0 4px 12px #00000080}.osrs-nav-inner.svelte-pyn7s7{border-bottom:1px solid rgba(89,74,58,.5)}.osrs-logo-link.svelte-pyn7s7{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.osrs-logo-link.svelte-pyn7s7:hover .osrs-brand-text:where(.svelte-pyn7s7){color:#ffe082}.nav-right.svelte-pyn7s7{position:relative}.mobile-bell.svelte-pyn7s7{display:inline-flex;align-items:center}.osrs-brand-text.svelte-pyn7s7{font-size:18px;font-weight:700;letter-spacing:1px;color:#ffd54f;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:color .15s ease}@media (max-width: 640px){.osrs-brand-text.svelte-pyn7s7{display:none}}.nav-overlay.svelte-pyn7s7{display:none}.osrs-tabs-mobile.svelte-pyn7s7{display:none;flex-direction:column;gap:10px;padding:14px;background:linear-gradient(to bottom,#2b2118,#1a140f);border:1px solid #3d3427;border-radius:12px;box-shadow:0 14px 30px #00000080}.osrs-tabs-mobile.open.svelte-pyn7s7{display:flex}.osrs-tabs-desktop.svelte-pyn7s7{display:none;flex-direction:row;gap:2px;padding:3px;background:#0000004d;border:1px solid #3d3427;border-radius:4px}.osrs-tab.svelte-pyn7s7{padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.5px;color:#a89a85;text-shadow:0 1px 2px rgba(0,0,0,.8);border-radius:3px;transition:all .15s ease;white-space:nowrap;text-transform:uppercase}.osrs-tab.svelte-pyn7s7:hover{color:#ffd966;background:#ffc8641a}.osrs-tab-active.svelte-pyn7s7{background:linear-gradient(to bottom,#5a4a3a,#4a3a2a);color:#ffc040!important;box-shadow:inset 0 1px #ffd79633,0 1px 3px #0000004d;border:1px solid #6a5a4a}.osrs-icon-btn.svelte-pyn7s7{color:#c4a35a}.osrs-icon-btn.svelte-pyn7s7 button{color:#c4a35a!important}.osrs-icon-btn.svelte-pyn7s7 button:hover{color:#ffd966!important}.osrs-logout-btn.svelte-pyn7s7{padding:5px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#d4a574;background:linear-gradient(to bottom,#4a3a2a,#3a2a1a);border:1px solid #5a4a3a;border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .15s ease;cursor:pointer}.osrs-logout-btn.svelte-pyn7s7:hover{color:#ffb366;background:linear-gradient(to bottom,#5a4a3a,#4a3a2a);border-color:#6a5a4a}@media (max-width: 768px){.osrs-tabs-desktop.svelte-pyn7s7,.desktop-actions.svelte-pyn7s7{display:none}.mobile-bell.svelte-pyn7s7{display:inline-flex}.nav-overlay.svelte-pyn7s7{display:block;position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:120}.osrs-tabs-mobile.svelte-pyn7s7{position:fixed;top:72px;left:50%;transform:translate(-50%);width:min(92vw,360px);max-width:calc(100vw - 16px);z-index:130}}@media (min-width: 769px){.osrs-mobile-toggle.svelte-pyn7s7,.mobile-bell.svelte-pyn7s7{display:none}.osrs-tabs-mobile.svelte-pyn7s7{display:none!important}.osrs-tabs-desktop.svelte-pyn7s7,.desktop-actions.svelte-pyn7s7{display:flex}}.osrs-mobile-toggle.svelte-pyn7s7{display:none;width:36px;height:36px;border:1px solid #e5c27a;border-radius:6px;background:linear-gradient(to bottom,#4a3a2a,#2b231b);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:6px;color:#ffd54f;box-shadow:0 2px 6px #00000059}@media (max-width: 768px){.osrs-mobile-toggle.svelte-pyn7s7{display:inline-flex}}.osrs-bar.svelte-pyn7s7{display:block;width:18px;height:2px;background:#ffd54f;border-radius:999px}.sr-only.svelte-pyn7s7{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}