.navigation-bar{background-color:rgba(9,9,11,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:60px;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color,#27272a);transition:background-color var(--transition-fast,0.2s),border-color var(--transition-fast,0.2s)}.navigation-bar-container{width:100%;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navigation-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.navigation-logo img{width:32px;height:32px;object-fit:contain;border-radius:6px;transition:transform var(--transition-fast,0.2s)}.navigation-logo:hover img{transform:scale(1.05)}.navigation-logo h1{margin:0;font-family:var(--font-heading,'Outfit',sans-serif);font-weight:700;font-size:1.25rem;letter-spacing:-0.02em;color:#ffffff}.navigation-links{display:flex;align-items:center;gap:6px;margin-left:32px}.navigation-links a{color:var(--text-secondary,#a1a1aa);text-decoration:none;font-family:var(--font-ui,sans-serif);font-size:0.9rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm,6px);transition:color var(--transition-fast,0.15s),background-color var(--transition-fast,0.15s);position:relative}.navigation-links a:hover{color:#ffffff;background-color:rgba(255,255,255,0.06)}.navigation-links a.active{color:#ffffff;font-weight:600;background-color:rgba(255,255,255,0.08)}.navigation-links a.active::after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background-color:#ffffff;border-radius:2px}.navigation-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-discord-btn{display:inline-flex;align-items:center;gap:6px;background-color:#141417;color:#a1a1aa;border:1px solid #27272a;padding:6px 12px;border-radius:var(--radius-sm,6px);font-family:var(--font-ui,sans-serif);font-size:0.85rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast,0.15s)}.nav-discord-btn svg{width:15px;height:15px}.nav-discord-btn:hover{color:#ffffff;border-color:#3f3f46;background-color:#1c1c20}.nav-login-link{display:inline-flex;align-items:center;gap:6px;background-color:#ffffff;color:#000000;border:1px solid #ffffff;padding:6px 14px;border-radius:var(--radius-sm,6px);font-family:var(--font-ui,sans-serif);font-size:0.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast,0.15s)}.nav-login-link:hover{background-color:#e4e4e7;border-color:#e4e4e7}.nav-profile-link{display:inline-flex;align-items:center;gap:6px;background-color:#141417;color:#ffffff;border:1px solid #27272a;padding:6px 12px;border-radius:var(--radius-sm,6px);font-family:var(--font-ui,sans-serif);font-size:0.85rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast,0.15s)}.nav-profile-link:hover{background-color:#1c1c20;border-color:#3f3f46}.nav-admin-btn{display:inline-flex;align-items:center;gap:6px;background-color:#18181b;color:#ffffff;border:1px solid #3f3f46;padding:6px 12px;border-radius:var(--radius-sm,6px);font-family:var(--font-ui,sans-serif);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast,0.15s)}.nav-admin-btn:hover{background-color:#27272a;border-color:#52525b}.nav-admin-btn svg{width:14px;height:14px}.mobile-drag-dock{display:none}@media (max-width:768px){body{padding-bottom:74px}.navigation-bar{display:none !important}.mobile-bottom-nav{display:none !important}.mobile-drag-dock{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;width:calc(100% - 24px);max-width:420px;background:rgba(18,18,20,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.12);border-radius:22px;padding:5px 6px 6px 6px;box-shadow:0 10px 32px rgba(0,0,0,0.65),0 2px 8px rgba(0,0,0,0.4);user-select:none;-webkit-user-select:none;touch-action:pan-x;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),opacity 0.2s ease,border-color 0.2s ease}.mobile-drag-dock:active,.mobile-drag-dock.is-dragging{border-color:rgba(255,255,255,0.28)}.mobile-dock-handle{width:32px;height:3px;background:rgba(255,255,255,0.22);border-radius:2px;margin:1px auto 5px auto;cursor:grab;transition:background 0.15s ease,width 0.15s ease;flex-shrink:0}.mobile-drag-dock:hover .mobile-dock-handle,.mobile-drag-dock.is-dragging .mobile-dock-handle{background:rgba(255,255,255,0.5);width:40px}.mobile-dock-track{display:flex;align-items:center;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;padding:2px}.mobile-dock-track::-webkit-scrollbar{display:none}.mobile-dock-track.grabbing{cursor:grabbing;scroll-behavior:auto}.mobile-dock-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:transparent;color:#a1a1aa;text-decoration:none;font-family:var(--font-ui,"Plus Jakarta Sans",sans-serif);font-size:0.78rem;font-weight:500;white-space:nowrap;flex-shrink:0;transition:all 0.18s cubic-bezier(0.16,1,0.3,1);border:1px solid transparent}.mobile-dock-item svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0;transition:transform 0.15s ease}.mobile-dock-item:hover{color:#ffffff;background:rgba(255,255,255,0.06)}.mobile-dock-item.active{background:#ffffff;color:#000000;font-weight:700;box-shadow:0 2px 10px rgba(255,255,255,0.25);border-color:#ffffff}.mobile-dock-item.active svg{stroke:#000000;transform:scale(1.08)}.mobile-drag-dock.minimized{padding:6px 14px;width:auto;border-radius:9999px;cursor:pointer}.mobile-drag-dock.minimized .mobile-dock-track{display:none}.mobile-drag-dock.minimized .mobile-dock-handle{margin:0;width:28px;height:4px;background:#ffffff}}